/* Civic Night. White editorial canvas, maritime navy, confident blue, restrained crimson.
   Final color layer only: panorama imagery, shading, geometry and motion remain intact.
   Exact v55 and original warm palettes are retained under design/palettes/. */
:root{--civic-navy:#07172b;--civic-raised:#122b46;--civic-blue:#1c57a5;--civic-red:#b53243;--civic-red-hover:#932537;--civic-ice:#afcfff;--civic-paper:#fff;--civic-surface:#f3f6fa;--civic-text:#172b42;--civic-muted:#52657a;--civic-line:#d5dfe9;--ink:var(--civic-navy);--ink-deep:#061222;--ink-soft:var(--civic-raised);--paper:var(--civic-paper);--text:var(--civic-text);--muted:var(--civic-muted);--line:var(--civic-line);--teal:var(--civic-blue);--mint:var(--civic-ice);--copper:var(--civic-ice)}
::selection{background:#dceaff;color:#07172b}
:where(a,button,input,select,summary,[tabindex]):focus-visible{outline-color:var(--civic-blue)}
.section-light,.ai-briefing,.fa-page{--mint:var(--civic-blue);--copper:var(--civic-red);background:#fff;color:var(--civic-text)}
.section-light,.ai-briefing,.fa-main{background:#fff;color:var(--civic-text)}
.section-light .text-link,.section-light .resource-link{color:var(--civic-blue)}
.section-light h2 em,.my-intro h1 em,.fa-intro h1 em{color:var(--civic-blue)}
.section-number,.section-light .section-top>.eyebrow,.brief-heading>.eyebrow,.brief-heading .eyebrow,.my-intro .eyebrow,.fa-intro .eyebrow{color:var(--civic-red)}
.section-light .section-aside,.section-light .principle-index,.scenario-heading>.eyebrow,.people-reading>.eyebrow{color:var(--civic-muted)}
.line-icon{stroke:var(--civic-blue)}
.reading-progress{height:3px;background:var(--civic-red)}
/* The palette meets the photograph through cool type and one decisive red action. */
.site-header,.fa-header{--mint:var(--civic-ice);--copper:var(--civic-ice);color:#fff}
.site-header .brand-ai,.fa-header .brand-ai{color:var(--civic-ice)}
.brand-mark i{background:#afcfff}.brand-mark i:nth-child(1){background:#b53243}.brand-mark i:nth-child(2){background:#fff}.brand-mark i:nth-child(3){background:#568fd0}.brand-mark i:nth-child(4){background:#afcfff}
.story-copy h1 em,.story-copy h2 em{color:#c5dcff}
.story-invitation,.story-topline a,.story-motion{color:#e4efff}
.story-invitation>span{background:#afcfff}.story-invitation>span:after{background:#fff}
.story-continue,.button-light{background:var(--civic-red);color:#fff;box-shadow:0 3px 18px #07172b33}
.story-continue:hover,.button-light:hover{background:var(--civic-red-hover);color:#fff}
.scene-nav button[aria-current]{color:#fff}.scene-track i{background:#afcfff}
.scene-nav button:hover .scene-track{background:#afcfff80}
.site-header a:focus-visible,.story-frame :focus-visible{outline-color:#afcfff}
/* White news surfaces use blue interaction states and a small crimson editorial cue. */
.ai-briefing{border-top:4px solid var(--civic-red)}
.brief-heading h2{color:var(--civic-text)}
.brief-content-type,.fa-content-type{display:inline-flex;align-items:center;border:1px solid #dba3ac;border-radius:3px;background:#fff1f3;color:#9e2639;padding:2px 6px;font:700 10px/1.5 var(--sans);letter-spacing:.045em;text-transform:uppercase;vertical-align:middle;white-space:normal}
.brief-content-type{margin:2px 4px 2px 0}.fa-content-type{margin:2px 0 4px}.fa-story-meta>.fa-content-type::before{content:none}
.weekly-agency{background:var(--civic-surface);border-color:var(--civic-line);color:var(--civic-text)}
.weekly-agency .section-top{border-color:var(--civic-line)}
.weekly-date,.weekly-my-link{color:var(--civic-blue)}
.weekly-agency-intro>div>p:not(.weekly-date){color:var(--civic-muted)}
.my-agency-tab[aria-selected=true]{background:#122b46;border-color:#122b46;border-bottom:3px solid #b53243;color:#fff}
.my-agency-tab[aria-selected=false]{background:#f3f6fa;color:#52657a}
.my-chooser>summary,.my-page #my-chooser>summary{color:var(--civic-blue)}
.fa-header{background:var(--civic-navy);border-bottom:3px solid var(--civic-red)}
/* Secondary content panels are cool and light, not cream. */
.section-light .scenario-lenses,.section-light .resource-top,.section-light .resource-visual,.m3-feature .resource-top,.m3-visual{background:#f3f6fa}
.lens-tag,.resource-top .eyebrow,.resource-year{color:var(--civic-blue)}
.scenario-lenses p,.scenario-note,.resource-credit,.resource-kind,.resource-subtitle,.resource-description{color:var(--civic-muted)}
.section-light .ladder-step{background:#e3edf9;color:#172b42}
.section-light .ladder-step:nth-child(2){background:#d1e3f8}.section-light .ladder-step:nth-child(3){background:#b5d0f1}
.section-light .ladder-step:last-child{background:#1c57a5;color:#fff}
.ladder-step>span:first-child{color:inherit}
.m3-visual>div{border-color:#a4bdd8}.m3-visual>div>span:first-child{color:#1c57a5}.m3-visual>div>span:last-child{color:#52657a}
.outcome-bar{background:#122b46;color:#fff}.outcome-bar>span{color:#afcfff}
/* Distinct navy interludes connect the white editorial sections to the night panorama. */
.approach,.news,.founders-corner{background:var(--civic-raised);color:#fff;--mint:var(--civic-ice);--copper:var(--civic-ice)}
.approach .eyebrow,.approach .section-aside,.approach-intro,.chapter>p,.news-intro>p,.news-feature>p,.progress-note>p:not(.eyebrow),.progress-note>.eyebrow,.progress-note li{color:#c5d4e5}
.approach h2 em,.chapter-number,.chapter-takeaway>span,.chapter-progress a.active,.news h2 em,.news-meta>span{color:#afcfff}
.chapter-takeaway{border-left:3px solid #afcfff}.chapter-takeaway p{color:#fff}.chapter-progress a{color:#bed0e5}.chapter-progress a.active{border-color:#afcfff}
.founders-corner .eyebrow,.founders-intro h2 em,.founders-illustration figcaption,.founders-list-label,.founders-story-meta,.founders-story h3 a span,.founders-more{color:#afcfff}
.founders-story h3 a{color:#fff}.founders-intro>p,.founders-story>p:not(.founders-story-meta){color:#d0dfef}.founders-story-kind,.founders-editorial-note{color:#b7c9dd}
.founders-illustration{background:#07172b;border-color:#afcfff40}.founders-corner a:focus-visible,.approach a:focus-visible,.news a:focus-visible{outline-color:#afcfff}
.energy-feature{background:#07172b;color:#fff;border-color:#466382}.energy-feature-visual{background:#07172b}
.energy-feature-copy .eyebrow,.energy-feature-copy a,.original-tags span{color:#afcfff}.energy-feature-copy p{color:#d0dfef}.original-tags span{border-color:#6e8caf}.energy-feature-copy a:focus-visible{outline-color:#afcfff}
.closing{background:#07172b;color:#fff;border-top:4px solid #b53243;--mint:var(--civic-ice);--copper:var(--civic-ice)}
.closing h2 em{color:#afcfff}.closing .eyebrow,.closing>p:not(.eyebrow){color:#c5d4e5}.closing .button-dark{background:#b53243;color:#fff}.closing .button-dark:hover{background:#932537}.closing-rule{background:#afcfff}
footer{background:#061222;color:#fff;--mint:var(--civic-ice);--copper:var(--civic-ice)}
.footer-top>span,.footer-bottom p,.footer-top>a:last-child,.footer-bottom button{color:#b8cce3}.footer-bottom button{border-color:#8da9c9}.footer-nav{color:#d0dfef}.footer-nav a:hover,.footer-top>a:last-child:hover{color:#afcfff}footer a:focus-visible,footer button:focus-visible{outline-color:#afcfff}
@media print{.ai-briefing{border-top-color:#172b42}.section-light,.ai-briefing,.fa-main{background:#fff;color:#172b42}}