:root{--cream:#fdf6eb;--green:#084c38;--ink:#153f32;--muted:#637465;--line:#d8dfcc}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:14px/1.6 'DM Sans',Arial,sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a66e18;outline-offset:4px}.map-header{height:88px;display:flex;align-items:center;gap:35px;padding:14px 30px;border-bottom:1px solid var(--line)}.map-header>a:first-child{display:block;width:180px;flex-shrink:0}.map-header img{width:100%;height:auto;display:block}.map-title{font-size:13px;font-weight:600}.home-link{margin-left:auto;font-size:12px;text-decoration:none;display:flex;gap:18px;align-items:center}.home-link:hover{text-decoration:underline}.map-layout{display:grid;grid-template-columns:285px minmax(0,1fr);height:calc(100dvh - 88px);min-height:520px}.map-sidebar{padding:30px 25px;overflow-y:auto;scrollbar-width:thin;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;margin:0 0 17px}h1{font:700 38px/1.04 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 20px}.description{font-size:13px;color:var(--muted);margin:0 0 28px}.legend{border-top:1px solid var(--line);padding-top:22px}.legend h2{font-size:12px;font-weight:700;margin:0 0 12px}.colour-ramp{height:12px;background:linear-gradient(90deg,#f3efc8 0%,#c6dca0 30%,#80ae78 60%,#28774f 85%,#084c38 100%)}.ramp-labels{display:flex;justify-content:space-between;font-size:10px;margin-top:6px}.legend-note{font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0 22px}#fit-bayside{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:1px solid #a8b79b;border-radius:4px;padding:8px 12px;font-size:12px}#fit-bayside:hover{background:#e9eedb}#fit-bayside span{font-size:20px;line-height:1}.block-details{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);min-height:158px}.detail-prompt{font-size:12px;color:var(--muted);margin:0;max-width:195px}.detail-locality{font-size:13px;font-weight:700;margin:0 0 8px}.detail-rate{font:600 34px/1.1 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.04em;margin:0}.detail-unit{font-size:10px;color:var(--muted);margin:2px 0 12px}.detail-count{font-size:12px;margin:0}.detail-code{font-size:9px;color:var(--muted);margin:7px 0}.data-details{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:11px}.data-details summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:11px;font-weight:600}.data-details summary::-webkit-details-marker{display:none}.data-details summary span{font-size:17px}.data-details[open] summary span{transform:rotate(45deg)}.data-details>div{font-size:10px;color:var(--muted);padding-top:10px}.data-details p{margin:0 0 12px}.data-details a{text-underline-offset:2px}.map-stage{position:relative;min-width:0;min-height:0;background:#d7e5e6}#density-map{position:absolute;inset:0}#map-status{position:absolute;top:18px;left:18px;z-index:3;font-size:12px;background:var(--cream);padding:8px 12px;border:1px solid var(--line)}#map-status[hidden]{display:none}#clear-selection{position:absolute;left:18px;bottom:38px;background:var(--cream);border:1px solid #9db28e;border-radius:4px;padding:7px 12px;font-size:11px}#clear-selection[hidden]{display:none}.maplibregl-ctrl-group{border-radius:4px!important}.maplibregl-ctrl-attrib{font-size:9px!important}.maplibregl-ctrl-scale{font:10px 'DM Sans',Arial,sans-serif!important}
@media(max-width:760px){.map-header{height:72px;padding:10px 18px;gap:20px}.map-header>a:first-child{width:145px}.map-title{display:none}.home-link{font-size:11px;gap:10px}.map-layout{height:auto;min-height:0;display:flex;flex-direction:column}.map-stage{order:0;height:62dvh;min-height:390px}.map-sidebar{order:1;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:22px 26px;padding:24px 22px}.map-intro{display:none}.legend{border-top:0;padding-top:0}.legend-note{margin-bottom:0}.ramp-labels{font-size:9px}.legend h2{font-size:11px}.block-details{margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid var(--line);min-height:105px}.detail-rate{font-size:30px}.detail-count{font-size:11px}.detail-code{font-size:8px}.detail-prompt{font-size:11px}#fit-bayside{grid-column:1/3;grid-row:2}.data-details{grid-column:1/3;margin:0;padding-top:15px}.maplibregl-ctrl-attrib{max-width:250px}#map-status{top:12px;left:12px;font-size:11px}#clear-selection{bottom:34px;left:12px}}@media(max-width:350px){.map-sidebar{gap:20px 16px;padding:22px 17px}.home-link{font-size:10px}.map-header{gap:12px}.map-header>a:first-child{width:140px}}
.layer-controls{border:0;border-top:1px solid var(--line);margin:0 0 20px;padding:17px 0 0}.layer-controls legend{float:left;width:100%;font-size:11px;font-weight:700;margin-bottom:9px}.layer-controls label{clear:both;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 0;font-size:12px;cursor:pointer}.layer-controls input{accent-color:var(--green);width:15px;height:15px;margin:0;cursor:pointer}.lts-legend{margin-bottom:20px}.lts-legend h2{font-size:11px;margin:0 0 9px}.lts-legend>div{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.lts-legend span{display:flex;align-items:center;gap:7px;font-size:10px}.lts-legend i{display:inline-block;width:16px;height:3px}.lts-one{background:#16a34a}.lts-two{background:#2563eb}.lts-three{background:#f59e0b}.lts-four{background:#dc2626}.lts-legend p{font-size:9px;color:var(--muted);line-height:1.7;margin:10px 0 0}.map-intro h1{font-size:31px}.description{margin-bottom:20px}.block-details{min-height:130px}.detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px}.detail-extra{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 0}.map-layer-status{position:absolute;left:18px;top:18px;max-width:300px;font-size:11px;padding:7px 10px;background:var(--cream);border:1px solid var(--line);z-index:3}.map-layer-status[hidden]{display:none}
@media(max-width:760px){.layer-controls{grid-column:1/3;grid-row:1;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px 18px}.layer-controls legend{display:none}.layer-controls label{clear:none;gap:8px;font-size:11px}.layer-controls input{width:14px;height:14px}.legend{grid-column:1;grid-row:2}.lts-legend{grid-column:2;grid-row:2;padding-left:16px;border-left:1px solid var(--line);margin:0}.lts-legend>div{grid-template-columns:1fr}.block-details{grid-column:1/3;grid-row:3;min-height:50px;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}#fit-bayside{grid-row:4}.data-details{grid-row:5}.map-sidebar{gap:18px 26px}.detail-rate{font-size:28px}.map-layer-status{top:12px;left:12px;max-width:250px;font-size:10px}.detail-prompt{max-width:100%}}

.place-controls label>span{display:flex;align-items:center;gap:10px}.place-controls img{display:block;flex:none;object-fit:contain}.places-note{clear:both;font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0 0}.place-source{display:inline-block;font-size:10px;margin-top:10px;text-underline-offset:3px}.place-popup{pointer-events:none;z-index:6;max-width:min(300px,calc(100vw - 40px))!important}.place-popup .maplibregl-popup-content{padding:12px 16px 12px 12px;border:1px solid rgba(22,50,79,.08);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(22,50,79,.15),0 2px 5px rgba(22,50,79,.06);animation:tooltip-arrive 140ms ease-out}.map-tooltip{display:flex;align-items:center;gap:10px;font-family:'DM Sans',system-ui,sans-serif;text-align:left;color:#16324f}.map-tooltip-avatar{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center}.map-tooltip-avatar img{display:block;width:32px;height:32px;object-fit:contain}.map-tooltip-copy{min-width:0}.map-tooltip-title{display:block;font-size:16px;line-height:1.25;font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere}.map-tooltip .map-tooltip-subtitle,.map-tooltip .map-tooltip-meta{margin:4px 0 0;color:#60758a;font-size:11px;line-height:1.3;font-weight:500}.place-popup .maplibregl-popup-tip{border-width:7px}.place-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip,.place-popup.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.place-popup.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:#fff}.place-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.place-popup.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.place-popup.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:#fff}.place-popup.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:#fff}.place-popup.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:#fff}@keyframes tooltip-arrive{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.place-popup .maplibregl-popup-content{animation:none}}
@media(max-width:760px){.place-controls{grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;border-top:1px solid var(--line);padding-top:12px}.place-controls legend{display:block;float:none;font-size:11px;margin:0;padding:0}.place-controls label{justify-content:space-between}.place-controls img{width:26px;height:26px}.place-controls label>span{gap:7px}.places-note{font-size:9px;margin:0;align-self:center}.legend,.lts-legend{grid-row:3}.block-details{grid-row:4}#fit-bayside{grid-row:5}.data-details{grid-row:6}}

#clear-selection{top:18px;bottom:auto;z-index:4}@media(max-width:760px){#clear-selection{top:12px;bottom:auto}}

#toggle-stations{accent-color:#1976D2}#toggle-schools{accent-color:#9C27B0}#toggle-centres{accent-color:#FF9800}

.school-key{clear:both;display:flex;flex-wrap:wrap;gap:7px 12px;margin:12px 0 0;color:var(--muted);font-size:9px;line-height:1.4}.school-key span{display:flex;align-items:center;gap:5px}.school-key img{width:18px;height:18px}@media(max-width:760px){.school-key{grid-column:1/-1;margin-top:8px;gap:7px 14px}.school-key img{width:18px;height:18px}}

.map-layout{grid-template-columns:340px minmax(0,1fr)}.scenario-panel{border-top:1px solid var(--line);padding-top:20px;margin:0 0 25px}.scenario-panel .eyebrow{font-size:9px;margin:0 0 8px;letter-spacing:.09em}.scenario-panel h2{font:700 25px/1.1 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.04em;margin:0 0 12px}.scenario-intro{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 18px}.scenario-label{display:block;font-size:10px;font-weight:700;margin:12px 0 6px}.scenario-panel select{width:100%;min-width:0;border:1px solid #a8b79b;border-radius:3px;background:var(--cream);color:var(--ink);font:11px/1.4 'DM Sans',Arial,sans-serif;padding:10px 28px 10px 9px}.scenario-distance{border:0;padding:0;margin:15px 0;display:flex;gap:9px}.scenario-distance legend{font-size:10px;font-weight:600;margin-bottom:7px}.scenario-distance label{display:flex;align-items:center;gap:5px;font-size:11px;padding:5px 10px;border:1px solid var(--line);border-radius:3px;cursor:pointer}.scenario-distance label:has(input:checked){border-color:var(--green);background:#e8edda}.scenario-distance input{accent-color:var(--green);margin:0;width:12px;height:12px}.scenario-actions{display:flex;align-items:center;gap:12px}.scenario-actions>button:first-child{display:flex;justify-content:space-between;align-items:center;flex:1;background:var(--green);color:var(--cream);border:0;border-radius:3px;padding:10px 13px;font-size:11px}.scenario-actions>button:disabled{opacity:.45;cursor:default}#clear-scenario{border:0;background:none;padding:6px;font-size:10px;text-decoration:underline}.scenario-note{font-size:10px;line-height:1.65;color:var(--muted);margin:10px 0}.scenario-summary{border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.scenario-destination-name{font:700 18px/1.25 'Bricolage Grotesque',Arial,sans-serif;margin:0 0 12px}.scenario-total{font:600 29px/1.1 'Bricolage Grotesque',Arial,sans-serif;margin:0}.scenario-total span{display:block;font:10px/1.6 'DM Sans',Arial,sans-serif;margin-top:4px;color:var(--muted)}.scenario-legend{display:flex;gap:16px;font-size:9px;margin:16px 0}.scenario-legend span{display:flex;align-items:center;gap:5px}.scenario-legend i{width:15px;height:4px;display:inline-block}.barrier-key{background:#923454}.scenario-overlay{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:12px 0}.scenario-overlay input{accent-color:var(--green)}.text-button{border:0;border-bottom:1px solid #a5b89c;background:none;padding:2px 0;font-size:10px;margin:12px 0;color:var(--green)}.scenario-method{margin-top:17px;font-size:10px;line-height:1.6;color:var(--muted)}.scenario-method summary{cursor:pointer;font-weight:600;color:var(--ink)}.scenario-method p{margin:12px 0}.scenario-method a{text-underline-offset:3px}.scenario-map-summary{position:absolute;bottom:43px;left:18px;z-index:3;max-width:calc(100% - 70px);border:1px solid #b5bfa8;background:var(--cream);padding:8px 11px;border-radius:3px;font-size:10px;box-shadow:0 1px 5px #153f3210}#scenario-results[hidden],#clear-scenario[hidden],.scenario-map-summary[hidden]{display:none}
@media(max-width:760px){.map-layout{display:flex}.scenario-panel{grid-column:1/-1;grid-row:1;padding-top:0;border-top:0;margin:0 0 8px}.scenario-panel h2{font-size:25px}.scenario-intro{font-size:12px}.scenario-panel select{font-size:12px}.scenario-distance label{flex:1;justify-content:center;padding:7px 8px}.scenario-panel .eyebrow{font-size:9px}.layer-controls:not(.place-controls){grid-row:2}.place-controls{grid-row:3}.legend,.lts-legend{grid-row:4}.block-details{grid-row:5}#fit-bayside{grid-row:6}.data-details{grid-row:7}.scenario-map-summary{left:12px;bottom:42px;font-size:9px}.scenario-note{font-size:10px}}

@media(min-width:761px){.map-sidebar:has(#scenario-results:not([hidden])) .map-intro{display:none}.map-sidebar:has(#scenario-results:not([hidden])) .scenario-panel{border-top:0;padding-top:0}}

/* Fixed-height sidebar and map occupy separate columns. */
.map-layout{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 88px);min-height:0;position:relative}.map-stage{position:relative;inset:auto;height:100%;min-height:0}.map-sidebar{position:relative;left:auto;top:auto;width:auto;height:100%;max-height:none;min-height:0;padding:24px 25px;overflow-y:auto;z-index:2;background:var(--cream);border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;display:block}.map-control-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.map-control-heading h1{font:700 24px/1.1 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.04em;margin:0}.map-control-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}#panel-toggle{border:1px solid var(--line);background:transparent;border-radius:3px;width:28px;height:28px;flex:none;font-size:18px;line-height:1}#map-control-body[hidden]{display:none}.block-details{margin:14px 0 16px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:0}.detail-prompt{font-size:11px;max-width:none}.detail-label{font-size:9px}.detail-locality{font-size:12px;margin-bottom:3px}.detail-count{font-size:11px}.detail-extra{font-size:10px;margin-top:4px}.detail-rate{font-size:24px}.place-source{margin-top:5px;font-size:9px}.scenario-panel{margin:0 0 14px;padding:0;border:0}.scenario-panel h2{font:600 13px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:0;margin:0 0 5px}.scenario-intro{font-size:11px;line-height:1.5;margin:0 0 9px}.scenario-label{font-size:10px;margin:8px 0 5px}.scenario-panel select{padding:8px 28px 8px 9px}.scenario-distance{gap:7px;margin:10px 0 0}.scenario-distance legend{font-size:9px;margin-bottom:5px}.scenario-distance label{flex:1;justify-content:center;font-size:10px;padding:4px 7px}.scenario-actions:has(button:not([hidden])){margin-top:7px}.scenario-actions>button[hidden]{display:none}.scenario-actions #clear-scenario{margin-left:auto}.scenario-note{font-size:9px;line-height:1.5;margin:7px 0}.scenario-summary{margin-top:10px;padding-top:10px}.scenario-destination-name{font:600 12px/1.35 'DM Sans',Arial,sans-serif;margin:0 0 4px}.scenario-total{font:700 16px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:-.02em;margin:0}.scenario-total span{display:inline;font-size:10px;letter-spacing:0;font-weight:400;margin:0 0 0 4px}.scenario-legend{gap:11px;margin:10px 0 3px;flex-wrap:wrap;font-size:9px}.barrier-three-key{background:#d97706}.barrier-four-key{background:#b91c1c}.barrier-weight-note{font-size:9px;line-height:1.5;color:var(--muted);margin:3px 0 9px}.scenario-overlay{font-size:10px;margin:7px 0;gap:10px}.scenario-overlay input{width:13px;height:13px;flex:none;margin:0}.context-controls{border-top:1px solid var(--line);padding-top:11px;margin-top:13px;font-size:11px}.context-controls>summary{cursor:pointer;font-size:11px;font-weight:600}.context-controls .layer-controls{padding-top:10px;border:0;margin-bottom:10px;display:block}.context-controls .layer-controls label{font-size:11px;padding:4px 0}.context-controls .layer-controls legend{font-size:10px;margin-bottom:5px}.context-controls .place-controls img{width:23px;height:23px}.context-controls .legend{padding-top:12px}.context-controls .legend h2{font-size:10px}.legend-note{font-size:9px;margin:9px 0 14px}.school-key{font-size:9px}.lts-legend{margin-bottom:8px}#fit-bayside{margin-top:12px;font-size:11px;padding:6px 10px}.data-details{margin-top:13px;padding-top:12px}.scenario-method{font-size:9px;margin-top:12px}.scenario-method summary{font-size:10px}.scenario-map-summary{bottom:34px;left:auto;right:18px;max-width:calc(100% - 36px);font-size:10px}.map-layer-status,#map-status{top:auto;bottom:70px;left:auto;right:18px;max-width:calc(100% - 36px)}#clear-selection{top:18px;left:18px;z-index:4;font-size:10px}.maplibregl-ctrl-attrib{max-width:calc(100vw - 420px)}
@media(max-width:760px){.map-header{height:64px}.map-header>a:first-child{width:135px}.map-layout{display:flex;flex-direction:column;height:auto;min-height:0}.map-stage{position:relative;order:0;height:62dvh;min-height:390px}.map-sidebar{position:relative;order:1;left:auto;top:auto;width:100%;height:auto;max-height:none;padding:24px 22px;overflow:visible;border-right:0;border-top:1px solid var(--line);display:block}.map-control-heading h1{font-size:20px}.map-control-heading p{font-size:10px}#panel-toggle{width:25px;height:25px}.block-details{padding:8px 0;margin:10px 0 12px}.scenario-panel h2{font-size:12px}.scenario-intro{font-size:10px}.scenario-panel select{font-size:11px}.scenario-distance label{font-size:10px}.scenario-note{font-size:9px}.context-controls .place-controls{display:block}.context-controls .places-note{font-size:9px;margin-top:7px}.context-controls .lts-legend{border-left:0;padding-left:0;margin-top:12px}.scenario-map-summary{right:10px;left:10px;bottom:35px;max-width:none;font-size:9px;padding:7px}.map-layer-status,#map-status{right:10px;left:10px;bottom:75px;max-width:none;font-size:10px}#clear-selection{top:auto;bottom:75px;right:10px;left:auto}.maplibregl-ctrl-attrib{max-width:calc(100vw - 55px)}}
@media(min-width:761px){.map-sidebar:has(#scenario-results:not([hidden])) .scenario-intro,.map-sidebar:has(#scenario-results:not([hidden])) #scenario-status{display:none}.map-sidebar:has(#scenario-results:not([hidden])) .scenario-panel h2{margin-bottom:9px}}
.scenario-destination-name{display:none}
.scenario-panel #scenario-profile{font-size:10px;padding-top:6px;padding-bottom:6px}#scenario-routing-method{font-weight:500}.map-sidebar:has(#scenario-results:not([hidden])) #scenario-status{display:block;font-size:9px;margin:6px 0}

.scenario-overlay[hidden]{display:none}

/* Keep rollover details from moving the destination controls. */
#block-details{height:164px;min-height:164px;max-height:164px;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none}
#block-details:focus-visible{outline:2px solid #a8b79b;outline-offset:3px}

.scenario-catchment{margin:10px 0 7px;font-size:10px;line-height:1.5;color:var(--muted)}.scenario-catchment strong{color:var(--ink);font-weight:600}

.map-control-heading .map-purpose{font-size:11px;line-height:1.6;margin-top:10px;max-width:34em}#scenario-panel[hidden]{display:none}

.map-intro-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:94px;margin-top:-5px}.map-intro-title h1{flex:1;min-width:0}.map-homepage-detail{display:block;flex:0 0 112px;width:112px;height:94px;object-fit:contain}@media(max-width:380px){.map-homepage-detail{flex-basis:96px;width:96px;height:82px}.map-intro-title{min-height:82px}}

/* Small map-matched colour cues inside the flat rollover details. */
.detail-stress-count{display:flex;align-items:center;gap:8px}.detail-stress-swatch{display:inline-block;flex:0 0 22px;width:22px;height:4px;border-radius:1px}.detail-density-value{display:flex;align-items:center;gap:9px}.detail-density-swatch{display:inline-block;flex:0 0 19px;width:19px;height:19px;border:1px solid rgba(8,76,56,.2);border-radius:3px}.detail-label-icon{display:flex;align-items:center;gap:7px;min-height:20px}.detail-label-icon img{display:block;flex:none;width:20px;height:20px}.detail-canopy-dot{display:block;width:10px;height:10px;flex:none;border-radius:50%;background:#4c9562}

.map-intro-title h1{font-size:25px;line-height:1.08;letter-spacing:-.035em}.map-control-heading .map-lead{font-size:15px;line-height:1.4;font-weight:600;color:var(--ink);margin:16px 0 12px}.map-control-heading .map-purpose{margin:0;font-size:11px;line-height:1.65}.map-purpose strong{font-weight:700;color:var(--ink)}.intro-lts-three{color:#a45200}.intro-lts-four{color:#b91c1c}.map-control-heading .map-instruction{margin:15px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.6;color:var(--ink)}.map-instruction strong{font-weight:700}@media(max-width:760px){.map-intro-title h1{font-size:25px}.map-control-heading .map-lead{font-size:15px;max-width:34em}}



.route-example-key{display:flex;flex-wrap:wrap;gap:5px 12px;margin:-4px 0 12px;font-size:9px;line-height:1.4}.route-example-key span{display:flex;align-items:center;gap:5px}.route-example-key i{display:inline-block;width:13px;height:3px}.example-lts-two{background:#2563eb}.example-lts-three{background:#f59e0b}

.route-example{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.route-example h2{font:700 12px/1.4 DM Sans,Arial,sans-serif;margin:0 0 6px}.map-control-heading .route-example p{font-size:10px;line-height:1.6;margin:0 0 11px}.route-example button{width:100%;padding:8px 10px;border:1px solid #9db28e;border-radius:3px;background:transparent;display:flex;justify-content:space-between;align-items:center;font-size:11px;text-align:left}.route-example button[aria-pressed=true]{background:#e8edda}.route-example button:disabled{opacity:.6;cursor:wait}.route-example button[hidden],#route-example-status[hidden]{display:none}.route-example .route-example-key{margin:0 0 14px}.main-route-annotations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.main-route-annotations[hidden]{display:none}.main-route-annotations text{font-family:DM Sans,Arial,sans-serif;fill:var(--ink)}

.ui-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle}.little-sun .ui-icon{width:20px;height:20px}.starting-note .ui-icon{width:17px;height:17px}.place-source .ui-icon,.data-details a .ui-icon,.scenario-method a .ui-icon{width:12px;height:12px;margin-left:3px}
.map-header{gap:24px}.map-identity{display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding-left:24px;min-width:0}.map-identity-mark{width:38px;height:38px;flex:none;display:grid;place-items:center;background:#e7edda;border-radius:8px;color:#27634a}.map-identity-mark .ui-icon{width:24px;height:24px}.map-identity strong{display:block;font:700 24px/1.1 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.035em;color:var(--green)}.map-identity-caption{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:5px}.map-header .home-link{gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.map-header .home-link:hover{background:#e8eddb;text-decoration:none}#clear-selection{display:inline-flex;align-items:center;gap:8px}#clear-selection .ui-icon{width:14px;height:14px}.route-example button>.ui-icon{width:19px;height:19px}#fit-bayside>.ui-icon{width:18px;height:18px}@media(max-width:900px){.map-header{gap:18px;padding-inline:22px}.map-identity{gap:9px;padding-left:18px}.map-identity strong{font-size:21px}.map-identity-caption{font-size:10px}}@media(max-width:760px){.map-header{gap:12px;padding-inline:16px}.map-identity{border:0;padding:0;gap:0;flex:1}.map-identity-mark{display:none}.map-identity strong{font-size:17px;line-height:1.15;max-width:180px}.map-identity-caption{display:none}.map-header .home-link{padding:7px}.map-header .home-link>span{display:none}.map-header .home-link .ui-icon{width:18px;height:18px}}@media(max-width:380px){.map-header>a:first-child{width:116px}.map-identity strong{font-size:15px}}

/* Route actions share the site's forest green. */
#show-route-example,#open-own-route,#calculate-own-route{background:var(--green);color:var(--cream);border:1px solid var(--green);font-weight:700;min-height:43px;padding:10px 12px;border-radius:4px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;text-align:left}#show-route-example:hover,#open-own-route:hover,#calculate-own-route:hover{background:#123e30}#show-route-example[aria-pressed=true]{background:#123e30;color:var(--cream)}#open-own-route{margin:11px 0 0}#open-own-route[aria-expanded=true] .ui-icon{transform:rotate(45deg)}#own-route-form{padding:14px 0 4px;margin-bottom:18px;border-bottom:1px solid var(--line)}#own-route-form[hidden]{display:none}#own-route-form p{font-size:11px;line-height:1.6;margin:0 0 12px;color:var(--muted)}#own-route-form label{display:block;font-weight:700;font-size:12px;margin:11px 0 5px}.place-search{min-height:44px}.place-search gmp-basic-place-autocomplete{width:100%;color-scheme:light}.place-search gmp-place-details-compact{display:block;width:100%;margin-top:7px;color-scheme:light;border:1px solid var(--line);border-radius:3px;--gmp-mat-color-surface:var(--cream)}#places-status{margin-top:9px!important}#calculate-own-route:disabled{opacity:.45;cursor:default}#own-route-summary{font-size:12px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}#own-route-summary strong{display:block;font:700 24px/1.2 'Bricolage Grotesque',sans-serif;margin-bottom:5px}#clear-own-route{background:none;border:0;border-bottom:1px solid var(--line);padding:3px 0;margin:9px 0 0;font-size:11px}.own-route-key{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:10px}.own-route-key span{display:flex;align-items:center;gap:5px}.own-route-key i{width:14px;height:3px}#own-route-form [hidden],#clear-own-route[hidden]{display:none}.own-route-marker{background:var(--green);color:var(--cream);border:2px solid var(--cream);border-radius:4px;width:25px;height:25px;text-align:center;font:bold 12px/21px 'DM Sans',sans-serif;pointer-events:none}.map-header .home-link{border:0;padding:8px 0}.map-header .home-link:hover{background:none;text-decoration:underline}.map-identity-mark{display:none}

.place-search gmp-place-details-compact{--gmp-mat-font-family:DM Sans,Arial,sans-serif;--gmp-mat-color-on-surface:#153f32;--gmp-mat-color-on-surface-variant:#637465;--gmp-mat-color-primary:#084c38;--gmp-mat-color-outline-decorative:#d8dfcc}

/* Bespoke white line-art button illustrations. */
#show-route-example,#open-own-route{min-height:43px;padding:6px 12px;gap:12px}.route-action-art{display:block;width:28px;height:28px;object-fit:contain;flex:0 0 28px;pointer-events:none}

/* Gentle depth for the forest-green actions; one clear control on the map. */
#show-route-example,#open-own-route,#show-route-example[aria-pressed=true]{background:linear-gradient(145deg,#0c5942 0%,#084c38 52%,#063e2f 100%)}#show-route-example:hover,#open-own-route:hover{background:linear-gradient(145deg,#0a513d 0%,#074632 52%,#05392b 100%)}#clear-selection{font-size:11px;font-weight:600;padding:7px 10px;gap:7px;border-color:#c8d2bf}#clear-selection .map-clear-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;border-radius:50%;background:#bd3c37;color:#fff}#clear-selection .map-clear-icon .ui-icon{width:11px;height:11px}#clear-selection:hover{background:#f5eddf}

#show-route-example,#open-own-route{justify-content:flex-start}.route-action-art{order:-1}

.map-header-links{display:flex;align-items:center;gap:18px;margin-left:auto;flex-shrink:0}.map-header-links .home-link{margin-left:0}.ride-page-link{font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}.ride-page-link:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.ride-page-link{display:none}.map-header-links{gap:0}}