:root{--navy:#03102f;--blue:#0b55e8;--line:#d5e1f2;--muted:#5a708e;--shadow:0 16px 44px rgba(3,16,47,.13)}*{box-sizing:border-box}html{color:var(--navy);background:#edf3fc;font-family:InfoBod,Arial,sans-serif}body{min-width:320px;margin:0;overflow-x:hidden;background:linear-gradient(150deg,#f9fbff,#eaf1fb)}.skip-link{position:fixed;z-index:10000;top:8px;left:8px;padding:10px;border-radius:8px;color:#fff;background:var(--navy);transform:translateY(-150%)}.skip-link:focus{transform:none}.map-topbar{height:auto;min-height:74px;border-bottom:1px solid var(--line);background:#fff}.map-topbar,.map-brand{display:flex;align-items:center}.map-brand{width:min(100%,1120px);padding:0 clamp(14px,3vw,34px);margin:auto;color:var(--navy);text-decoration:none;gap:9px}.map-brand-mark{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border-radius:13px;color:#fff;background:var(--blue);font:900 34px Georgia,serif}.map-brand strong{font-size:19px}.map-app{width:min(100%,1120px);min-height:calc(100dvh - 74px);padding:20px clamp(10px,3vw,34px) calc(26px + env(safe-area-inset-bottom));margin:auto;background:#fff;box-shadow:var(--shadow)}.map-back{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border-radius:13px;color:#fff;background:var(--blue);font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 7px 18px rgba(11,85,232,.2);gap:7px}.map-heading{margin:20px 0 0}.map-heading h1{margin:0;font-size:clamp(34px,7vw,58px);line-height:.97;letter-spacing:-.05em}.map-heading p{margin:8px 0 0;color:var(--muted);font-size:clamp(14px,2vw,18px)}.origin-pill{display:inline-flex;max-width:100%;align-items:center;padding:8px 14px 8px 8px;margin:17px 0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(3,16,47,.08);font-size:12px;gap:8px}.origin-pill>span:first-child{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font:900 20px Georgia,serif}.origin-pill>span:last-child{overflow:hidden;color:#45617f;text-overflow:ellipsis;white-space:nowrap}.origin-pill strong{color:var(--navy)}.map-panel{position:relative;overflow:hidden;border:1px solid #c7d6ea;border-radius:23px;background:#dfe9f6;box-shadow:var(--shadow)}.map-canvas{height:clamp(370px,56dvh,650px);min-height:370px}.map-status{position:absolute;z-index:650;top:13px;left:50%;max-width:calc(100% - 24px);padding:9px 13px;margin:0;border-radius:999px;color:#294763;background:rgba(255,255,255,.95);font-size:11px;font-weight:800;box-shadow:0 5px 16px rgba(3,16,47,.15);transform:translateX(-50%)}.map-status.error{color:#8b3042;background:#fff2f4}.map-filters{display:flex;overflow-x:auto;padding:13px 2px 10px;gap:8px;scrollbar-width:none}.map-filters::-webkit-scrollbar{display:none}.map-filters button{min-width:max-content;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;color:#294763;background:#fff;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.map-filters button.active{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 6px 16px rgba(11,85,232,.2)}.map-filters button:focus-visible,.sheet-toggle:focus-visible,.nearby-row:focus-visible,.map-back:focus-visible{outline:3px solid #79a7ff;outline-offset:3px}.nearby-sheet{overflow:hidden;margin-top:3px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.sheet-toggle{display:grid;width:100%;min-height:78px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:9px 15px;border:0;color:var(--navy);background:#fff;text-align:left;cursor:pointer;gap:10px}.sheet-handle{display:block;width:38px;height:4px;grid-column:1/-1;justify-self:center;margin-top:-2px;border-radius:8px;background:#9db0cb}.sheet-toggle>span:nth-child(2){display:grid;gap:3px}.sheet-toggle strong{font-size:clamp(20px,4vw,28px);letter-spacing:-.035em}.sheet-toggle small{color:var(--muted);font-size:10px;font-weight:600}.sheet-toggle>b{color:var(--blue);font-size:11px}.nearby-list{padding:0 11px calc(11px + env(safe-area-inset-bottom))}.nearby-row{display:grid;min-height:70px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;padding:9px 5px;border-top:1px solid #e6edf7;color:var(--navy);text-decoration:none;gap:10px}.nearby-sheet:not(.expanded) .nearby-row:nth-child(n+4){display:none}.nearby-icon,.popup-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#2867ca}.nearby-icon img,.popup-icon img{width:24px;height:24px}.nearby-row>span:nth-child(2){display:grid;min-width:0;gap:3px}.nearby-row strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.nearby-row small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.nearby-row>span:last-child{display:flex;align-items:center;gap:7px}.nearby-row b{font-size:12px;white-space:nowrap}.nearby-row i{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:var(--blue);background:#eaf1ff;font-size:22px;font-style:normal}.nearby-empty{padding:18px;margin:0;color:var(--muted);text-align:center}.network-marker{border:0!important;background:transparent!important}.network-marker>span{display:grid;width:40px;height:40px;place-items:center;border:3px solid #fff;border-radius:50% 50% 50% 8px;background:#2867ca;box-shadow:0 5px 16px rgba(3,16,47,.36);transform:rotate(-45deg)}.network-marker img{width:23px;height:23px;transform:rotate(45deg)}.network-marker.origin-marker>span{width:50px;height:50px;border-width:4px;box-shadow:0 0 0 9px rgba(11,85,232,.18),0 7px 20px rgba(3,16,47,.42)}.network-marker.origin-marker img{width:28px;height:28px}.marker-infopoint>span,.nearby-icon.marker-infopoint,.popup-icon.marker-infopoint{background:#0b55e8}.marker-satellite>span,.nearby-icon.marker-satellite,.popup-icon.marker-satellite,.marker-trail>span,.nearby-icon.marker-trail,.popup-icon.marker-trail{background:#d13b50}.marker-food>span,.nearby-icon.marker-food,.popup-icon.marker-food{background:#159465}.marker-accommodation>span,.nearby-icon.marker-accommodation,.popup-icon.marker-accommodation{background:#bb8611}.marker-signpost>span,.marker-viewpoint>span,.nearby-icon.marker-signpost,.nearby-icon.marker-viewpoint,.popup-icon.marker-signpost,.popup-icon.marker-viewpoint{background:#24865f}.marker-parking>span,.marker-service>span,.marker-event>span,.nearby-icon.marker-parking,.nearby-icon.marker-service,.nearby-icon.marker-event,.popup-icon.marker-parking,.popup-icon.marker-service,.popup-icon.marker-event{background:#7356d0}.map-popup-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px}.map-popup-card>div{display:grid;gap:3px}.map-popup-card strong{color:var(--navy);font-size:15px}.map-popup-card small,.map-popup-card p{color:var(--muted);font-size:10px}.map-popup-card p{margin:4px 0}.map-popup-card a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;color:#fff;background:var(--blue);font-size:11px;font-weight:850;text-decoration:none}.leaflet-popup-content{margin:14px}.leaflet-control-attribution{max-width:calc(100% - 12px);padding:3px 6px!important;color:#26384b!important;background:rgba(255,255,255,.94)!important;font-size:10px!important;line-height:1.25!important;white-space:normal}.leaflet-control-attribution a{color:#064ccf!important;font-weight:800}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important}.leaflet-bottom{z-index:700}.map-unavailable{display:grid;min-height:340px;place-items:center;padding:36px 20px;margin-top:18px;border-radius:24px;background:#eef4ff;text-align:center}.map-unavailable>span{display:grid;width:64px;height:64px;place-items:center;border-radius:20px;color:#fff;background:var(--blue);font-size:32px}.map-unavailable h2{max-width:560px;margin:12px 0 0;font-size:clamp(24px,5vw,36px)}.map-unavailable p{margin:4px 0;color:var(--muted)}.map-unavailable a{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;margin-top:14px;border-radius:12px;color:#fff;background:var(--blue);font-weight:850;text-decoration:none}
@font-face{font-family:InfoBod;src:url("/infobod-assets/fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0250-1DFF,U+2070-209F,U+2150-218F,U+2800-FEFE,U+FF00-FFFC,U+FFFE-10FFFF}@font-face{font-family:InfoBod;src:url("/infobod-assets/fonts/Inter-Black.woff2") format("woff2");font-weight:800 950;font-display:swap;unicode-range:U+0250-1DFF,U+2070-209F,U+2150-218F,U+2800-FEFE,U+FF00-FFFC,U+FFFE-10FFFF}
.map-topbar-inner{display:flex;width:min(100%,1120px);height:auto;min-height:74px;align-items:center;justify-content:space-between;padding:0 clamp(14px,3vw,34px);margin:auto;gap:12px}.map-topbar-inner .map-brand{width:auto;padding:0;margin:0}.map-languages{display:flex;align-items:center;color:#70809a;font-size:10px;font-weight:850;gap:5px}.map-languages a{display:grid;min-width:26px;min-height:32px;place-items:center;border-radius:8px;color:inherit;text-decoration:none}.map-languages a[aria-current="page"],.map-languages a:hover{color:var(--blue)}.map-languages a:focus-visible{outline:3px solid #79a7ff;outline-offset:1px}.map-languages span{color:#bdc8d8}
html{overflow-x:hidden}
@media(min-width:800px){.map-app{margin-block:24px;border-radius:28px}.map-panel{border-radius:29px}.map-filters{justify-content:center}.nearby-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.nearby-sheet:not(.expanded) .nearby-row:nth-child(n+4){display:grid}}
@media(max-width:430px){.map-topbar{height:auto;min-height:86px}.map-brand-mark{width:40px;height:40px}.map-app{min-height:calc(100dvh - 86px);padding-top:14px}.map-back{max-width:100%;font-size:12px}.map-heading{margin-top:16px}.map-heading h1{font-size:36px}.origin-pill{width:100%;font-size:11px}.map-panel{border-radius:19px}.map-canvas{height:52dvh;min-height:350px}.map-filters button{padding-inline:14px}.nearby-list{padding-inline:7px}.nearby-row{grid-template-columns:42px minmax(0,1fr) auto}.nearby-icon{width:39px;height:39px}.nearby-row b{font-size:11px}}
@media(max-width:374px){.map-canvas{min-height:320px}.origin-pill>span:last-child{white-space:normal}.nearby-row i{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Short screens keep the map attribution inside the initial visible area. */
@media(max-height:700px){.map-canvas{height:min(52dvh,calc(100dvh - 330px));min-height:140px}}
@media(max-height:500px){.map-topbar{height:auto;min-height:54px}.map-topbar-inner{min-height:54px;padding-block:6px}.map-app{margin-top:0;padding-top:8px}.map-heading{margin-top:8px}.map-heading h1{font-size:28px}.map-heading p{margin-top:4px;font-size:14px}.origin-pill{margin-top:8px;margin-bottom:8px;padding-top:4px;padding-bottom:4px}.map-canvas{height:calc(100dvh - 232px);min-height:140px}}

/* The map carries the same brand tagline as the parent InfoBod. */
.map-brand-copy{display:flex;min-width:0;flex-direction:column;gap:3px;line-height:1.15}
.map-brand-copy small{color:#0b51e6;font-size:8px;font-weight:850;letter-spacing:.025em;text-transform:uppercase}
@media(max-width:540px){
  .map-topbar-inner{position:relative;min-height:86px;padding-top:32px;padding-bottom:10px}
  .map-languages{position:absolute;top:5px;right:14px}
  .map-brand-copy small{font-size:7px}
}