/* Impact public layouts. Palette and fonts live in brand.css. */
:root{--pine:var(--brand-ink);--orange:var(--brand-accent-ink);--muted:var(--brand-muted);--line:var(--brand-line);--panel:var(--brand-surface);--paper:var(--brand-white);--link-hover:var(--brand-accent-ink);background:var(--brand-paper);color:var(--brand-ink)}
.site-header{background:var(--brand-ink);color:var(--brand-on-dark)}
.site-header a:hover{color:var(--brand-on-dark)}
.site-header .brand-dot,.site-header .brand-symbol>span{color:var(--brand-highlight)}
.site-header .account-link,.mobile-menu summary{border-color:var(--brand-muted-on-dark)}
.site-header .account-link:hover{background:var(--brand-accent)}
.site-header nav a[aria-current]{box-shadow:0 2px var(--brand-highlight)}
.trade-nav{background:var(--brand-surface)}
.trade-nav a[aria-current]{color:var(--brand-accent);box-shadow:0 2px var(--brand-accent)}
.primary{background:var(--brand-accent);color:var(--brand-on-dark)}
.primary:hover{background:var(--brand-accent-hover);color:var(--brand-on-dark)}
.evidence-panel{background:var(--brand-surface);border-color:var(--brand-line)}
.paper-card,.grid article,.preview-records article{background:var(--brand-white)}
.hero-description{color:var(--brand-muted)}
[data-historical-preview] select,[data-historical-preview] button{border-color:var(--brand-control-border)}
.panel-heading{color:var(--brand-accent)}
.sample-pill{border-color:var(--brand-accent);color:var(--brand-accent)}
.record-footer a,[data-preview-card]>a,.credits a{color:var(--brand-source)}
.pilot-note{background:var(--brand-ink);color:var(--brand-on-dark);padding:32px;margin:26px 0 40px;border:0}
.pilot-note p{color:var(--brand-muted-on-dark)}
.pilot-note a:hover{color:var(--brand-on-dark)}
.pilot-note .eyebrow{color:var(--brand-muted-on-dark)}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand-accent)}
.site-header a:focus-visible,.site-header summary:focus-visible,.pilot-note a:focus-visible{outline-color:var(--brand-on-dark)}
@media(max-width:760px){
 .site-header .mobile-menu nav{background:var(--brand-ink);border-color:var(--brand-muted-on-dark)}
 .mobile-menu nav a{border-color:var(--brand-ink-hover)}
 .mobile-menu nav a:hover{background:var(--brand-accent)}
 .pilot-note{padding:24px;margin:20px 0 30px}
}