/* White reading surfaces with photographic scenes retained. */
:root,body.mixer-page{--paper:#fff;--ink:#202d3b;--muted:#546273;--line:#dbe2e8;--accent:#365d75;--soft:#f2f5f7;color-scheme:only light}
body,body.columns-page,body.mixer-page{background:#fff;color:var(--ink)}
header{background:#fff;border-color:var(--line)}
.immersive-home>header{position:relative;background:#fff;border-color:var(--line)}
.brand small,nav a,.utility-links a,footer>span{color:#546273}
nav a:hover,.utility-links a:hover{color:#203f54}
.eyebrow,.track-date{color:#52697d}
.text-link,.track-item h3 a,.world-copy p:not(.eyebrow),.about details p,.column-head>p:last-child,.column-empty p{color:#344b60}
.text-link:hover{color:#182f42;border-color:#344b60}
.immersive-hero{min-height:680px;min-height:80svh;padding-top:90px;color:#fff}
.immersive-hero::after{background:linear-gradient(0deg,#06102180,transparent 38%)}
.immersive-hero .eyebrow,.immersive-hero .text-link,.immersive-hero .intro,.hero-bottom,.hero-bottom a{color:#edf4ff}
.button,.mixer-page .button{background:#25485f;border-color:#25485f;color:#fff;border-radius:999px;box-shadow:none}
.button:hover,.mixer-page .button:hover{background:#173649;color:#fff;border-color:#173649}
.hero .button{background:#fff;color:#233c51;border-color:#fff}
.secondary,.track-buttons button{background:#fff;color:#29475c;border-color:#9cabb7}
.secondary:hover{background:#edf2f6;color:#203b4e}
select,.mixer-page select{background:#fff;color:#203448;border-color:#a4b1bd}
audio{color-scheme:only light}
.studio{background:#f2f6f8}.studio::after{opacity:.12;background:linear-gradient(90deg,#f2f6f8,transparent),url('/media/window/summer-night.jpg') center/cover}
.studio-teaser>p:first-child,.teaser-recipes a,.service-steps p,.receive{color:#42576a}
.receive{background:#f2f6f8}
.mixer-page .layer,.mixer-page .export-controls{background:#f2f5f7;box-shadow:none}
.mixer-page main>.transport{background:#fff;box-shadow:0 5px 26px #253f5014;border:1px solid #dbe2e8}
.mixer-page .recipe summary,.mixer-page .recipe-body{background:#f2f5f7}
.mixer-page .recipe summary:hover{background:#e8eef2}
.mixer-page .presets button{background:#fff;color:#304b60;border-color:#a8b6c0}
.mixer-page .presets button small{color:#546273}
.mixer-page .presets button[aria-pressed=true]{background:#25485f;color:#fff}
.mixer-page .presets button[aria-pressed=true] small{color:#fff}
.mixer-page .nature-card{color:#fff}
.lab-introduction p{max-width:48em}
.evidence{padding:30px 0;border-block:1px solid var(--line);margin:32px 0}
.evidence-numbers{display:flex;gap:48px;flex-wrap:wrap;margin:18px 0}
.evidence-numbers strong{display:block;font:500 clamp(32px,4vw,48px)/1.5 var(--serif)}
.evidence-numbers span{font-size:14px;color:var(--muted)}
.guide-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:24px}
.reading-article{max-width:780px;margin:auto;padding:64px 32px 96px;font-size:16px;line-height:2}
.reading-article h1,.reading-article h2,.reading-article h3{font-family:inherit;font-weight:700;color:var(--ink)}
.reading-article h1{font-size:clamp(24px,3.5vw,34px);line-height:1.5;margin-bottom:36px}
.reading-article h2{font-size:22px;line-height:1.65;margin:36px 0 14px}
.reading-article p{margin:0 0 16px}.reading-article strong{font-weight:700;color:var(--ink)}.reading-article .article-links{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.reading-article .article-links a{text-underline-offset:4px}.reading-article img{width:100%;max-height:360px;object-fit:cover;border-radius:16px;margin-bottom:32px}
.reading-article .sources{font-size:13px;border-top:1px solid var(--line);padding-top:24px}
.soundtrack-page{background:#fff!important;color:#202d3b!important}
@media(max-width:760px){.immersive-hero{min-height:620px;padding-top:70px}.reading-article{padding:40px 24px 64px}.evidence-numbers{gap:24px}.hero-bottom{bottom:28px}}

/* The laboratory story uses the same white reading surface. */
body.lab{--night:#fff;--layer:#eef2f5;--lamp:#34576e;--snow:#202d3b;--mist:#546273;background:#fff;color:#202d3b}
.lab .story p{color:#344353}.lab .story .quiet{color:#546273}.lab .chapter h2,.lab footer{border-color:#dbe2e8}.lab .story-links a{border-color:#a4b1bd}.lab .story-links a.lamp{color:#fff}

/* Preserve the designed palette even when the OS requests dark mode. */
html{color-scheme:only light;background:#fff}
footer>span{max-width:760px;line-height:2.2}footer>span>a{display:inline-block;min-height:28px;padding:3px 0;margin:0 4px;color:#546273}
@media(max-width:760px){footer>span{max-width:100%;font-size:10px}}

.column-list{max-width:960px;margin:0 auto 80px;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.column-entry{border-top:1px solid var(--line)}.column-entry>a{display:block;padding:28px 0 32px;text-decoration:none;color:var(--ink);height:100%}.column-entry h2{font-family:inherit;font-size:22px;line-height:1.6;font-weight:700;margin:0 0 12px}.column-entry p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 16px}.column-entry a:hover h2{text-decoration:underline;text-underline-offset:5px}.column-entry a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.column-entry .text-link{font-size:13px}@media(max-width:760px){.column-list{grid-template-columns:1fr;padding:0 24px;gap:0;margin-bottom:48px}.column-entry>a{padding:24px 0}.column-entry h2{font-size:21px}}

/* Editorial images: show the full artwork and keep the existing reading rhythm. */
.column-entry .column-thumb{display:block;width:100%;aspect-ratio:1734/907;height:auto;object-fit:contain;border-radius:12px;margin:0 0 20px}
.reading-article .column-hero{margin:0 0 32px}
.reading-article .column-hero img,.reading-article .column-diagram img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:12px}
.reading-article .column-diagram{margin:28px 0 32px}
.reading-article .column-diagram figcaption{margin-top:10px;font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.column-entry .column-thumb{margin-bottom:16px}}