/* Fixed dark appearance. */
:root{color-scheme:dark}
:root{color-scheme:dark;--paper:#141b1c;--ink:#d0ded8;--muted:#a1b3aa;--accent:#8bc5a9;--orange:#d89469;--line:#364741;--surface:#1c2727;--raised:#243330;--selected:#2d463c}
:root .brand-icon{background:#2e4b40;color:var(--ink)}
:root h1 em{color:var(--accent)}
:root .map-section{background:var(--surface);border-color:var(--line);box-shadow:0 12px 40px #0003}
:root .search{background:var(--paper);border-color:var(--line)}
:root input::placeholder{color:var(--muted);opacity:1}
:root .search:focus-within{border-color:var(--accent)}
:root .map-canvas{background:#172322}
:root #grid circle{fill:#354a42}
:root .district{fill:#304d40;stroke:#172b25}
:root .district:nth-child(3n+2){fill:#395345}
:root .district:nth-child(3n){fill:#304847}
:root .district:hover,:root .district:focus{fill:#4e7661!important}
:root .district.selected{fill:#4b735f!important;stroke:#91bda1}
:root .district-label{fill:#c6d8cd;stroke:#253d32}
:root .marker .pin{stroke:#24362f}
:root .marker:hover .pin,:root .marker:focus .pin,:root .marker.active .pin{fill:#f0af79;stroke:#d7e5dc}
:root .marker .halo{fill:#d894692b}
:root .map-caption small,:root .compass,:root .legend,:root .breadcrumb>span:first-child,:root .breadcrumb b{color:var(--muted)}
:root .live-dot{background:var(--accent)}
:root .region-swatch{background:#4b735f}
:root .point-swatch{border-color:#293d32}
:root .map-actions,:root .map-actions button,:root .outline-button,:root .empty{border-color:var(--line)}
:root .map-actions button,:root .popup,:root .search-results,:root .search-results button,:root .campus-card,:root .district-tabs button{background:var(--surface);color:var(--ink);border-color:var(--line)}
:root .map-actions button:hover,:root .search-results button:hover,:root .focus-button:hover{background:var(--selected)}
:root .focus-button,:root .school-icon,:root .tag{background:var(--raised);color:var(--accent)}
:root .campus-card:hover{border-color:#739980;box-shadow:0 7px 18px #0003}
:root .campus-card.selected,:root .district-tabs button.active{background:var(--selected);border-color:var(--accent);color:var(--ink)}
:root .card-bottom,:root #campus-detail p{color:var(--muted)}
:root #campus-detail{background:var(--raised)}
@media(max-width:800px){.about-link{margin-left:auto;white-space:nowrap}}
@media(max-width:520px){.header{height:auto;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}.about-link{font-size:11px}}