.theme-preference{display:flex;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid var(--line,#dce1d4)}.theme-preference .theme-toggle{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:9px 12px;border:1px solid var(--line,#c8d1c0);border-radius:30px;background:transparent;color:var(--ink,#263726);font:500 13px/1.4 system-ui,sans-serif;cursor:pointer}.theme-toggle:focus-visible{outline:3px solid #c4923d;outline-offset:4px}.theme-state{font-size:12px;min-width:21px;color:var(--muted,#65735d)}.theme-track{display:block;position:relative;width:36px;height:21px;border-radius:20px;background:#aab7a3;flex:none}.theme-track::after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.theme-toggle[aria-checked=true] .theme-track{background:#7fa889}.theme-toggle[aria-checked=true] .theme-track::after{transform:translateX(15px)}
html[data-theme=dark]{color-scheme:dark;--paper:#111b17;--ink:#e5ede5;--muted:#a8b8ac;--line:#3c5043;--green:#a2c9ad;--sage:#263b2e;--yellow:#ddbf77}
html[data-theme=dark] body{background:var(--paper)!important;color:var(--ink)!important}
html[data-theme=dark] :is(header,aside,.reader,.intake-steps){background:#16231c!important;border-color:var(--line)!important}
html[data-theme=dark] :is(.card,.intake-panel,.modal,.daily-popup,.architect-update-panel,.opening-sequence){background:#1a2921!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] :is(.source,.role-card,.principle-grid article,.framework-content>.framework-dropdown,.living-alert-card,.upload-zone,.import-mapping,.opening-layer-card){background:#203328!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-theme=dark] :is(.status,.statusbar,.orbit-three,.framework-loop-list li,.framework-finish,.living-jump-links button,.daily-entry-banner,.submit-confirm,.import-results,.daily-popup li button,.close,.secondary,.location-button,.pill){background:#2a3f30!important;color:#dce8d6!important;border-color:var(--line)!important}
html[data-theme=dark] :is(input,textarea,select,option){background:#111e17!important;color:var(--ink)!important;border-color:#627766!important}
html[data-theme=dark] :is(p,.subtle,.notice,.eyebrow,.updated,.source-id,.legal-footer,.architect-update-panel .section-intro,.architect-update-panel .eyebrow,.framework-section p,.framework-hero p,.quote-line,.orbit-label,.orbit-arrow,.opening-kicker,.opening-tagline,.living-note .question){color:var(--muted)!important}
html[data-theme=dark] :is(h1,h2,h3,h4,summary,label,dt,.framework-lead,.architect-update-panel .living-alert-heading button,.opening-layer-card>strong,.daily-popup li button,.orbit-diagram-title){color:var(--ink)!important}
html[data-theme=dark] a{color:#a9d1b5}
html[data-theme=dark] :is(.legal-footer a,.supporting-file a,.import-source-bar a,.upload-complete-file a,.pdf-import-panel a){color:#a9d1b5!important}
html[data-theme=dark] :is(button,.button){border-color:var(--line)}
html[data-theme=dark] :is(.solid,.layer-link.active,.intake-step.active){background:#a2bb91!important;color:#142119!important}
html[data-theme=dark] :is(.ghost,.tab,.next-layer,.page-nav button,.replay-opening,.framework-layer-button,.framework-application-button,.theme-toggle){color:var(--ink)!important;background:transparent}
html[data-theme=dark] :is(.layer-link:hover,.framework-layer-button:hover,.framework-application-button:hover,.daily-popup li button:hover){background:#354b38!important}
html[data-theme=dark] .layer-link{color:var(--ink)}
html[data-theme=dark] :is(.error,.upload-error,.intake-feedback.error){color:#ffa99c!important}
html[data-theme=dark] :is(.example-badge,.review-followups,.import-detail-warning){background:#443b27!important;color:#f1d49c!important}
html[data-theme=dark] :is(.import-warning,#pdf-warnings,.assessment-field .required-label){color:#f1d49c!important}
html[data-theme=dark] :is(.legal-footer,details,.tabs,.map-caption,.sidebar-footer,.theme-preference,.orbit,.framework-section,.progress-table th,.progress-table td){border-color:var(--line)!important}
html[data-theme=dark] :is(.orbit-label,.orbit-arrow){background:var(--paper)!important}
html[data-theme=dark] :is(.map-section,.framework-hero-art){background-image:radial-gradient(#4c6050 .7px,transparent .7px)}
html[data-theme=dark] .map-node circle{fill:#22392b;stroke:#a0ba93}
html[data-theme=dark] .map-node text{fill:#e0ecd8}
html[data-theme=dark] :is(.map-node.active,.map-node:hover) circle{fill:#a2bb91;stroke:#c0d3b1}
html[data-theme=dark] :is(.map-node.active,.map-node:hover) text{fill:#142119}
html[data-theme=dark] .area-label{fill:#b7c5b1}
html[data-theme=dark] .opening-sequence::before{opacity:.28}
html[data-theme=dark] .opening-sequence #opening-skip{background:#263b2e;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .toast{background:#dbe8d5;color:#142119}
@media(prefers-reduced-motion:reduce){.theme-track::after{transition:none}}

/* Navy is the default palette; the original green palette remains available. */
html[data-palette=navy][data-theme=dark]{color-scheme:dark;--paper:#0c1729;--ink:#edf0f5;--muted:#acbbcf;--line:#344b68;--green:#dfbf7c;--sage:#192e4b;--yellow:#ddbf77}
html[data-palette=navy][data-theme=dark] body{background:var(--paper)!important;color:var(--ink)!important}
html[data-palette=navy][data-theme=dark] :is(header,aside,.reader,.intake-steps){background:#122139!important;border-color:var(--line)!important}
html[data-palette=navy][data-theme=dark] :is(.card,.intake-panel,.modal,.daily-popup,.architect-update-panel,.opening-sequence){background:#14263f!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-palette=navy][data-theme=dark] :is(.source,.role-card,.principle-grid article,.framework-content>.framework-dropdown,.living-alert-card,.upload-zone,.import-mapping,.opening-layer-card){background:#1a304d!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-palette=navy][data-theme=dark] :is(.status,.statusbar,.orbit-three,.framework-loop-list li,.framework-finish,.living-jump-links button,.daily-entry-banner,.submit-confirm,.import-results,.daily-popup li button,.close,.secondary,.location-button,.pill){background:#233c59!important;color:#e4eaf2!important;border-color:var(--line)!important}
html[data-palette=navy][data-theme=dark] :is(input,textarea,select,option){background:#0e1c30!important;color:var(--ink)!important;border-color:#586e8a!important}
html[data-palette=navy][data-theme=dark] :is(p,.subtle,.notice,.eyebrow,.updated,.source-id,.legal-footer,.architect-update-panel .section-intro,.architect-update-panel .eyebrow,.framework-section p,.framework-hero p,.quote-line,.orbit-label,.orbit-arrow,.opening-kicker,.opening-tagline,.living-note .question){color:var(--muted)!important}
html[data-palette=navy][data-theme=dark] :is(h1,h2,h3,h4,summary,label,dt,.framework-lead,.architect-update-panel .living-alert-heading button,.opening-layer-card>strong,.daily-popup li button,.orbit-diagram-title){color:var(--ink)!important}
html[data-palette=navy][data-theme=dark] a{color:#e3c98f}
html[data-palette=navy][data-theme=dark] :is(.legal-footer a,.supporting-file a,.import-source-bar a,.upload-complete-file a,.pdf-import-panel a){color:#e3c98f!important}
html[data-palette=navy][data-theme=dark] :is(button,.button){border-color:var(--line)}
html[data-palette=navy][data-theme=dark] :is(.solid,.layer-link.active,.intake-step.active){background:#dfbf7c!important;color:#101e32!important}
html[data-palette=navy][data-theme=dark] :is(.ghost,.tab,.next-layer,.page-nav button,.replay-opening,.framework-layer-button,.framework-application-button,.theme-toggle){color:var(--ink)!important;background:transparent}
html[data-palette=navy][data-theme=dark] :is(.layer-link:hover,.framework-layer-button:hover,.framework-application-button:hover,.daily-popup li button:hover){background:#29435f!important}
html[data-palette=navy][data-theme=dark] .layer-link{color:var(--ink)}
html[data-palette=navy][data-theme=dark] :is(.error,.upload-error,.intake-feedback.error){color:#ffa99c!important}
html[data-palette=navy][data-theme=dark] :is(.example-badge,.review-followups,.import-detail-warning){background:#443b27!important;color:#f1d49c!important}
html[data-palette=navy][data-theme=dark] :is(.import-warning,#pdf-warnings,.assessment-field .required-label){color:#f1d49c!important}
html[data-palette=navy][data-theme=dark] :is(.legal-footer,details,.tabs,.map-caption,.sidebar-footer,.theme-preference,.orbit,.framework-section,.progress-table th,.progress-table td){border-color:var(--line)!important}
html[data-palette=navy][data-theme=dark] :is(.orbit-label,.orbit-arrow){background:var(--paper)!important}
html[data-palette=navy][data-theme=dark] :is(.map-section,.framework-hero-art){background-image:radial-gradient(#415672 .7px,transparent .7px)}
html[data-palette=navy][data-theme=dark] .map-node circle{fill:#1c324f;stroke:#b8c8dc}
html[data-palette=navy][data-theme=dark] .map-node text{fill:#e7eef7}
html[data-palette=navy][data-theme=dark] :is(.map-node.active,.map-node:hover) circle{fill:#dfbf7c;stroke:#f0d8a5}
html[data-palette=navy][data-theme=dark] :is(.map-node.active,.map-node:hover) text{fill:#101e32}
html[data-palette=navy][data-theme=dark] .area-label{fill:#bac8d9}
html[data-palette=navy][data-theme=dark] .opening-sequence::before{opacity:.28}
html[data-palette=navy][data-theme=dark] .opening-sequence #opening-skip{background:#192e4b;color:var(--ink);border-color:var(--line)}
html[data-palette=navy][data-theme=dark] .toast{background:#e1e9f5;color:#101e32}

.theme-preference{gap:14px;flex-wrap:wrap;align-items:center}
.palette-options{display:inline-flex;gap:4px;border:1px solid var(--line,#c8d1c0);border-radius:30px;padding:4px}
.palette-choice{min-height:36px;padding:7px 16px;border:0;border-radius:24px;background:transparent;color:var(--ink,#263726);font:500 13px/1.4 system-ui,sans-serif;cursor:pointer}
.palette-choice[aria-pressed=true]{background:#a2bb91;color:#142119}
html[data-palette=navy] .palette-choice[aria-pressed=true]{background:#dfbf7c;color:#101e32}
.palette-choice:focus-visible{outline:3px solid #c4923d;outline-offset:2px}
html[data-palette=navy] .theme-toggle[aria-checked=true] .theme-track{background:#b99a5d}
html[data-palette=navy][data-theme=light]{--paper:#f3f5f9;--ink:#172a43;--muted:#586b83;--line:#c4cfde;--green:#244769;--sage:#e1e8f0}
html[data-palette=navy][data-theme=light] body{background:var(--paper)!important;color:var(--ink)!important}
html[data-palette=navy][data-theme=light] :is(header,aside,.reader,.card,.opening-sequence){background:#edf1f7!important;color:var(--ink)!important}
html[data-palette=navy][data-theme=light] :is(.solid,.layer-link.active,.intake-step.active){background:#203d60!important;color:#fff!important}
html[data-palette=navy] :is(.opening-timeline span,.audio-control){background:#dfbf7c;color:#101e32}
html[data-palette=navy] .opening-sequence::before{background:radial-gradient(ellipse at 50% 40%,#53698655,transparent 60%)}

/* Keep the nine intro layer cards transparent in every color theme. */
.opening-layer-card,button.opening-layer-card:hover,html[data-theme=dark] .opening-layer-card,html[data-palette=navy][data-theme=dark] .opening-layer-card{background:transparent!important;box-shadow:none}

/* Override theme card fills so intro layers remain transparent. */
html #opening-sequence .opening-layer-card,html[data-theme=dark][data-palette=navy] #opening-sequence .opening-layer-card{background:transparent!important;box-shadow:none!important}