/* SilentAcres.com — black / white / neutral gray. */
body, main.container { background: #fff; }
.topbar { background:#080808; border-bottom:1px solid #292929; color:#fff; }
.topbar .topbar-title h1, .topbar .brand-home, .topbar .brand-home:hover { color:#fff; }
.topbar .brand-domain, .topbar-title p, .topbar .muted { color:#bdbdbd; }
.topbar .tab-btn { color:#bdbdbd; }
.topbar .tab-btn:hover, .topbar .tab-btn.active, .topbar .tab-btn[aria-current=page] { color:#fff; border-bottom-color:#fff; }
.topbar .topbar-actions .btn-pill, .topbar .topbar-actions #topbarWatchBtn { background:#111; border-color:#555; color:#fff; }
.topbar .topbar-actions .btn-pill:hover { background:#262626; border-color:#fff; color:#fff; }
.topbar .watchlist-count { background:#fff; color:#111; }
.topbar .market-scope-bar { background:#080808; border-color:#292929; }
.topbar .market-scope-btn { color:#aaa; }
.topbar .market-scope-btn.active { color:#fff; border-color:#fff; }
.topbar .market-scope-btn.active::before { background:#fff; }
.topbar :is(button,a,input,summary):focus-visible { outline-color:#fff; }
.strata-logo { object-fit:contain; filter:grayscale(1); }
.atlas-map { background:#101010; }
.atlas-map::after { background:linear-gradient(90deg,#080808f7 0%,#080808d9 25%,#0808082b 65%,transparent 100%); }
.atlas-copy h2 { color:#fff; }
.atlas-copy>p:not(.atlas-kicker), .atlas-kicker, .atlas-map-label { color:#d0d0d0; }
.atlas-kicker span, .atlas-caption i { background:#111; }
.atlas-kicker span { background:#fff; }
.atlas-cta, .atlas-cta:hover { background:#fff; color:#080808; border-color:#fff; }
.atlas-cta:hover { background:#ededed; }
.atlas-reset { background:#111e; border-color:#777; color:#fff; }
.atlas-map .leaflet-control-zoom a { background:#111; color:#fff; border-color:#555; }
.leaflet-container a { color:#333; }
.leaflet-control-attribution, .leaflet-control-attribution a { color:#444; }
.discovery-cluster-count { color:#fff; }
.collection-choice.is-active { background:#111; box-shadow:inset 0 -3px #aaa; }
.discovery-card.is-map-highlight { box-shadow:0 0 0 3px #111; }
.source-fallback>span { color:#555; }
.discovery-card-actions [aria-pressed=true] { background:#111; color:#fff; border-color:#111; }
.discovery-gallery-tabs [aria-pressed=true] { background:#111; color:#fff; }
.discovery-compare-tray, .comparison-tray { background:#111; color:#fff; }
input, select, textarea { accent-color:#111; }
footer { background:#080808; color:#fff; border-top:1px solid #292929; margin-inline:calc(-1 * max(18px, (100vw - 100%) / 2)); padding:32px max(18px, (100vw - 100%) / 2); }
footer .footer-brand, footer .footer-brand a, footer .footer-brand strong { color:#fff; }
footer .footer-brand span, footer .brand-domain, footer .muted { color:#bdbdbd; }
footer a:hover { color:#fff; }
@media(max-width:760px) {
 .atlas-map::after { background:linear-gradient(90deg,#080808e8 0%,#08080891 45%,#08080814 100%); }
}
@media print { .topbar, footer { display:none !important; } body, main.container { background:#fff; color:#111; } }

/* Neutralize the flag icon bundled with Leaflet attribution. */
.leaflet-control-attribution svg path { fill: #999; }

/* Cyan is the sole chromatic accent; black framing and white surfaces stay consistent. */
.topbar .tab-btn:hover, .topbar .tab-btn.active, .topbar .tab-btn[aria-current=page] { color:#00cfff; border-bottom-color:#00cfff; }
.topbar .market-scope-btn.active { color:#00cfff; border-color:#00cfff; }
.topbar .market-scope-btn.active::before, .topbar .watchlist-count, .atlas-kicker span { background:#00cfff; }
.topbar :is(button,a,input,summary):focus-visible { outline-color:#00cfff; }
.topbar .topbar-actions .btn-pill:hover { border-color:#00cfff; }
.atlas-cta, .atlas-cta:hover { background:#00cfff; color:#080808; border-color:#00cfff; }
.collection-choice.is-active { box-shadow:inset 0 -3px #00cfff; }
.collection-choice.is-active .choice-top { color:#00cfff; }
.discovery-card.is-map-highlight { box-shadow:0 0 0 3px #00cfff; }
.discovery-card-actions [aria-pressed=true], .discovery-gallery-tabs [aria-pressed=true] { background:#00cfff; border-color:#00cfff; color:#080808; }
input,select,textarea { accent-color:#00788e; }
footer a:hover { color:#00cfff; }
