.map-heading{position:relative;max-width:920px}.map-heading:after{content:"51.5074° N · 0.1278° W";display:inline-block;margin-top:20px;padding:8px 12px;border:1px solid #b08b5166;border-radius:999px;color:#d9bd8d;font:500 9px "DM Sans";letter-spacing:.18em}.map-sticker-deck{display:grid!important;grid-template-columns:repeat(5,minmax(130px,1fr));gap:13px!important;margin:26px 0 30px!important;perspective:1200px;overflow:visible!important}.map-sticker-deck button{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;min-height:72px!important;padding:12px 13px!important;border:1px solid #756e62!important;border-radius:15px!important;background:linear-gradient(145deg,#faf6ed,#dcd5c8)!important;color:#171714!important;text-align:left;box-shadow:0 9px 0 #242b27,0 15px 24px #0004,inset 0 1px #fff;transform:translateY(-5px) rotateX(3deg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.map-sticker-deck button:before{content:attr(data-icon);grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#1b211e,#39423c);color:#d7b574;font:600 18px "Cormorant Garamond";box-shadow:inset 0 1px #ffffff26,0 5px 8px #0003}.map-sticker-deck button span{font:600 12px "Noto Sans SC"}.map-sticker-deck button small{margin-top:3px;color:#746d62;font:600 7px "DM Sans";letter-spacing:.12em}.map-sticker-deck button:hover{transform:translateY(-9px) rotateX(1deg);box-shadow:0 13px 0 #242b27,0 20px 28px #0005,inset 0 1px #fff}.map-sticker-deck button.active{border-color:#d5b16f!important;background:linear-gradient(145deg,#d8b875,#9b753d)!important;color:#111!important;box-shadow:0 9px 0 #5c4526,0 17px 28px #0005,inset 0 1px #ffe6b0}.map-sticker-deck button.active:before{background:#101310;color:#f0d39a}.map-sticker-deck button.active small{color:#332511}.map-marker.landmark-marker{width:48px;height:54px;border:0;border-radius:14px;background:linear-gradient(145deg,#f5e4c0,#aa8045);box-shadow:0 9px 0 #3d3021,0 14px 20px #0006;transform:none;display:grid;place-items:center;overflow:visible}.landmark-mini{position:relative;display:block;width:38px;height:42px;filter:drop-shadow(0 4px 3px #0005)}.landmark-mini:before,.landmark-mini:after{content:"";position:absolute}.mini-bigben:before{left:13px;bottom:2px;width:13px;height:31px;background:linear-gradient(90deg,#5b4429,#d7b675 50%,#6f532e);clip-path:polygon(50% 0,68% 15%,68% 24%,100% 28%,88% 100%,12% 100%,0 28%,32% 24%,32% 15%)}.mini-bigben:after{left:15px;top:13px;width:9px;height:9px;border-radius:50%;background:#f8edcf;box-shadow:inset 0 0 0 2px #594329}.mini-eye:before{inset:2px;border:3px solid #d9edf0;border-radius:50%;box-shadow:inset 0 0 0 2px #6d8c91}.mini-eye:after{left:18px;top:1px;width:2px;height:39px;background:#eff8f5;box-shadow:-10px 4px #eff8f5,10px 4px #eff8f5;transform:rotate(35deg)}.mini-palace:before{left:2px;right:2px;bottom:3px;height:27px;background:linear-gradient(90deg,#755a38,#e0c188,#745834);clip-path:polygon(0 25%,40% 25%,50% 0,60% 25%,100% 25%,100% 100%,0 100%)}.mini-palace:after{left:8px;bottom:7px;width:3px;height:17px;background:#f8e5b8;box-shadow:7px 0 #f8e5b8,14px 0 #f8e5b8,21px 0 #f8e5b8}.mini-bridge:before{left:3px;bottom:6px;width:32px;height:25px;border-bottom:5px solid #c7d8d5;background:linear-gradient(90deg,#d7b879 0 22%,transparent 22% 78%,#d7b879 78%)}.mini-bridge:after{left:3px;bottom:14px;width:32px;height:12px;border-top:3px solid #edf4ed;border-radius:50%}.mini-cliffs:before{left:1px;right:1px;bottom:4px;height:30px;background:linear-gradient(160deg,#f4f0d9 0 48%,#738f73 49% 65%,#d7ddd3 66%);clip-path:polygon(0 38%,35% 16%,57% 31%,78% 0,100% 18%,100% 100%,0 100%)}.mini-oxford:before,.mini-cambridge:before{left:5px;right:5px;bottom:3px;height:35px;background:linear-gradient(90deg,#715333,#d5b67b,#6d4e2e);clip-path:polygon(0 100%,8% 42%,28% 42%,38% 16%,47% 16%,50% 0,53% 16%,62% 16%,72% 42%,92% 42%,100% 100%)}.mini-cambridge:before{background:linear-gradient(90deg,#5c4937,#c7aa7b,#594431);clip-path:polygon(0 100%,0 39%,20% 39%,26% 21%,36% 39%,45% 39%,50% 0,55% 39%,74% 39%,80% 21%,86% 39%,100% 39%,100% 100%)}
@media(max-width:1050px){.map-sticker-deck{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media(max-width:760px){.map-heading:after{margin-top:14px}.map-sticker-deck{display:flex!important;gap:12px!important;margin:22px -18px 27px!important;padding:8px 18px 16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory}.map-sticker-deck button{flex:0 0 172px!important;scroll-snap-align:start;min-height:70px!important}.map-marker.landmark-marker{width:43px;height:49px}.landmark-mini{transform:scale(.88)}}
.map-sticker-deck button span{font-size:14px!important;font-weight:700!important;letter-spacing:.025em;color:#22201c!important;text-shadow:0 1px #fff,0 3px 2px #0002}.map-sticker-deck button small{margin-top:4px!important;color:#5d574e!important;font-size:10px!important;font-weight:700!important;line-height:1.25;letter-spacing:.06em;text-shadow:0 1px #fff}.map-sticker-deck button.active span{color:#15110b!important;text-shadow:0 1px #f6d99c,0 3px 2px #5d421f55}.map-sticker-deck button.active small{color:#332511!important;text-shadow:0 1px #e8c98c}.university-name span,.university-name em{display:block}.university-name span{font:700 14px/1.35 "Noto Sans SC";color:#171714}.university-name em{margin-top:3px;font:600 10px/1.35 "DM Sans";color:#5b554c}.map-list-item .university-rank{display:inline-block!important;width:max-content;margin-top:7px!important;padding:4px 7px;border-radius:5px;background:#6d416f;color:#fff!important;font-size:9px!important;font-weight:700!important}.map-list-item .university-detail{margin-top:5px!important;color:#625c53!important}.popup-english-name{display:block;margin-top:2px;color:#6b645b;font:600 10px/1.35 "DM Sans"}
@media(max-width:760px){.map-sticker-deck button{flex-basis:188px!important}.map-sticker-deck button span{font-size:14px!important}.map-sticker-deck button small{font-size:10px!important}.university-name span{font-size:14px}.university-name em{font-size:10px}}
.map-layout{overflow:hidden;border:1px solid #a9854e66;border-radius:22px;background:#0b1621!important;box-shadow:0 30px 70px #02080666}.map-layout aside{background:linear-gradient(155deg,#132332,#09131e)!important;color:#f5efe5!important;border-left:1px solid #c29a5b3d}.map-layout aside>.eyebrow{color:#d1ad72!important}.map-layout aside h3{color:#fff8ec!important;text-shadow:0 2px 8px #000}.map-layout aside>small{color:#aaa79f!important}.map-list-item{margin:0 0 10px!important;border:1px solid #ffffff17!important;border-radius:14px;background:linear-gradient(145deg,#1c3041,#101f2d)!important;box-shadow:0 7px 18px #0003;overflow:hidden}.map-list-item>button{color:#f8f2e8!important;padding:14px 10px!important}.map-list-item>button:hover{background:#243b4e!important}.map-list-item button b,.university-name span{color:#fffaf0!important}.map-list-item button small,.university-name em,.map-list-item .university-detail{color:#c4c7c5!important}.map-list-item .university-rank{background:#c59d5f!important;color:#111820!important;box-shadow:0 3px 0 #775b31}.map-list-item>a{align-self:center!important;margin-right:9px!important;padding:9px 11px!important;border:1px solid #d4b071!important;border-radius:8px!important;background:#c59d5f!important;color:#101923!important;font-size:10px!important;font-weight:800!important;text-shadow:0 1px #f4d99f;text-decoration:none!important;box-shadow:0 4px 0 #76592f}.map-list-item>a:hover{background:#e0bd7e!important;color:#07111a!important;transform:translateY(-1px)}.landmark-image-marker{width:78px!important;height:88px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.landmark-image-marker img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px #06101c80);transform:translateY(-4px);transition:transform .2s ease,filter .2s ease}.landmark-image-marker:hover img{transform:translateY(-10px) scale(1.08);filter:drop-shadow(0 14px 10px #06101ca8)}
@media(max-width:760px){.map-layout aside{background:linear-gradient(155deg,#132332,#09131e)!important}.map-list-item{flex:0 0 265px!important;min-width:265px!important}.map-list-item>a{margin:0 10px 12px 55px!important}.landmark-image-marker{width:64px!important;height:74px!important}}
.bilingual-place-name span,.bilingual-place-name em{display:block}.translated-place-name span{font:700 14px/1.35 "Noto Sans SC";color:#fffaf0}.translated-place-name em{margin-top:3px;font:600 10px/1.35 "DM Sans";color:#c4c7c5}.map-list-item .translated-place-name+small{margin-top:7px!important}
.map-sticker-deck{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;margin:26px 0 31px!important;padding:8px 4px 18px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a8834e #251827;perspective:1200px}.map-sticker-deck button{flex:0 0 184px!important;grid-template-columns:44px 1fr!important;min-height:76px!important;scroll-snap-align:start;border:1px solid #b99254!important;border-radius:15px!important;background:linear-gradient(145deg,#402139 0%,#281522 53%,#1b1019 100%)!important;color:#fff8ee!important;box-shadow:0 8px 0 #140a12,0 15px 24px #08040780,inset 0 1px #e3bd7b66,inset 0 -1px #0008!important;transform:translateY(-5px) rotateX(2deg)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease!important}.map-sticker-deck button:before{background:linear-gradient(145deg,#5b2b4c,#23131f)!important;color:#e4c180!important;border:1px solid #c7a46466;box-shadow:inset 0 1px #f6dca955,0 5px 9px #080407aa!important}.map-sticker-deck button span{color:#fffaf2!important;text-shadow:0 1px #000,0 3px 6px #0009!important}.map-sticker-deck button small{color:#d9c9c3!important;text-shadow:0 1px #000!important}.map-sticker-deck button:hover{border-color:#e2bd76!important;filter:brightness(1.14);transform:translateY(-10px) rotateX(1deg)!important;box-shadow:0 13px 0 #140a12,0 21px 30px #080407a8,inset 0 1px #ffe4a699,inset 0 -1px #0008!important}.map-sticker-deck button.active{border-color:#f1cf88!important;background:linear-gradient(145deg,#5b2c4d 0%,#351a2c 50%,#21101d 100%)!important;color:#fff!important;filter:none;box-shadow:0 9px 0 #1a0b16,0 17px 30px #080407a8,0 0 0 2px #d5ad6866,inset 0 1px #ffe3a8cc,inset 0 0 22px #c7974433!important}.map-sticker-deck button.active:before{background:linear-gradient(145deg,#d3ad6a,#8d6836)!important;color:#21101d!important;border-color:#f4d391!important;box-shadow:inset 0 1px #fff1c4,0 5px 9px #090408aa!important}.map-sticker-deck button.active span{color:#fffdf7!important;text-shadow:0 1px #000,0 3px 7px #000b!important}.map-sticker-deck button.active small{color:#efdcbf!important;text-shadow:0 1px #000!important}.map-sticker-deck button:active{transform:translateY(1px) rotateX(0)!important;box-shadow:0 3px 0 #140a12,0 7px 12px #0804078c,inset 0 2px 5px #0008!important;filter:brightness(.98)}
@media(max-width:760px){.map-sticker-deck{margin-left:-18px!important;margin-right:-18px!important;padding:8px 18px 18px!important;gap:12px!important}.map-sticker-deck button{flex-basis:184px!important;min-height:74px!important}}

/* Marvella navy-and-gold category deck: two complete rows on desktop. */
.map-sticker-deck{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:15px 14px!important;margin:26px 0 31px!important;padding:8px 4px 20px!important;overflow:visible!important;scroll-snap-type:none!important;scrollbar-color:#a8834e #0b1722!important}
.map-sticker-deck button{width:100%!important;min-width:0!important;flex:none!important;background:linear-gradient(145deg,#3a332b 0%,#28231e 53%,#181613 100%)!important;border-color:#b39157!important;box-shadow:0 8px 0 #0e0c0a,0 15px 24px #09070580,inset 0 1px #e4c27b5c,inset 0 -1px #0009!important}
.map-sticker-deck button:before{background:linear-gradient(145deg,#554839,#201c17)!important}
.map-sticker-deck button:hover{box-shadow:0 13px 0 #0e0c0a,0 21px 30px #090705aa,inset 0 1px #ffe4a699,inset 0 -1px #0009!important}
.map-sticker-deck button.active{background:linear-gradient(145deg,#62543f 0%,#443a2d 50%,#29231c 100%)!important;box-shadow:0 9px 0 #15110d,0 17px 30px #090705aa,0 0 0 2px #d5ad6866,inset 0 1px #ffe3a8cc,inset 0 0 22px #d0a34a24!important}
.map-sticker-deck button:active{box-shadow:0 3px 0 #0e0c0a,0 7px 12px #0907058c,inset 0 2px 5px #0008!important}
@media(max-width:900px){.map-sticker-deck{grid-template-columns:repeat(4,minmax(158px,1fr))!important;grid-template-rows:repeat(2,auto)!important;grid-auto-flow:column!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x proximity!important;margin-left:-18px!important;margin-right:-18px!important;padding:8px 18px 20px!important}.map-sticker-deck button{width:168px!important;min-height:74px!important;scroll-snap-align:start}}

/* Category-shaped numbered map markers. Landmark miniatures remain untouched. */
.map-marker:not(.landmark-marker){display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:2px solid #f2d293!important;border-radius:50%!important;color:#fff!important;font:800 11px/1 "DM Sans",sans-serif!important;text-shadow:0 1px 3px #000!important;box-shadow:0 6px 14px #02091280,inset 0 1px #ffffff55!important;overflow:visible;cursor:pointer}
.map-marker:not(.landmark-marker):after{content:"";position:absolute;z-index:-1;filter:drop-shadow(0 5px 5px #02091255)}
.map-marker.university:not(.landmark-marker){width:48px!important;height:36px!important;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#315c78,#102b3e)!important;clip-path:polygon(50% 0,100% 28%,82% 40%,82% 76%,64% 100%,36% 100%,18% 76%,18% 40%,0 28%)}
.map-marker.attraction:not(.landmark-marker){background:linear-gradient(145deg,#658aa1,#294a61)!important;clip-path:polygon(50% 0,62% 32%,96% 36%,70% 57%,79% 92%,50% 72%,21% 92%,30% 57%,4% 36%,38% 32%);border:0!important;border-radius:0!important}
.map-marker.museum:not(.landmark-marker){background:linear-gradient(145deg,#3d7f87,#173f47)!important;clip-path:polygon(50% 0,96% 24%,88% 34%,82% 34%,82% 82%,94% 82%,94% 100%,6% 100%,6% 82%,18% 82%,18% 34%,12% 34%,4% 24%);border:0!important;border-radius:0!important}
.map-marker.shopping:not(.landmark-marker){border-radius:7px 7px 12px 12px!important;background:linear-gradient(145deg,#b08b51,#725326)!important}
.map-marker.shopping:not(.landmark-marker):before{content:"";position:absolute;left:11px;right:11px;top:-9px;height:13px;border:3px solid #e8cb8f;border-bottom:0;border-radius:10px 10px 0 0}
.map-marker.hotel:not(.landmark-marker){background:linear-gradient(145deg,#315574,#132d45)!important;clip-path:polygon(8% 0,92% 0,100% 70%,50% 100%,0 70%);border-radius:0!important}
.map-marker.dining:not(.landmark-marker){background:linear-gradient(145deg,#a56d50,#593625)!important;border:4px double #f0d49b!important;border-radius:50%!important}
.map-marker.sport_value:not(.landmark-marker),.map-marker.sport_premium:not(.landmark-marker){background:linear-gradient(145deg,#43836b,#194d3c)!important;clip-path:polygon(50% 0,88% 18%,100% 58%,72% 100%,28% 100%,0 58%,12% 18%);border:0!important;border-radius:0!important}.map-marker.sport_premium:not(.landmark-marker){background:linear-gradient(145deg,#c19a59,#74552b)!important}
.map-marker.nightlife:not(.landmark-marker),.map-marker.event:not(.landmark-marker){background:linear-gradient(145deg,#9a496f,#492039)!important;clip-path:polygon(50% 0,61% 30%,88% 12%,76% 40%,100% 50%,76% 60%,88% 88%,61% 70%,50% 100%,39% 70%,12% 88%,24% 60%,0 50%,24% 40%,12% 12%,39% 30%);border:0!important;border-radius:0!important}.map-marker.event:not(.landmark-marker){background:linear-gradient(145deg,#d15b4e,#78251f)!important}
.map-marker.property_rent:not(.landmark-marker),.map-marker.property_buy:not(.landmark-marker){background:linear-gradient(145deg,#467b68,#1f493b)!important;clip-path:polygon(50% 0,100% 40%,88% 40%,88% 100%,12% 100%,12% 40%,0 40%);border:0!important;border-radius:0!important}.map-marker.property_buy:not(.landmark-marker){background:linear-gradient(145deg,#365c7c,#162f49)!important}
.map-marker.mobility:not(.landmark-marker){width:48px!important;height:32px!important;border-radius:13px 13px 8px 8px!important;background:linear-gradient(145deg,#5a6674,#242e39)!important}
.map-marker.benefit:not(.landmark-marker){background:linear-gradient(145deg,#c49a55,#725329)!important;clip-path:polygon(50% 0,63% 28%,94% 20%,82% 50%,100% 73%,68% 76%,50% 100%,32% 76%,0 73%,18% 50%,6% 20%,37% 28%);border:0!important;border-radius:0!important}

/* Dark illustrated speech bubbles for map details. */
.mapboxgl-popup{filter:drop-shadow(0 16px 24px #02091288)}
.mapboxgl-popup-content{min-width:230px!important;max-width:290px!important;padding:22px 24px!important;border:1px solid #c6a264!important;border-radius:38px!important;background:radial-gradient(circle at 28% 12%,#24445c 0,#132c3f 46%,#091b29 100%)!important;color:#fff8eb!important;box-shadow:inset 0 1px #f2d49b55,0 0 0 5px #10283b55!important}
.mapboxgl-popup-tip{border-top-color:#0b1e2d!important;border-bottom-color:#0b1e2d!important}
.mapboxgl-popup-close-button{top:8px!important;right:12px!important;width:28px;height:28px;border-radius:50%;color:#efd294!important;font-size:20px!important;line-height:26px!important}
.mapboxgl-popup-close-button:hover{background:#ffffff12!important}
.map-popup{gap:7px!important;min-width:0!important;text-align:center}.map-popup small{color:#d9b978!important;font-weight:700}.map-popup b{color:#fffaf0!important;font-size:15px!important}.map-popup em{color:#c9d1d5!important}.map-popup span{color:#e0e3e3!important;font-size:10px!important;line-height:1.55}.map-popup a{justify-self:center;margin-top:4px;padding:8px 13px;border:1px solid #d7b675;border-radius:999px;background:#c7a261;color:#0b1b28!important;font-weight:800;text-decoration:none}
@media(max-width:500px){.mapboxgl-popup-content{min-width:205px!important;max-width:235px!important;padding:19px 20px!important;border-radius:32px!important}}

/* Keep university list numbers aligned with the graduation-cap map markers. */
.map-list-item>button>i.university{background:linear-gradient(145deg,#315c78,#102b3e)!important;color:#fff!important;box-shadow:0 3px 0 #091b28,0 6px 12px #0004!important}

/* Category colour ownership: buying uses oxblood, distinct from university slate-blue and rental green. */
.map-marker.property_buy:not(.landmark-marker){background:linear-gradient(145deg,#9b5147,#54241f)!important}
.map-list-item>button>i.property_buy{background:linear-gradient(145deg,#9b5147,#54241f)!important;color:#fff!important;box-shadow:0 3px 0 #321512,0 6px 12px #0004!important}
.map-list-item>button>i.property_rent{background:linear-gradient(145deg,#4c8069,#24513f)!important;color:#fff!important;box-shadow:0 3px 0 #17372b,0 6px 12px #0004!important}

/* Map utility actions: search, live location and Tube each own a clear colour. */
.map-toolbar{align-items:flex-end!important;gap:11px!important;padding:14px!important;border:1px solid #b8955d55;border-radius:16px;background:linear-gradient(145deg,#f5efe5,#e4dccf)!important;box-shadow:0 9px 22px #33271918!important}
.map-toolbar label{color:#51493f!important;font-weight:700!important}.map-toolbar input{color:#181512!important;border-bottom:2px solid #9c835e!important;font-weight:600}.map-toolbar input::placeholder{color:#786f63!important;opacity:1}
.map-toolbar form button,.map-toolbar #use-location,.map-toolbar .tube-map-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px;min-height:44px!important;padding:0 16px!important;border-radius:10px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.025em!important;text-decoration:none!important;white-space:nowrap;transform:translateY(-2px);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.map-toolbar form button{border:1px solid #d3ad6b!important;background:linear-gradient(145deg,#4a4033,#211d18)!important;color:#fff8ec!important;box-shadow:0 5px 0 #100e0b,0 9px 15px #0003!important}.map-toolbar form button:before{content:"⌕";color:#e5c27f;font-size:17px;line-height:1}
.map-toolbar #use-location{border:1px solid #6f9a7f!important;background:linear-gradient(145deg,#3f725c,#214735)!important;color:#fff!important;box-shadow:0 5px 0 #143024,0 9px 15px #0003!important}.map-toolbar #use-location:first-letter{color:#d9bf83}
.map-toolbar .tube-map-button{border:1px solid #d96b64!important;background:linear-gradient(145deg,#b33b35,#701f1c)!important;color:#fff!important;box-shadow:0 5px 0 #45110f,0 9px 15px #0003!important}.map-toolbar .tube-map-button:before{content:"UNDERGROUND";display:grid;place-items:center;width:28px;height:12px;border:3px solid #fff;border-radius:50%;color:#fff;font-size:4px;letter-spacing:0;background:#17385c}
.map-toolbar form button:hover,.map-toolbar #use-location:hover,.map-toolbar .tube-map-button:hover{filter:brightness(1.12);transform:translateY(-5px)!important}.map-toolbar form button:active,.map-toolbar #use-location:active,.map-toolbar .tube-map-button:active{transform:translateY(1px)!important;box-shadow:0 2px 0 #17120e,0 4px 8px #0002!important}
.map-toolbar>p{color:#5f574c!important;font-weight:600!important}
@media(max-width:600px){.map-toolbar{padding:14px!important}.map-toolbar form{gap:10px!important}.map-toolbar form button,.map-toolbar #use-location,.map-toolbar .tube-map-button{width:100%!important;min-height:48px!important;font-size:11px!important}.map-toolbar .tube-map-button:before{width:32px;height:14px}}

/* Figma-inspired frameless control rail: visually belongs to the map, not a white card. */
.map-toolbar{padding:13px 14px!important;border:1px solid #c2a26945!important;border-radius:15px!important;background:linear-gradient(110deg,rgba(28,25,21,.94),rgba(45,39,31,.88))!important;box-shadow:0 12px 28px #17110b26,inset 0 1px #f2d49724!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.map-toolbar label{color:#d8cdbd!important}.map-toolbar input{color:#fffaf0!important;border-bottom-color:#b69560!important}.map-toolbar input::placeholder{color:#bcb1a2!important}.map-toolbar>p{color:#c9beb0!important}.map-toolbar form button,.map-toolbar #use-location,.map-toolbar .tube-map-button{border-width:1px!important}
@media(max-width:600px){.map-toolbar{margin-left:0!important;margin-right:0!important;padding:12px!important;border-radius:14px!important;background:linear-gradient(155deg,rgba(28,25,21,.96),rgba(44,38,31,.94))!important}}

/* TfL Underground palette: corporate blue control with the red roundel as an accent. */
.map-toolbar .tube-map-button{border-color:#4157b8!important;background:linear-gradient(145deg,#142c8e,#00145f)!important;color:#fff!important;box-shadow:0 5px 0 #000a3d,0 9px 15px #0004!important}
.map-toolbar .tube-map-button:before{border-color:#dc241f!important;background:#fff!important;color:#0019a8!important;box-shadow:inset 0 0 0 2px #fff,0 2px 5px #0004;font-weight:900!important}

/* Location belongs to the same search action family as postcode lookup. */
.map-toolbar #use-location{border-color:#d3ad6b!important;background:linear-gradient(145deg,#4a4033,#211d18)!important;color:#fff8ec!important;box-shadow:0 5px 0 #100e0b,0 9px 15px #0003!important}