/* Warm editorial browsing, with a focused artifact workspace. */
.combined-hero {padding:48px 0 52px;border-bottom:1px solid var(--line)}
.combined-hero-grid {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.combined-hero h1 {font-size:clamp(2.9rem,4.8vw,4.9rem);line-height:1.03;margin:18px 0 22px}
.combined-hero h1 em {font-style:normal;color:var(--blue)}
.combined-hero .lead {font-size:1.1rem;max-width:48ch;margin-bottom:26px}
.combined-hero .hero-search {margin:0;box-shadow:0 8px 25px #18243a09}
.search-suggestions {display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:13px 0 20px;font-size:.8rem}
.search-suggestions>span {color:var(--muted)}
.search-suggestions a {font-weight:650}
.quick-formats {display:flex;gap:9px;flex-wrap:wrap}
.quick-formats a {display:flex;gap:22px;align-items:center;justify-content:space-between;min-height:44px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);font-size:.87rem;font-weight:700;text-decoration:none}
.quick-formats a:hover {background:var(--blue-wash)}
.featured-briefing {border-radius:20px;padding:28px;background:#0a2922;color:#ecf8f7;box-shadow:var(--shadow);overflow:hidden}
.feature-topline {display:flex;justify-content:space-between;gap:12px;color:#ecf8f7;font-size:.75rem}
.featured-briefing .type-label {color:#ecf8f7;font-size:.68rem}
.feature-index {white-space:nowrap}
.feature-diagram {display:flex;align-items:center;justify-content:center;gap:10px;margin:28px -4px 25px;min-height:92px;background:radial-gradient(ellipse at center,#0a2922,transparent 70%)}
.feature-diagram span,.feature-diagram strong {border:1px solid #42675e;padding:15px 10px;border-radius:50px;font-size:.82rem;white-space:nowrap}
.feature-diagram strong {background:#15352f;color:#a7bfbd;border-color:#42675e}
.feature-diagram i {font-style:normal;color:#ecf8f7}
.featured-briefing h2 {font-size:clamp(2rem,3vw,2.7rem);margin:0 0 12px}
.featured-briefing>p {color:#ecf8f7;line-height:1.5;margin-bottom:20px;font-size:.94rem}
.feature-formats {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:23px}
.feature-formats a {font-size:.76rem;min-height:35px;display:flex;align-items:center;padding:5px 10px;border:1px solid #42675e;border-radius:7px;color:#ecf8f7;text-decoration:none}
.feature-formats a:hover {background:#0a2922}
.feature-open {display:flex;width:100%;background:#15352f;color:#a7bfbd;justify-content:space-between;border:0}
.feature-open:hover {background:#15352f;color:#a7bfbd}
.featured-briefing a:focus-visible {outline-color:#fff}
.combined-section {padding:50px 0}
.combined-section .section-heading {margin-bottom:25px}
.combined-section .section-heading h2 {font-size:clamp(2rem,3.3vw,3rem)}
.combined-section .card-art {height:112px;min-height:112px}
.combined-section .card-body {padding:24px}
.combined-section .card h3 {font-size:1.6rem;line-height:1.15}
.combined-section .collection-card {min-height:270px;padding:25px}
.combined-section .collection-number {font-size:4rem}
.suggestion-card .text-link {margin-top:15px;font-size:.85rem}
.primary-nav {gap:21px}
.primary-nav .owner-link {font-size:.8rem;color:var(--muted)}
.briefing-heading {padding:24px 0 26px}
.briefing-heading .breadcrumb {margin-bottom:22px}
.briefing-title-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:36px;align-items:start}
.briefing-heading h1 {font-size:clamp(2.45rem,4vw,3.7rem);line-height:1.05;margin:12px 0 16px;max-width:23ch}
.briefing-heading .lead {font-size:1rem;max-width:68ch;margin-bottom:14px}
.briefing-meta {display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}
.briefing-meta .tag-row {margin:0}
.briefing-jump {padding-top:4px}
.briefing-jump label,.edition-select label {display:block;font-size:.73rem;letter-spacing:.06em;font-weight:750;color:var(--muted);margin-bottom:7px}
select {font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;max-width:100%;padding:10px;min-height:44px}
select:focus-visible,input[type=range]:focus-visible {outline:3px solid var(--blue);outline-offset:3px}
.briefing-jump select {width:100%;font-size:.83rem}
.briefing-jump .button {font-size:.78rem;margin-top:12px;white-space:normal;text-align:left}
.briefing-workspace {padding-bottom:46px}
.briefing-tabs {display:flex;gap:8px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px;overflow-x:auto}
.briefing-tabs button {display:flex;align-items:center;gap:9px;white-space:nowrap;min-height:46px;padding:10px 16px;border:1px solid var(--line);background:var(--surface);border-radius:9px;color:var(--muted);font-size:.87rem;font-weight:750}
.briefing-tabs button[aria-selected=true] {background:var(--blue);color:#ecf8f7;border-color:var(--blue)}
.briefing-tabs button:hover {border-color:var(--blue)}
.format-count {font-size:.72rem;opacity:.9;border-left:1px solid currentColor;padding-left:9px}
.briefing-columns {display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}
.briefing-primary {min-width:0}
.edition-bar {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 16px}
.edition-bar h2 {font-family:var(--sans);font-weight:750;font-size:1.15rem;line-height:1.35;letter-spacing:-.02em;margin:7px 0 0}
.edition-bar .type-label {font-size:.68rem}
.edition-select {max-width:270px;min-width:180px}
.edition-select select {width:100%;font-size:.78rem}
.artifact-stage {min-height:360px;border-radius:14px;border:1px solid var(--line);overflow:hidden;position:relative}
.stage-label {font-size:.65rem;font-weight:800;letter-spacing:.13em;display:block}
.artifact-stage h3 {font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15;max-width:24ch}
.artifact-stage>p {font-size:.9rem;line-height:1.5}
.video-stage,.audio-stage {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#ecf8f7;background:#0a2922;border-color:#42675e}
.video-stage .stage-label,.audio-stage .stage-label {color:#ecf8f7;margin-bottom:23px;z-index:1}
.video-stage h3,.audio-stage h3 {margin:17px 0 11px;z-index:1}
.video-stage>p,.audio-stage>p {color:#ecf8f7;margin:0;z-index:1}
.stage-play {width:74px;height:74px;border-radius:50%;border:1px solid #42675e;background:#15352f;color:#a7bfbd;font-size:2.4rem;display:grid;place-items:center;z-index:1}
.stage-play:hover {background:#15352f}
.stage-play:focus-visible,.listening-start:focus-visible {outline-color:#fff}
.stage-grid-art {position:absolute;inset:0;background:linear-gradient(#15352f 1px,transparent 1px),linear-gradient(90deg,#15352f 1px,transparent 1px);background-size:32px 32px}
.stage-grid-art span {position:absolute;width:170px;height:170px;border:1px solid #42675e;border-radius:50%;top:30%;left:calc(15% + 10px)}
.stage-grid-art span:nth-child(2) {left:40%;top:15%}
.stage-grid-art span:nth-child(3) {left:60%;top:35%}
.waveform {display:flex;justify-content:center;align-items:center;gap:5px;height:80px;width:min(360px,100%);margin:10px 0}
.waveform i {display:block;flex:1;max-width:6px;min-width:2px;height:var(--wave);background:#15352f;border-radius:9px}
.listening-start {margin-top:22px;background:#15352f;color:#a7bfbd;border:none}
.listening-start:hover {background:#15352f;color:#a7bfbd}
.report-stage {padding:24px;background:#15352f}
.report-page {background:#15352f;border:1px solid #42675e;box-shadow:0 7px 20px #18243a12;padding:28px 32px;max-width:710px;margin:auto}
.report-masthead {display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;font-size:.57rem;font-weight:800;letter-spacing:.09em;color:var(--muted);padding-bottom:15px;border-bottom:2px solid var(--ink)}
.report-page h3 {margin:20px 0 15px;font-size:2rem;max-width:none}
.report-deck {font-family:var(--serif);font-size:1.1rem;color:var(--muted);line-height:1.4;margin-bottom:18px}
.report-page hr {border:0;border-top:1px solid var(--line);margin:20px 0}
.report-section {display:grid;grid-template-columns:25px 1fr;gap:14px;margin:17px 0}
.report-section>span {font-size:.72rem;color:var(--clay);font-weight:800}
.report-section h4 {margin:0 0 7px;font-size:.85rem}
.report-section p {font-size:.83rem;line-height:1.6;margin:0}
.report-note {font-size:.7rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin:21px 0 0}
.graphic-stage,.map-stage {padding:30px;background:#15352f;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}
.graphic-stage .stage-label,.map-stage .stage-label {color:var(--blue);margin-bottom:25px}
.graphic-stage h3 {margin:0 auto 30px}
.evidence-flow {display:flex;align-items:center;gap:12px;margin:0 0 20px;width:100%}
.evidence-flow>div {flex:1;background:var(--surface);border:1px solid #42675e;border-radius:12px;padding:20px 12px}
.evidence-flow>div>span {display:block;color:var(--clay);font-size:.75rem;font-weight:800}
.evidence-flow strong {display:block;font-family:var(--serif);font-size:1.65rem;font-weight:400;margin:8px 0}
.evidence-flow small {display:block;line-height:1.5;font-size:.75rem}
.evidence-flow>b {color:var(--blue);font-weight:400}
.graphic-stage>p,.map-stage>p {color:var(--muted);margin:10px 0 0}
.map-center {background:var(--blue);border-radius:12px;color:#ecf8f7;padding:20px 25px;font-family:var(--serif);font-size:1.5rem;line-height:1.3;max-width:400px}
.map-branches {display:grid;grid-template-columns:repeat(3,1fr);gap:13px;width:100%;padding-top:36px;position:relative;margin-bottom:20px}
.map-branches:before {content:"";position:absolute;width:1px;height:36px;top:0;left:50%;background:#15352f}
.map-branches>div {background:var(--surface);border:1px solid #42675e;border-top:3px solid var(--blue);border-radius:9px;padding:16px 10px;font-size:.83rem}
.map-branches span {display:block;color:var(--muted);font-size:.75rem;line-height:1.5;margin-top:7px}
.artifact-caption {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:14px}
.artifact-caption p {font-size:.8rem;color:var(--muted);margin:0;max-width:55ch}
.text-button {border:0;background:none;color:var(--blue);text-decoration:underline;text-underline-offset:4px;font-size:.78rem;font-weight:750;min-height:44px;padding:0;white-space:nowrap}
.briefing-companion {border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:24px}
.briefing-companion section+section {border-top:1px solid var(--line);margin-top:23px;padding-top:22px}
.briefing-companion .type-label {font-size:.64rem}
.briefing-companion h2 {font-family:var(--sans);font-size:1.02rem;font-weight:750;letter-spacing:-.02em;line-height:1.3;margin:8px 0 14px}
.companion-question {font-family:var(--serif);font-size:1.25rem;line-height:1.4;margin-bottom:17px}
.briefing-notes {list-style:none;padding:0;margin:0}
.briefing-notes li {font-size:.8rem;line-height:1.55;padding-left:17px;position:relative;margin-top:12px;color:var(--muted)}
.briefing-notes li:before {content:"";width:5px;height:5px;background:var(--clay);border-radius:50%;position:absolute;left:0;top:7px}
.briefing-sources p {font-size:.8rem;line-height:1.55;color:var(--muted)}
.source-record {background:var(--blue-wash);border:1px solid #42675e;border-radius:8px;position:relative;text-align:left;padding:12px 25px 12px 12px;width:100%;color:var(--blue-dark)}
.source-record span {display:block;font-size:.8rem;font-weight:750}
.source-record small {font-size:.69rem}
.source-record b {position:absolute;right:10px;top:17px}
.briefing-related a {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;line-height:1.5;padding:12px 0;min-height:44px}
.briefing-collection-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.next-question {padding:27px;border:1px solid var(--line);border-radius:var(--radius)}
.next-question h3 {margin:15px 0 12px;font-size:1.7rem}
.next-question p {color:var(--muted);font-size:.93rem}
#listening-dock[hidden] {display:none}
#listening-dock {position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:minmax(150px,1fr) 48px minmax(130px,1fr) 44px;align-items:center;gap:22px;padding:15px max(24px,calc((100vw - 1220px)/2));background:#0a2922;color:#ecf8f7;box-shadow:0 -5px 30px #18243a33;border-top:1px solid #42675e}
.dock-title {min-width:0}
.dock-title .type-label {display:block;color:#ecf8f7;font-size:.62rem;margin-bottom:3px}
.dock-title a {display:block;color:#ecf8f7;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-play {width:46px;height:46px;border-radius:50%;background:#15352f;color:#a7bfbd;border:0;font-size:1.6rem}
.dock-close {width:44px;height:44px;border:1px solid #42675e;border-radius:50%;color:#ecf8f7;background:none;font-size:1.7rem}
.dock-progress label {font-size:.72rem;color:#ecf8f7}
.dock-progress input {width:100%;accent-color:#a8c9ff;display:block}
#listening-dock a:focus-visible,#listening-dock button:focus-visible,#listening-dock input:focus-visible {outline-color:#fff}
.has-listening-dock {padding-bottom:100px}
.owner-entry {padding:55px 0 65px;max-width:700px}
.owner-entry h1 {font-size:clamp(3rem,6vw,4.8rem);margin:18px 0}
.owner-entry>.lead {font-size:1.1rem}
.owner-login-card {padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin:27px 0}
.owner-login-card h2 {font-size:2rem;margin:12px 0}
.owner-login-card .micro-copy {margin:14px 0 0}
.owner-session {display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;padding-bottom:15px;font-size:.82rem;color:var(--muted)}
.owner-session button {min-height:44px;border:0;background:none;color:var(--blue);text-decoration:underline;font-weight:750}
@media(max-width:1100px){.primary-nav{gap:12px}.primary-nav a{font-size:.8rem}.nav-suggest{padding:8px 12px}.combined-hero-grid{gap:28px}.briefing-columns{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.briefing-companion{padding:20px}.edition-bar{flex-direction:column}.edition-select{max-width:none;width:100%}.edition-select select{max-width:100%}}
@media(max-width:900px){.combined-hero-grid{grid-template-columns:1fr 1fr;gap:24px}.combined-hero h1{font-size:3.1rem}.featured-briefing{padding:23px}.feature-diagram{gap:5px}.feature-diagram span,.feature-diagram strong{font-size:.7rem;padding:12px 7px}.briefing-title-row{grid-template-columns:1fr}.briefing-jump{display:flex;gap:10px;align-items:center}.briefing-jump label{margin:0;min-width:140px}.briefing-jump select{max-width:400px}.briefing-columns{grid-template-columns:1fr}.briefing-companion{display:grid;grid-template-columns:1fr 1fr;gap:24px}.briefing-companion section+section{margin:0;padding:0;border-top:0}.briefing-related{grid-column:1/-1;border-top:1px solid var(--line)!important;padding-top:18px!important}.briefing-related a{display:inline-flex;width:48%;vertical-align:top}.artifact-stage{min-height:330px}}
@media(max-width:760px){.combined-hero{padding:34px 0}.combined-hero-grid{grid-template-columns:1fr}.combined-hero h1{font-size:clamp(2.6rem,8.5vw,3.8rem)}.combined-hero .lead{font-size:1rem}.featured-briefing{padding:25px}.feature-diagram{margin:15px 0;min-height:70px}.feature-diagram span,.feature-diagram strong{font-size:.83rem;padding:12px 15px}.combined-section{padding:36px 0}.primary-nav{gap:0}.primary-nav a,.primary-nav .owner-link{font-size:.9rem}.briefing-heading{padding-top:20px}.briefing-heading h1{font-size:2.7rem}.briefing-jump{display:block}.briefing-jump label{margin-bottom:6px}.briefing-title-row{gap:15px}.briefing-tabs{gap:7px;padding:12px 2px;margin-bottom:20px}.briefing-tabs button{font-size:.8rem;padding:9px 11px}.briefing-companion{grid-template-columns:1fr}.briefing-companion section+section{border-top:1px solid var(--line);padding-top:20px;margin-top:0}.briefing-related a{width:100%}.briefing-collection-grid{grid-template-columns:1fr}.report-stage{padding:13px}.report-page{padding:20px}.artifact-caption{display:block}.artifact-caption .text-button{margin-top:5px}.map-branches{gap:6px}.map-branches>div{font-size:.74rem;padding:13px 7px}.graphic-stage,.map-stage{padding:25px 18px}.evidence-flow{gap:6px}.evidence-flow>div{padding:16px 7px}.evidence-flow strong{font-size:1.3rem}.evidence-flow small{font-size:.68rem}.owner-entry{padding:35px 0}.owner-session{font-size:.74rem}#listening-dock{grid-template-columns:minmax(0,1fr) 44px 44px;gap:12px;padding:13px 16px}.dock-progress{grid-column:1/-1;grid-row:2}.dock-close{grid-column:3;grid-row:1}.dock-play{grid-column:2;grid-row:1}.has-listening-dock{padding-bottom:156px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Restored dark Generator palette and original background treatment. */
body {background:radial-gradient(circle at 12% 8%,rgba(117,247,230,.18),transparent 28rem),radial-gradient(circle at 91% 12%,rgba(255,189,97,.14),transparent 28rem),linear-gradient(145deg,#071012,#10282c 58%,#071012);min-height:100vh}
body:before {content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(117,247,230,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(117,247,230,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 88%);opacity:.34}
.site-header {background:linear-gradient(135deg,rgba(117,247,230,.18),rgba(255,189,97,.12)),linear-gradient(135deg,rgba(20,45,49,.96),rgba(7,16,18,.92))}
.prototype-bar {background:#16382f;color:var(--muted)}
.featured-briefing {background:linear-gradient(145deg,#103e2e,#08271e);border:1px solid #315e4b}
.feature-diagram {background:radial-gradient(ellipse at center,#75f7e620,transparent 70%)}
.feature-diagram strong,.feature-open,.stage-play,.listening-start,.dock-play {background:#75f7e6;color:#061011;border-color:#75f7e6}
.feature-open:hover,.stage-play:hover,.listening-start:hover {background:#a9fff4;color:#061011}
.feature-diagram i,.feature-topline,.feature-topline .type-label,.featured-briefing>p {color:#b1d6c7}
.feature-formats a:hover {background:#215342}
.button-primary,.button-primary:hover,.hero-search button,.explore-search button,.skip-link,.skip-link:focus,.filter-options button[aria-pressed=true],.briefing-tabs button[aria-selected=true],.map-center,.step-card .current-label {color:#061011}
.segmented button[aria-pressed=true],.nav-suggest:hover {background:#75f7e6;color:#061011}
.start-card,.site-footer,.toast,#listening-dock {background:#09251d;color:var(--ink)}
.start-card .start-num,.start-card .eyebrow,.start-card p,.dock-title .type-label,.dock-progress label {color:#a7bfbd}
.start-card a:hover {background:#173c34;color:#75f7e6}
.report-stage {background:#0b211b}.report-page {background:#13352b;border-color:var(--line)}
.waveform i {background:#75f7e6}.dock-progress input {accent-color:#75f7e6}
.stage-grid-art span {border-color:#75f7e644}.map-branches:before {background:#63877b}
.dialog-card::backdrop {background:rgba(3,15,10,.72)}
input::placeholder,textarea::placeholder {color:#9bb4aa;opacity:1}

.page-back {margin-bottom:20px;background:var(--blue-wash);border-color:var(--line-strong);min-height:46px;font-weight:750}
#listening-dock { grid-template-columns: minmax(160px,1fr) minmax(240px,2fr) auto 44px; gap: 14px; }
#persistent-audio { width: 100%; min-width: 0; }
.dock-actions { display: flex; gap: 7px; }
.dock-actions button { min-height: 44px; border: 1px solid #81d9cb; border-radius: 10px; padding: 8px 12px; background: #15352f; color: #ecf8f7; font: inherit; font-weight: 800; cursor: pointer; }
.dock-actions button[data-stop-audio] { border-color: #ff7d73; }
.dock-actions button:focus-visible { outline: 3px solid #ffbd61; outline-offset: 2px; }
@media(max-width:760px) { #listening-dock { grid-template-columns: minmax(0,1fr) 44px; gap: 8px; padding: 10px 14px; } .dock-title { grid-column: 1; grid-row: 1; } .dock-close { grid-column: 2; grid-row: 1; } #persistent-audio { grid-column: 1 / -1; grid-row: 2; } .dock-actions { grid-column: 1 / -1; grid-row: 3; } .dock-actions button { flex: 1; } .has-listening-dock { padding-bottom: 190px; } }
