/* Brand colours apply to the interface; scientific scales stay in their own styles. */
:root{--brand-ink:#030208;--brand-slate:#375361;--brand-indigo:#1e2d67;--brand-red:#df2840;--brand-red-text:#c92138;--brand-ice:#edf3f6;--ink:var(--brand-ink);--muted:var(--brand-slate)}
body.ao-main,body.ao-polar{background:#fff;color:var(--brand-ink)}
.ao-main h1,.ao-main h2,.ao-main h3,.ao-polar h1,.ao-polar h2,.ao-polar h3,.ao-main .ao-observe-start h2,.ao-main .observatory-support h3{color:var(--brand-ink)}
.ao-main .ao-kicker,.ao-main .founder-note .eyebrow,.ao-main aside>.eyebrow,.ao-polar .lead>.eyebrow{color:var(--brand-red-text)}
.ao-main .ao-hero .atlantic-intro,.ao-main .ao-chapter p,.ao-main .founder-intro,.ao-polar .intro{color:var(--brand-slate)}
.ao-main .ao-hero .heading{background:linear-gradient(90deg,rgba(237,243,246,.98),rgba(237,243,246,.88),rgba(237,243,246,0))}
.ao-main .ao-jumps a,.ao-main .support-button,.ao-polar #satellite-load{background:var(--brand-indigo);color:#fff}
.ao-main .ao-jumps a:hover,.ao-main .support-button:hover,.ao-polar #satellite-load:hover{background:var(--brand-ink);color:#fff}
.ao-main .ao-jumps a+a{background:#fff;color:var(--brand-indigo)}
.ao-main .segmented{background:var(--brand-ice)}
.ao-main .segmented button[aria-pressed=true],.ao-main .timeline .segmented button[aria-pressed=true],.ao-polar .tabs button[aria-pressed=true]{background:var(--brand-indigo);color:#fff;border-color:var(--brand-indigo)}
.ao-main .badge{background:var(--brand-indigo);color:#fff}
.ao-main .value,.ao-main .metrics strong,.ao-polar .reading{color:var(--brand-ink)}
.ao-main .ao-chapter .ao-icon,.ao-main .ao-section-link,.ao-main .outline-button,.ao-main .history-summary,.ao-polar summary{color:var(--brand-indigo)}
.ao-main .support-button:focus-visible,.ao-main :is(button,a,summary,input,select):focus-visible,.ao-polar :focus-visible{outline:3px solid var(--brand-indigo);outline-offset:4px}
.ao-polar .lead{background:rgba(237,243,246,.98)}
.ao-polar .tabs{background:rgba(255,255,255,.96)}
.ao-polar header>a,.ao-polar footer a{color:var(--brand-indigo)}
.ao-main .ao-polar-feature .heading{background:linear-gradient(90deg,rgba(3,2,8,.9),rgba(30,45,103,.65),rgba(30,45,103,0));color:#fff}
.ao-main .ao-polar-feature h2,.ao-main .ao-polar-feature .ao-kicker,.ao-main .ao-polar-feature .atlantic-intro{color:#fff}
.ao-main .ao-polar-feature .ao-jumps a{background:#fff;color:var(--brand-indigo)}
@media(max-width:760px){.ao-main .ao-hero .heading{background:transparent}.ao-main .ao-polar-feature,.ao-main .ao-polar-feature .heading{background:var(--brand-indigo)}}
@media(max-width:700px){.ao-polar .lead{background:transparent}}

/* Shared interface roles; data scales and warning/success signals remain distinct. */
:root{--brand-line:color-mix(in srgb,var(--brand-slate) 22%,white);--line:var(--brand-line)}
body:is(.ao-main,.ao-polar) a{color:var(--brand-indigo)}
body:is(.ao-main,.ao-polar) summary{color:var(--brand-indigo)}
.ao-main .plain-explainer summary,.ao-main .forecast-details summary,.ao-main .whole-atlantic summary,.ao-main .founder-note summary,.ao-main .ocean-explorer>summary,.ao-polar #satellite-view summary,.ao-polar #temperature-view summary,.ao-polar .temperature-card summary{color:var(--brand-indigo)}
.ao-polar .eyebrow{color:var(--brand-red-text)}
.ao-polar .note{border-left-color:var(--brand-red)}
.ao-main .history-summary-title{color:var(--brand-ink)}
.ao-main .history-summary .eyebrow,.ao-main .history-card .eyebrow,.ao-main .map-guide .eyebrow{color:var(--brand-slate)}
.ao-main .map-guide{background:var(--brand-ice);border-color:var(--brand-line)}
.ao-main #map-guide-meaning,.ao-main #viewing-time{color:var(--brand-ink)}
.ao-main #map-guide-key,.ao-main .ao-photo-credits,.ao-main .ao-motion,.ao-main .segmented button,.ocean-viewer-controls label,.ocean-help{color:var(--brand-slate)}
body:is(.ao-main,.ao-polar) :is(select,input[type=number],input[type=date]){background:#fff;color:var(--brand-ink);border-color:var(--brand-line)}
body:is(.ao-main,.ao-polar) input[type=range],.ao-main #time-scrubber{accent-color:var(--brand-indigo)}
.ao-main .outline-button,.ao-main .text-button{color:var(--brand-indigo);border-color:var(--brand-line)}
.ao-main .outline-button:hover,.ao-main .segmented button:hover{background:var(--brand-ice);color:var(--brand-indigo)}
.ao-main .segmented button[aria-pressed=true],.ao-main .field-controls button[aria-pressed=true]{background:var(--brand-indigo);color:#fff}
.ao-main .whole-atlantic,.ao-polar .card{border-color:var(--brand-line)}
.ao-main .ocean-show,.ao-polar .ocean-show{background:var(--brand-indigo);color:white;border-color:var(--brand-indigo)}
.ao-main .ocean-show:hover,.ao-polar .ocean-show:hover{background:var(--brand-ink);color:white}
.ao-main .history-plot path[stroke="#225d78"]{stroke:var(--brand-indigo)}
.ao-main .history-plot text{fill:var(--brand-slate)}
.ao-main .history-plot polygon[fill="#cbdde8"]{fill:var(--brand-ice)}
.ao-main .history-plot circle[fill="#172f3e"]{fill:var(--brand-ink)}
/* Editorial hierarchy: weight for headlines, tracked capitals for short labels. */
.ao-main .ao-hero h1,.ao-main .ao-chapter h2,.ao-main .founder-note h2,.ao-main .ao-polar-feature h2,.ao-polar h1{font-weight:750;letter-spacing:-.04em}
.ao-main .ao-kicker,.ao-main .founder-note .eyebrow,.ao-main .whole-atlantic>.eyebrow,.ao-polar .eyebrow{font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1.6}
.ao-main .ao-hero .atlantic-intro,.ao-main .ao-chapter p,.ao-main .founder-intro,.ao-main .founder-copy p,.ao-polar .intro{font-weight:400;line-height:1.7}
.ao-main .history-card .eyebrow,.ao-main .history-summary .eyebrow{font-weight:650;letter-spacing:.12em;line-height:1.6}
/* Explicit pairs for default, hover and keyboard focus prevent dark-on-dark labels. */
.ao-main .ao-jumps a,.ao-main .support-button{background:var(--brand-indigo);color:white}
.ao-main .ao-jumps a:is(:hover,:focus-visible),.ao-main .support-button:is(:hover,:focus-visible){background:var(--brand-ink);color:white}
.ao-main .ao-jumps a+a,.ao-main .ao-polar-feature .ao-jumps a{background:white;color:var(--brand-indigo)}
.ao-main .ao-jumps a+a:is(:hover,:focus-visible),.ao-main .ao-polar-feature .ao-jumps a:is(:hover,:focus-visible){background:var(--brand-ice);color:var(--brand-indigo)}
.ao-main .ao-polar-feature :focus-visible{outline-color:white}
/* Cover the full photograph, avoiding the previous rectangular overlay band. */
@media(min-width:761px){
 .ao-main .ao-hero>img{z-index:0}
 .ao-main .ao-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(237,243,246,.98),rgba(237,243,246,.88) 38%,rgba(237,243,246,0) 80%)}
 .ao-main .ao-hero .heading{position:relative;z-index:2;background:transparent}
 .ao-main .ao-polar-feature::after{background:linear-gradient(90deg,rgba(3,2,8,.94),rgba(55,83,97,.78) 44%,rgba(55,83,97,0) 88%)}
}