/* Map-first workspace: floating search, category chips and a reading sheet. */
:root{color-scheme:dark;--bg:#202124;--panel:#202124;--edge:#41454d;--muted:#b4bdca;--text:#e8eaed;--accent:#8ab4f8;--cyan:#8ab4f8;--orange:#f6c66d;--shadow:0 2px 8px #00000040,0 8px 24px #00000030}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text)}
button,input,select,textarea{color:var(--text);background:#202124;border-color:var(--edge);border-radius:12px}
button{font-size:14px;min-height:40px}button:hover{background:#303640}button.active,button[aria-pressed=true]{color:#aecbfa;border-color:#506585;background:#293d59}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8ab4f8;outline-offset:2px}
button.primary,.scene-navigation button:last-child{background:#8ab4f8;border-color:#8ab4f8;color:#202124}.primary:hover,.scene-navigation button:last-child:hover{background:#aecbfa}
header{top:14px;left:16px;right:auto;bottom:auto;width:360px;height:55px;padding:0 4px;background:none;pointer-events:none;z-index:6;justify-content:flex-start}
.brand{gap:10px;background:#202124;border-radius:16px;padding:9px 14px;box-shadow:var(--shadow);pointer-events:auto}.brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#293d59;color:#8ab4f8;border:0;border-radius:10px;padding:0;font-size:14px;font-weight:700;letter-spacing:-.5px}
header h1{font-size:18px;font-weight:600;letter-spacing:-.5px}.brand span:not(.brand-mark){font-size:12px;letter-spacing:0;color:#aeb8c6}
.header-actions{position:fixed;top:18px;right:18px;pointer-events:auto}.header-actions button{background:#202124;border:1px solid #41454d;border-radius:24px;padding:10px 16px;box-shadow:var(--shadow)}#overview{background:#202124;border:1px solid #41454d}
#map-search{position:absolute;top:80px;left:16px;width:360px;height:52px;background:#202124;border:1px solid #41454d;border-radius:28px;display:flex;align-items:center;gap:12px;padding:0 18px;z-index:8;box-shadow:var(--shadow)}
#map-search input{padding:12px 0;border:0;border-radius:0;background:transparent;font-size:16px;outline-offset:1px}#map-search input::placeholder{color:#aeb8c6}.search-icon{width:22px;height:22px;flex:0 0 22px;color:#bdc5d0}.search-icon svg{width:100%;height:100%}
#chapter-nav{top:82px;left:392px;right:250px;width:auto;max-width:none;gap:8px;padding:0;background:none;border:0;border-radius:0;overflow:auto;scrollbar-width:none}
#chapter-nav button{padding:12px 18px;background:#202124;color:#dce0e5;border:1px solid #41454d;border-radius:24px;box-shadow:0 2px 5px #00000030;min-height:46px}#chapter-nav button span{display:none}#chapter-nav button.active{background:#293d59;color:#aecbfa;border-color:#58759d}#chapter-nav button:hover{background:#303640}
#mobile-map-actions{display:flex;position:absolute;left:16px;right:auto;top:144px;gap:5px;z-index:6;width:360px;padding:4px;background:#25282d;border:1px solid #41454d;border-radius:16px;box-shadow:var(--shadow)}
#mobile-map-actions button{flex:1;background:transparent;color:#c4ccd7;border:0;border-radius:12px;padding:8px;font-size:14px;white-space:nowrap;box-shadow:none}#mobile-map-actions button[aria-expanded=true],#asset-toggle[aria-expanded=true]{background:#293d59;color:#aecbfa;border:0}
#flyover-card,.immersive #flyover-card,#sidebar,body.exploring #sidebar,#detail,.well-detail #detail{left:16px;right:auto;top:208px;bottom:auto;width:360px;max-height:calc(100dvh - 320px);background:#202124;border:1px solid #41454d;border-radius:20px;box-shadow:var(--shadow)}
#sidebar,body.exploring #sidebar{bottom:112px;height:auto;max-height:none;z-index:7}#detail,.well-detail #detail{z-index:7;padding:22px;overflow:auto}#sidebar .side-head{display:none}.flyover-card-content{padding:22px}.flyover-card-content h2{font-size:26px;font-weight:500;line-height:1.22;letter-spacing:-.7px;margin:14px 0}.flyover-card-content .scene-lead{font-size:16px;line-height:1.6;color:#dce0e5}.flyover-card-content .scene-detail,.detail-intro{font-size:16px;line-height:1.6;color:#bac3d0}
.scene-kicker,.scene-kicker .eyebrow,.eyebrow{color:#aebdce;font-size:12px;letter-spacing:.6px}.scene-metrics{background:#2a2e35;border:0;border-radius:14px;padding:16px 12px;gap:8px}.scene-metrics strong{font-size:27px;color:#e8eaed}.scene-metrics span{color:#b4bdca;font-size:12px}.source-caption{color:#aeb8c6!important}
.scene-navigation{border-color:#41454d}.scene-inspect,.well-close-button,.card-expand{color:#8ab4f8}.journey-return,.drawer-close{background:#25282d;color:#8ab4f8;border-color:#41454d;min-height:46px}.journey-return:hover,.drawer-close:hover{background:#293d59}.drawer-close{justify-content:space-between;width:100%;padding:10px 16px}.journey-return{border-radius:0;font-size:14px}.journey-return:focus-visible{outline-color:#8ab4f8}
.tabs{padding:0 12px}.tabs button{color:#b4bdca;min-height:48px}.tabs button.active{color:#8ab4f8;background:none;border-color:#8ab4f8}.tab-content{padding:12px}.filter-row{font-size:12px}.asset-row{padding:14px 8px;border-color:#3b4048;border-radius:10px;min-height:64px}.asset-row strong{font-size:16px;color:#e8eaed}.asset-row small{color:#b0bac8;font-size:12px}.asset-row.selected{background:#293d59}.side-foot{background:#25282d}.side-foot button{color:#8ab4f8;font-size:13px}
.facility-choice-grid>button{background:#25282d;border-color:#41454d;border-left:4px solid var(--facility-color);border-radius:14px;padding:16px;gap:12px}.facility-choice-grid>button:hover,.facility-choice-grid>button:focus-visible{background:#303c4e;outline:2px solid #8ab4f8;outline-offset:1px}.facility-choice-grid strong{color:#e8eaed;font-size:17px}.facility-choice-grid small{color:#b4bdca}.facility-choice-action{color:#8ab4f8;font-size:14px}.facility-choice-icon{background:#263547;padding:5px;border-radius:9px;flex-basis:44px}.facility-choice-icon svg{width:32px;height:32px}.facility-camera-actions button{color:#8ab4f8;border-color:#506585}
.group-cards button,.well-chips button,.network-card,.flow-explainer{background:#2a2e35;border-color:#41454d;color:#e8eaed;border-radius:12px}.group-cards button span{color:#e8eaed}.group-cards button small,.flow-explainer small{color:#b4bdca}.group-cards button{border-left-color:var(--group)}.well-context,.flow-explainer small{border-color:#41454d}.station-counts button{background:#3c3425;border-color:#6b5835}.station-counts span,.station-counts strong{color:#f6c66d}.station-counts small{color:#d4c8af}
.source-image-card{background:#25282d;border-color:#41454d;border-radius:14px}.source-image-open{color:#e8eaed}.source-image-open:hover{background:#303640}.source-image-open small{color:#aeb8c6}.source-image-action,.source-audit-link{color:#8ab4f8}.source-audit-link{border-color:#41454d;font-size:13px}.source-image-dialog,dialog{background:#202124;color:#e8eaed;border-color:#41454d;border-radius:20px}.source-image-dialog a,.source-image-date{color:#8ab4f8}.notes{background:#25282d;color:#e8eaed;border-color:#41454d}
#legend,#legend[data-detail=true],body.detail-open #legend{left:auto;right:16px;top:208px;bottom:112px;width:224px;max-height:none;background:#202124;border:1px solid #41454d;border-radius:20px;padding:16px;box-shadow:var(--shadow)}.legend-heading{font-size:16px;font-weight:600;color:#e8eaed;letter-spacing:0}.legend-hint,.legend-note,.legend-switch small{color:#aeb8c6;font-size:12px}.legend-subhead{font-size:12px;color:#aebdce;border-color:#41454d}.legend-switch{font-size:14px;padding:9px 2px;min-height:44px}.legend-switch:hover{background:#303640}.legend-switch input{accent-color:#8ab4f8;width:16px;height:16px;flex-basis:16px}.legend-swatch{background:#263547;border-radius:7px;padding:2px;min-height:27px}
.map-tools{top:144px;right:16px;max-width:none;display:flex;gap:6px}.map-tools button{background:#202124;border-radius:20px;box-shadow:var(--shadow);padding:8px 12px;font-size:13px}.maplibregl-ctrl-top-right{top:210px!important;right:248px!important}.maplibregl-ctrl-group{border-radius:12px;overflow:hidden;box-shadow:var(--shadow)!important}
#tour{left:392px;right:256px;bottom:28px;padding:10px 14px 0;background:#202124;border:1px solid #41454d;border-radius:20px;box-shadow:var(--shadow)}#tour .tour-top{color:#aeb8c6}#tour .tour-caption{display:none}#tour .tour-body{gap:8px;flex-wrap:wrap}#tour #play{flex:1}#tour .pace-control{color:#aeb8c6;font-size:12px}#tour-mode{flex:1;font-size:14px;max-width:none}.tour-body button{border-radius:22px}#tour-progress{background:#8ab4f8;border-radius:2px}#cursor-coords{left:392px}.maplibregl-ctrl-bottom-left,.immersive .maplibregl-ctrl-bottom-left{left:392px!important;bottom:162px!important}
#field-view-controls{background:#202124;color:#e8eaed;border:1px solid #41454d;border-radius:16px;box-shadow:var(--shadow)}#field-view-controls button{background:#2a2e35;color:#8ab4f8;border-color:#41454d}#field-view-controls small{color:#b4bdca}.view-preparation{top:145px;background:#202124;color:#e8eaed;border-color:#506585;border-radius:20px}.view-preparation .preparation-dot{background:#8ab4f8}
.maplibregl-popup-content,.discovery-callout .maplibregl-popup-content{background:#202124;color:#dce0e5;border-radius:16px;border-color:#41454d;box-shadow:var(--shadow)}.discovery-callout strong{color:#e8eaed}.callout-open{background:#293d59;color:#8ab4f8;border-color:#506585;border-radius:10px}.callout-open:hover{background:#293d59}.badge{color:#f6c66d;background:#3c3425}.review-badge,.vision-observation button{color:#aebdce}
@media(min-width:701px){#legend,#legend[data-detail=true],body.detail-open #legend{display:none}body.mobile-legend #legend{display:block}#close-mobile-legend{display:block;color:#8ab4f8;background:#2a2e35;float:right}.map-tools{display:none}body.mobile-tools .map-tools{display:flex;flex-wrap:wrap;max-width:550px}.card-expand{display:none}}
@media(min-width:701px) and (max-width:1100px){#chapter-nav{right:16px}#legend,#legend[data-detail=true],body.detail-open #legend{width:190px}.maplibregl-ctrl-top-right{right:212px!important}#tour{right:16px}.header-actions #fullscreen{display:none}}
@media(max-width:700px){
 header{top:10px;left:12px;height:34px;width:auto;padding:0}.brand{padding:6px 10px;border-radius:12px;gap:6px}.brand-mark,.brand span:not(.brand-mark){display:none}header h1{font-size:15px}.header-actions{top:9px;right:12px}.header-actions #overview,.header-actions #fullscreen{display:none}.header-actions #immersive{font-size:13px;min-height:34px;padding:6px 12px}
 #map-search{top:54px;left:12px;width:calc(100% - 24px);height:48px;padding:0 16px;border-radius:24px}
 #chapter-nav{top:112px;left:12px;right:12px;width:auto;max-width:none;gap:6px;padding:0}#chapter-nav button{flex:1;min-height:40px;padding:8px 13px;font-size:14px;border-radius:22px}
 #mobile-map-actions{top:auto;bottom:max(22px,env(safe-area-inset-bottom));left:12px;right:12px;width:auto;border-radius:24px;padding:5px;gap:2px;z-index:10}#mobile-map-actions button{font-size:13px;min-height:44px;padding:8px 6px;box-shadow:none;border-radius:20px;color:#c4ccd7;background:transparent}
 #tour{bottom:86px;left:12px;right:12px;height:54px;border-radius:20px;padding:5px 9px}#tour .tour-body{flex-wrap:nowrap;padding:0}#tour .tour-body button{min-height:40px}#tour .tour-top,#tour .pace-control,#tour #tour-mode{display:none}body.tour-settings #tour{height:113px}body.tour-settings #tour .tour-body{flex-wrap:wrap}body.tour-settings #tour .tour-top,body.tour-settings #tour .pace-control{display:flex}body.tour-settings #tour #tour-mode{display:block}
 #flyover-card,.immersive #flyover-card,#flyover-card.facility-overview{top:auto;bottom:150px;left:12px;right:12px;width:auto;max-height:min(29dvh,240px)!important;border-radius:22px;background:#202124}.flyover-card-content{padding:16px 18px 8px}.flyover-card-content h2,.facility-overview .flyover-card-content h2{font-size:22px;margin:8px 0}.flyover-card-content .scene-lead{font-size:16px;line-height:1.5}.scene-kicker,.scene-kicker .eyebrow{font-size:12px}.card-expand{padding:10px 18px;color:#8ab4f8;font-size:14px;background:#25282d;border-top:1px solid #3b4048;position:sticky;bottom:0;z-index:2}
 .mobile-expanded #flyover-card,.mobile-expanded #flyover-card:has(.journey-return),.mobile-expanded #flyover-card.facility-overview{max-height:calc(100dvh - 320px)!important}.facility-choice-grid{gap:8px;margin:10px 0;grid-template-columns:1fr 1fr}.facility-choice-grid>button{padding:12px;min-height:128px}.facility-choice-grid strong{font-size:16px}.facility-choice-grid small{font-size:12px}.facility-choice-action{font-size:14px}.facility-overview .flyover-card-content{padding:14px}
 #sidebar,body.exploring #sidebar,#detail,.well-detail #detail{top:auto;bottom:150px;left:12px;right:12px;width:auto;height:min(48dvh,480px);max-height:calc(100dvh - 320px);min-height:0;border-radius:22px;background:#202124}#detail,.well-detail #detail{height:auto}.tabs button{font-size:14px}#sidebar .tabs button{min-height:46px}#sidebar .asset-row{min-height:64px}.drawer-close{position:sticky;top:0;z-index:2}.side-foot span{display:none}#detail>.journey-return{margin:-22px -22px 14px;width:calc(100% + 44px)}
 #legend,#legend[data-detail=true],body.detail-open #legend{display:none;top:auto;bottom:150px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 320px);border-radius:22px;background:#202124}body.mobile-legend #legend{display:block}#close-mobile-legend{display:block;background:#2a2e35;color:#8ab4f8}.legend-switch{font-size:14px;min-height:44px}
 .map-tools{display:none;top:164px;right:12px;left:auto;max-width:250px;background:#202124;border:1px solid #41454d;border-radius:18px;padding:10px;box-shadow:var(--shadow)}body.mobile-tools .map-tools{display:grid}.map-tools button{box-shadow:none;background:#2a2e35;min-height:44px}.maplibregl-ctrl-top-right{top:166px!important;right:2px!important}.maplibregl-ctrl-group button{width:38px;height:38px}
 #field-view-controls{bottom:calc(150px + min(29dvh,240px) + 10px);max-width:calc(100% - 100px)}.mobile-expanded #field-view-controls{display:none}.view-preparation{top:165px;max-width:calc(100% - 90px);font-size:14px;padding:10px 14px}.maplibregl-ctrl-bottom-left,.immersive .maplibregl-ctrl-bottom-left{left:12px!important;bottom:calc(150px + min(29dvh,240px) + 8px)!important}#cursor-coords{display:none}.maplibregl-ctrl-attrib{max-width:calc(100vw - 24px)}
 body.tour-settings #flyover-card{bottom:210px}body.assets-open #tour,body.mobile-legend #tour{opacity:.9}
}
@media(max-width:700px) and (max-height:600px){#flyover-card,#flyover-card.facility-overview{max-height:130px!important}#field-view-controls{display:none!important}.facility-choice-grid>button{min-height:104px}.facility-choice-grid small{display:none}#sidebar,body.exploring #sidebar,#detail,#legend{max-height:calc(100dvh - 310px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Dark controls retain clear focus and the established facility colors. */
button.primary,.scene-navigation button:last-child{background:#8ab4f8;border-color:#8ab4f8;color:#14243c}button.primary:hover,.scene-navigation button:last-child:hover{background:#aecbfa;color:#14243c}
.maplibregl-ctrl-group{background:#25282d;border:1px solid #41454d}.maplibregl-ctrl-group button+button{border-top-color:#41454d}.maplibregl-ctrl-group button:hover{background:#353b45}.maplibregl-ctrl-icon{filter:invert(1)}.maplibregl-ctrl-scale{background:#202124e8;color:#e8eaed;border-color:#aeb8c6}.maplibregl-ctrl-attrib{background:#202124e8!important;color:#c4ccd7}.maplibregl-ctrl-attrib a{color:#c4ccd7}.maplibregl-ctrl-attrib-button{filter:invert(1)}

.unassigned-choice{width:100%;padding:12px 16px;margin-top:12px;text-align:left;border:1px solid #5f6368;border-radius:14px;background:#292a2d;color:#e8eaed;font:inherit;cursor:pointer}.unassigned-choice:hover{background:#35373b}.unassigned-choice:focus-visible{outline:2px solid #8ab4f8;outline-offset:3px}
#city-label-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:hidden}
.story-record-notes{margin:14px 0;color:#bdc7d6;font-size:14px}.story-record-notes summary{cursor:pointer;color:#8ab4f8;padding:8px 0}.story-record-notes .scene-detail{font-size:14px;line-height:1.5}
#field-view-controls,.facility-camera-actions{display:none!important}
@media(max-width:700px){body.mobile-expanded #flyover-card{max-height:43dvh}.scene-lead{font-size:16px;line-height:1.5}}