:root{color-scheme:light;--ink:#171c19;--green:#1c3426;--line:#d6dcd7;--muted:#535c56;--surface:#f3f5f3;--tint:#edf2ee;font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;color:var(--ink);background:#fff}
[data-theme="berry"]{--green:#253e58;--surface:#f0f3f6;--tint:#eaf0f5;--line:#d5dde4}
[data-theme="earth"]{--green:#774b3e;--surface:#f7f1ed;--tint:#f4ebe6;--line:#e5d9d2}
[data-theme="forest"]{--green:#244b3c;--surface:#f0f5f1;--tint:#eaf1ec;--line:#d1dfd5}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.22em}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #648565;outline-offset:4px}p{line-height:1.65;margin:0 0 1em}h1,h2,h3{font-weight:600;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2rem,5.5vw,3.4rem);margin:.3em 0 .6em}h2{font-size:1.5rem;margin:0 0 .9em}h3{font-size:1.1rem}.skip-link{position:absolute;left:16px;top:-80px;background:white;padding:15px;z-index:5}.skip-link:focus{top:12px}.site-header{max-width:1160px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:600;font-size:1rem;line-height:1.25;text-decoration:none}.header-note{font-size:.875rem;color:var(--muted)}main{max-width:1160px;margin:auto;padding:36px}.loading,.no-script{padding:2rem}.eyebrow{font-size:.875rem;color:var(--green);line-height:1.5;font-weight:600}.lead{font-size:1.12rem;max-width:640px;color:var(--muted)}.home-intro{margin:0 0 38px}.station-list{border-top:1px solid var(--line)}.station-link{display:grid;grid-template-columns:45px 1fr auto;gap:22px;text-decoration:none;padding:28px 4px;border-bottom:1px solid var(--line);align-items:start}.station-link:hover{background:var(--surface)}.station-number{font-size:.875rem;color:var(--muted);padding-top:7px}.station-link h3{font-size:clamp(1.6rem,3vw,2rem);margin:0 0 .35em}.station-link p{margin:0 0 .35em}.station-link .people{color:var(--muted);font-size:1rem}.open-label{font-size:.875rem;white-space:nowrap;margin-top:8px}.page-nav{font-size:.9rem;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 32px}.page-nav a[aria-current="page"]{color:var(--green);font-weight:700}.story-header{max-width:800px;margin-bottom:30px}.people-main{font-size:1.15rem;margin:.6em 0 .8em}.episode{font-size:.875rem;color:var(--muted);line-height:1.5;max-width:690px}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:56px;align-items:start}.reader{min-width:0}.listening{padding:22px 24px;background:var(--surface);color:var(--ink);border-left:3px solid var(--green);margin-bottom:24px}.listening h2{font-size:1.3rem;margin-bottom:.6em}.listening p{font-size:.95rem;margin-bottom:.65em}.listening a{font-size:.95rem;color:var(--green);font-weight:600}.listening audio{width:100%;margin:10px 0;display:block}.side-note{border-top:1px solid var(--ink);padding-top:18px}.side-note h2{font-size:1.05rem;letter-spacing:0}.side-note p{font-size:.9rem}.side-note a{font-size:.9rem}.accordion{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.accordion summary{cursor:pointer;font-weight:600;line-height:1.4;padding:18px 0}.accordion .detail-content{padding:0 0 6px}.accordion p{font-size:1rem}.editing{border-left:2px solid var(--line);padding-left:18px;color:var(--muted)}.reader-head{padding-top:8px;margin-bottom:28px}.reader-head h2{margin-bottom:15px}.language-switch{display:flex;gap:8px;flex-wrap:wrap}.language-switch button{border:1px solid #9ea9a0;border-radius:3px;padding:12px 15px;background:white;color:var(--ink);font-size:.925rem;line-height:1.3}.language-switch button[aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink)}.language-note{font-size:.875rem;color:var(--muted);margin:12px 0}.pdf-link{display:inline-block;font-size:.875rem}.speech{margin:0 0 27px}.speech h3{font-size:1rem;letter-spacing:0;margin:0 0 10px;line-height:1.5;font-weight:700}.speech p{font-size:1.0625rem;line-height:1.75;margin:0 0 .8em}.speech.narrator{padding:18px 20px;background:var(--surface)}.speech.narrator p{font-size:1rem}.language-cue{font-style:italic;font-size:.9rem;color:var(--muted);margin:18px 0 10px}.source-box{margin-top:44px;padding-top:24px;border-top:1px solid var(--ink)}.source-box h2{font-size:1.25rem}.source-box p{font-size:.875rem;color:var(--muted)}.source-box a{display:inline-block;margin-bottom:16px}.site-footer{max-width:1160px;margin:50px auto 0;padding:25px 36px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:var(--muted)}.error{padding:40px 0}.error p{max-width:600px}
@media(max-width:800px){.story-grid{grid-template-columns:minmax(0,1fr);gap:30px}.side-note{grid-row:1}.side-note .headphone-detail{display:block}.station-link{grid-template-columns:30px 1fr;gap:12px}.open-label{grid-column:2;margin-top:0}.site-header,main,.site-footer{padding-left:22px;padding-right:22px}.home-intro{margin-bottom:28px}}
@media(min-width:801px){.side-note details{display:none}}
@media(max-width:420px){.site-header{padding-top:22px;padding-bottom:22px}.header-note{max-width:70px;text-align:right}.page-nav{gap:12px;font-size:.875rem}.listening{padding:20px}.site-footer{display:block}.site-footer a{display:block;margin-top:12px}.language-switch{display:grid;grid-template-columns:1fr}.language-switch button{text-align:left}h1{font-size:2.1rem}}
@media print{.site-header,.site-footer,.page-nav,.language-switch,.pdf-link,.listening,.side-note,.skip-link{display:none}main{padding:0;max-width:none}.story-grid{display:block}h1{font-size:25pt}.speech p,.accordion p{font-size:12pt;line-height:1.5}.speech h3{break-after:avoid}.speech.narrator{background:none;padding:0}.source-box a{word-break:break-all}.accordion{display:none}.speech{margin-bottom:18pt}a{color:#000}}

.other-interviews{margin:0 0 26px;padding:0 0 20px;border-bottom:1px solid var(--line);font-size:.95rem}.other-interviews>span{display:block;font-weight:600;margin-bottom:10px}.other-interviews>div{display:flex;gap:12px 24px;flex-wrap:wrap}.other-interviews a{display:inline-block;padding:8px 0;line-height:1.4}@media print{.other-interviews{display:none}}

.station-link .station-summary{max-width:650px;margin:.5em 0 .8em;line-height:1.6}.story-summary{font-size:1.125rem;line-height:1.65;margin:0 0 1em;max-width:750px}.source-label{font-weight:700}.reading-nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 16px}.reading-nav a{line-height:1.5;padding:6px 0}.save-note{font-size:.875rem;color:var(--muted);max-width:650px}.reading-version{scroll-margin-top:24px}.version-header{margin:0 0 30px;padding:22px 0 24px;border-top:2px solid var(--green);border-bottom:1px solid var(--line)}.version-header h2{font-size:1.45rem;margin:0 0 12px}.version-header .language-note{margin:0 0 18px}.reading-version+.reading-version{margin-top:60px}.download-button{display:inline-block;padding:13px 18px;background:var(--green);color:white;text-decoration:none;font-weight:600;font-size:1rem;line-height:1.5;border-radius:3px}.download-button:hover{background:#2d4b38}.pdf-view{display:inline-block;margin-left:20px;padding:12px 0;font-size:.95rem}@media(max-width:420px){.pdf-view{display:block;margin:8px 0 0}.download-button{width:100%;text-align:left}.reading-nav{display:block}.reading-nav a{display:block}.story-summary{font-size:1.0625rem}}@media print{.reading-nav,.save-note,.download-button,.pdf-view{display:none}.reading-version+.reading-version{break-before:page;margin-top:0}}

.page-nav{display:block}.all-stations{display:inline-block;margin:0 0 14px}.station-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.station-tabs a{padding:14px 16px;border:1px solid var(--line);text-decoration:none;line-height:1.45;display:flex;align-items:center}.station-tabs a[aria-current="page"]{background:var(--green);color:white;border-color:var(--green)}.station-tabs a:hover{border-color:var(--green)}.story-primer{margin-bottom:30px}.story-primer h2{font-size:1.25rem;margin:0 0 16px}.story-primer p{font-size:1.0625rem;line-height:1.75}.reading-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reading-option{border:1px solid var(--line);border-radius:3px;overflow:hidden}.reading-option button{display:block;width:100%;padding:16px 14px;background:white;color:var(--ink);border:0;border-bottom:1px solid var(--line);font-weight:600;font-size:1rem;line-height:1.4;text-align:left}.reading-option.is-active{border-color:var(--green)}.reading-option.is-active button{background:var(--green);color:white;border-bottom-color:var(--green)}.version-download{display:block;padding:13px 14px;font-size:.9rem;line-height:1.5}.reading-option button:focus-visible,.version-download:focus-visible{outline-offset:-4px}.save-help{font-size:.875rem;color:var(--muted);line-height:1.6}.save-help summary{cursor:pointer}.save-help p{margin:12px 0}.reading-area .reader-head{border-bottom:1px solid var(--line);padding-bottom:22px}.source-box+.other-interviews{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}@media(max-width:600px){.station-tabs{grid-template-columns:1fr;gap:6px}.station-tabs a{padding:11px 14px}.reading-options{grid-template-columns:1fr}.reading-option{display:grid;grid-template-columns:minmax(0,1fr) 125px;align-items:stretch}.reading-option button{border-bottom:0;border-right:1px solid var(--line);overflow-wrap:anywhere}.version-download{display:flex;align-items:center;font-size:.875rem;overflow-wrap:anywhere}.story-primer h2{font-size:1.2rem}}@media print{.reading-options,.save-help{display:none}.story-primer p{font-size:12pt;line-height:1.5}}

/* Shared exhibition context and station-specific colour fields. */
.story-header{max-width:none;padding:34px 38px 26px;background:var(--tint);color:var(--ink);margin-bottom:20px}
.story-header h1{max-width:850px}.story-header .eyebrow{color:var(--green)}.story-header .episode{color:var(--muted)}.hero-primer{max-width:780px;border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.hero-primer h2{font-size:1rem;letter-spacing:0;margin-bottom:14px}.hero-primer p{font-size:1.0625rem;line-height:1.75}.quick-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:32px}.quick-links a{padding:8px 0;font-weight:600;font-size:.95rem;color:var(--green)}[id]{scroll-margin-top:22px}.installation-context{border-left:3px solid var(--green);background:var(--surface);padding:20px 22px;margin-bottom:28px}.installation-context>p{font-size:.975rem;line-height:1.65}.artwork-detail summary{cursor:pointer;font-weight:600;padding:6px 0}.artwork-detail>div{padding-top:20px}.artwork-detail p{font-size:1rem}.artwork-detail .art-reading{font-size:.875rem;color:var(--muted);padding-top:15px;border-top:1px solid var(--line)}.home-intro+.installation-context{max-width:800px}.support-area{margin:38px 0 48px;padding-top:26px;border-top:2px solid var(--green)}.support-area h2{font-size:1.8rem;color:var(--green);margin-bottom:18px}.support-area>.eyebrow{margin-bottom:9px}.resource-cards{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}.resource-cards .resource{padding:22px;background:var(--surface);border:1px solid var(--line)}.resource h3{font-size:1.0625rem;letter-spacing:0;line-height:1.4;margin:0 0 9px}.resource p{font-size:.95rem;line-height:1.65;margin:0 0 12px}.resource a{font-weight:600;font-size:.95rem;line-height:1.5;display:inline-block;padding:4px 0;color:var(--green)}.resource-list .resource{padding:20px 0;border-bottom:1px solid var(--line)}.resource-list .resource:last-child{border-bottom:0}.related-heading{padding-top:18px;border-top:2px solid var(--line)}.support-area .resource-note,.checked{font-size:.8rem;color:var(--muted);line-height:1.6}.support-area .resource-note{margin-top:20px}.support-area .accordion{margin-bottom:14px}.station-link{border-left:4px solid var(--green);padding-left:18px}.station-link h3{color:var(--green)}
@media(max-width:600px){.story-header{padding:26px 22px}.hero-primer p{font-size:1rem}.installation-context{padding:18px}.support-area h2{font-size:1.6rem}.resource-cards .resource{padding:18px}.quick-links{gap:4px 18px;font-size:.9rem}.station-link{padding-left:12px}}
@media print{.quick-links,.support-area,.installation-context{display:none}.story-header{background:white;color:#000;padding:0}.story-header .eyebrow,.story-header .episode{color:#000}.hero-primer{border-top:1px solid #aaa}.hero-primer p{font-size:12pt;line-height:1.5}}

/* Full-width station colour, with reading content remaining on white. */
.story-header{box-shadow:0 0 0 100vmax var(--tint);clip-path:inset(0 -100vmax)}
.brand,.home-intro h1,.story-header h1,.station-link h3,.episode a{font-style:italic}
@media print{.story-header{box-shadow:none;clip-path:none}}

/* Original episode titles stay beside the installation’s German titles. */
.story-header h1{margin-bottom:.35em}.episode-title{font-size:clamp(1.0625rem,2.5vw,1.35rem);line-height:1.5;font-style:italic;color:var(--green);max-width:850px;margin:0 0 1.2rem}.episode-title a{text-decoration-thickness:1px}.station-link .station-original{font-size:1rem;line-height:1.5;font-style:italic;color:var(--muted);margin:0 0 .9em}.resource-address{display:block;font-size:.875rem;line-height:1.55;color:var(--muted);overflow-wrap:anywhere;user-select:all;margin-top:6px}

/* Visible provenance and an expanded installation text on the overview. */
.conversation-background{margin:0 0 24px}.conversation-background h2{font-size:1.25rem}.conversation-background p{font-size:1rem;line-height:1.7}.station-jump{display:inline-block;color:var(--green);font-weight:600;line-height:1.5;padding:8px 0;margin-top:2px}.artwork-detail[open] summary{margin-bottom:4px}.support-area>.eyebrow{font-weight:400;font-size:.95rem;line-height:1.6}.resource em{font-style:italic}

/* Give each station title room between its location, original title and speakers. */
@media screen{
 .story-header h1{margin-top:clamp(2rem,5vw,3.5rem);margin-bottom:clamp(1.75rem,4vw,3rem)}
 .story-header .episode-title{margin-bottom:clamp(2.25rem,5vw,3.5rem)}
}

/* Give the overview title room while centering its introductory group. */
.home-intro{background:#35412f;color:#f7f8f2;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,4vw,2.75rem);margin-bottom:3rem;text-align:left}
.home-intro .eyebrow,.home-intro .lead{color:#e4e8dc}
.home-intro .station-jump{color:inherit}
.home-intro a:focus-visible{outline-color:#f7f8f2}
.home-intro h1{margin:clamp(1.5rem,4vw,2.75rem) 0;line-height:1.2}
.home-intro .lead{max-width:42rem;margin-bottom:1.25rem}
.home-editing{max-width:800px;margin-bottom:3rem}
.home-editing .detail-content{max-width:740px}
.station-link{padding-top:clamp(2rem,5vw,3rem);padding-bottom:clamp(2rem,5vw,3rem)}
.station-link .eyebrow{margin:0}
.station-link h3{margin:1.25rem 0 1.5rem;line-height:1.2}
.station-link .station-original{margin-bottom:1.5rem}
.support-area h2{margin:2rem 0 2.5rem;line-height:1.3}
.support-heading-line{display:block}
.support-heading-line+.support-heading-line{margin-top:.3em}
@media print{.home-intro{background:none;color:#000;padding:0}.home-intro .eyebrow,.home-intro .lead{color:inherit}.home-intro h1{margin:1rem 0}.home-editing{display:none}}

/* Balanced card insets and a full-width overview colour field. */
.home-intro{box-shadow:0 0 0 100vmax #35412f;clip-path:inset(0 -100vmax)}
.station-link{grid-template-columns:45px minmax(0,1fr) auto;padding-inline:22px}
.station-link>div{min-width:0;overflow-wrap:anywhere}
.hero-primer .identity-note{font-size:.9375rem;line-height:1.65;color:var(--muted);margin-top:1.25rem}
@media(max-width:800px){
 .station-link{display:block;padding-inline:20px}
 .station-number{display:block;padding:0;margin-bottom:1rem}
 .station-link .open-label{display:block;margin-top:1.25rem;white-space:normal}
}
@media print{.home-intro{box-shadow:none;clip-path:none}}

/* Station colours on the overview, with fully opaque readable text. */
.station-link{background:var(--tint)}
.station-link:hover{background:var(--surface)}
@media print{.station-link{background:none}}

/* Visible source attribution before visitors enter or play a station. */
.home-provenance{max-width:800px;margin-bottom:2rem}
.audio-provenance{margin-bottom:1.25rem}

/* Visible invitation followed by independent optional reading sections. */
.home-opening,.home-reflections{max-width:800px}
.home-opening{margin-bottom:2.5rem}
.home-opening p,.home-reflections .detail-content>p{font-size:1rem;line-height:1.75}
.home-opening .seat-question{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:600;line-height:1.4;margin-block:clamp(2.5rem,6vw,4rem)!important;max-width:28rem}
.home-reflections{margin-bottom:3rem}
.home-reflections .accordion{margin-bottom:0;border-bottom:0}
.home-reflections .accordion:last-child{border-bottom:1px solid var(--line)}
.home-reflections summary{padding:1.25rem 0;overflow-wrap:anywhere}
.home-reflections .detail-content{padding-bottom:1.25rem}

/* A clear shortcut leaves the introduction free to unfold at its own pace. */
.home-intro .station-jump{font-size:clamp(1.125rem,2.2vw,1.25rem);padding:.75rem 1rem;border:1px solid currentColor;text-decoration:none;max-width:100%;line-height:1.5}
.home-intro .station-jump:hover{background:rgba(255,255,255,.1)}
.home-intro .station-topics{font-size:.9375rem;line-height:1.6;color:#e4e8dc;margin:.875rem 0 0}
@media print{.home-intro .station-jump,.home-intro .station-topics{display:none}}

/* Keep the requested station title phrases on separate lines. */
.story-title-line{display:block}

.home-guide{max-width:800px;margin:0 0 2.5rem}.home-guide h2{margin:0 0 1rem;line-height:1.3}.home-guide p{margin-bottom:.65rem}.home-guide>a{display:inline-block;padding:.4rem 0;font-weight:600;color:var(--green);line-height:1.5}.stations-heading{margin:0;padding:2rem 0 1.5rem;line-height:1.3}

/* One spacing rhythm for the overview and all three listening stations.
   Gaps belong to the following element, so nested and final paragraphs
   cannot add a second gap or change it with their font size. */
@media screen {
 :root {
  --space-text:1.25rem;
  --space-small:.75rem;
  --space-section:2rem;
  --space-panel:1.5rem;
  --space-title:clamp(2rem,4vw,3rem);
 }

 #content :is(p,h1,h2,h3){margin:0}
 #content p{line-height:1.75}
 #content :is(.eyebrow,.episode,.station-original,.people,.language-note,.checked,.resource-address){line-height:1.6}
 #content .episode-title{line-height:1.5}

 #content :is(.home-guide,.home-opening,.detail-content,.hero-primer,.listening,.audio-provenance,.conversation-background,.speech>div,.source-box,.resource,.headphone-detail){display:flow-root}
 #content :is(.home-guide,.home-opening,.detail-content,.hero-primer,.listening,.audio-provenance,.conversation-background,.speech>div,.source-box,.resource,.headphone-detail)>*+*{margin-block-start:var(--space-text)}

 #content :is(.home-guide,.home-opening){margin-block:0 var(--space-section)}
 #content .home-reflections{margin-block:0 var(--space-section)}
 #content .home-guide>a{display:block;width:fit-content;padding:0;line-height:1.6}
 #content .home-intro{margin-block:0 var(--space-section)}
 #content .home-intro h1{margin-block:var(--space-title)}
 #content .home-intro .station-jump{margin:0}
 #content .home-intro .station-topics{margin-block-start:var(--space-small)}
 #content .stations-heading{padding-block:var(--space-section)}
 #content .station-link{padding-block:var(--space-section)}
 #content .station-link>div>*+*{margin-block-start:var(--space-text)}
 #content .station-link h3{margin-block:calc(var(--space-section) - .5rem) var(--space-section)}

 #content .page-nav{margin-block:0 var(--space-section)}
 #content .all-stations{margin-block:0 var(--space-text)}
 #content .station-tabs{gap:var(--space-small)}
 #content .story-header{padding-block:var(--space-section);margin-block:0 var(--space-text)}
 #content .story-header h1{margin-block:var(--space-title)}
 #content .story-header .episode-title{margin-block-end:var(--space-title)}
 #content .story-header .episode{margin-block-start:var(--space-text)}
 #content .hero-primer{margin-block-start:var(--space-section);padding-block-start:var(--space-section)}
 #content .quick-links{margin-block:0 var(--space-section);gap:var(--space-small) var(--space-panel)}
 #content .quick-links a{padding-block:0;line-height:1.6}

 #content .reader>*{margin-block:0}
 #content .reader>*+*{margin-block-start:var(--space-section)}
 #content :is(.installation-context,.listening,.speech.narrator,.resource-cards .resource){padding:var(--space-panel)}
 #content .installation-context>.artwork-detail{margin-block-start:var(--space-text)}
 #content .artwork-detail summary{padding:0;line-height:1.6;margin:0}
 #content .artwork-detail>div{padding-block-start:var(--space-text)}
 #content .artwork-detail>div>p+p{margin-block-start:var(--space-text)}
 #content .audio-provenance{margin:0}
 #content .listening audio{margin-block:var(--space-text) 0}
 #content :is(.listening,.source-box)>a{display:block;width:fit-content;margin-block-end:0;padding:0;line-height:1.6}

 #content .accordion{margin-block:0}
 #content .accordion summary{padding-block:var(--space-text);line-height:1.6}
 #content .accordion .detail-content{padding-block:0 var(--space-text)}
 #content .reader-head{padding-block:0 var(--space-panel);margin-block:0 var(--space-section)}
 #content .reader-head>*+*{margin-block-start:var(--space-text)}
 #content .reading-options{gap:var(--space-small)}
 #content .save-help p{margin-block:var(--space-text) 0}
 #content .save-help summary{line-height:1.6}
 #content .transcript-content>*{margin-block:0}
 #content .transcript-content>*+*{margin-block-start:var(--space-section)}
 #content .speech>div{margin-block-start:var(--space-text)}
 #content .source-box{padding-block-start:var(--space-section)}

 #content .support-area{padding-block-start:var(--space-section)}
 #content .support-area>*+*{margin-block-start:var(--space-text)}
 #content .support-area h2{margin-block:var(--space-section)}
 #content .support-area>.resource-cards{margin-block:var(--space-section)}
 #content .resource-cards{gap:var(--space-text)}
 #content .resource a{padding:0;line-height:1.6}
 #content .resource .resource-address{margin-block-start:var(--space-small)}
 #content .resource-list .resource{padding-block:var(--space-text)}
 #content .resource-list .resource:first-child{padding-block-start:0}
 #content .resource-list .resource:last-child{padding-block-end:0}
 #content .related-heading{padding-block-start:var(--space-text)}
 #content .other-interviews{padding-block:var(--space-panel);margin-block-end:0}
 #content .other-interviews>span{margin-block-end:var(--space-small)}
 #content .other-interviews>div{gap:var(--space-small) var(--space-panel)}
 #content .other-interviews a{padding:0;line-height:1.6}
 #content .side-note{padding-block-start:var(--space-panel)}
 #content .side-note>*+*{margin-block-start:var(--space-text)}
 #content .side-note details>.headphone-detail{margin-block-start:var(--space-text)}
}

/* Material pause between the installation text and the listening section. */
@media screen {
 #content .listening-transition{
  display:block;
  width:100%;
  min-height:22px;
  background-color:#bca17c;
  background-image:linear-gradient(rgba(42,29,19,.12),rgba(42,29,19,.12)),url('/images/wood-reference.jpeg');
  background-position:center,center 48%;
  background-size:auto,850px auto;
  background-repeat:repeat,repeat-x;
 }
 #content .reader>.listening-transition+.listening{margin-block-start:1.5rem}
}
@media print{#content .listening-transition{display:none}}

@media screen and (max-width:800px){
 #content .story-grid{gap:var(--space-section)}
 #content .station-number{margin-block:0 var(--space-text)}
 #content .station-link .open-label{margin-block-start:var(--space-text)}
}
@media screen and (max-width:600px){
 :root{--space-panel:1.25rem}
}

/* Documentary images: full photographs alongside quiet reading surfaces. */
@media screen {
 #content .home-intro{position:relative;isolation:isolate;background:#303c2b;box-shadow:none;clip-path:none;margin-inline:calc(50% - 50vw);padding-inline:max(22px,calc((100vw - 1000px)/2));overflow:hidden}
 #content .home-intro::before,#content .home-intro::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
 #content .home-intro::before{background:linear-gradient(90deg,rgba(24,35,23,.85),rgba(24,35,23,.64)),url('/images/forest.jpg') center 18%/cover no-repeat}
 #content .home-intro::after{inset:0 0 0 68%;background:linear-gradient(90deg,rgba(53,65,47,.36),rgba(22,34,23,.6)),url('/images/forest.jpg') 25% 8%/cover;opacity:.3;border-left:1px solid #ffffff20}
 #content .home-intro :is(h1,.eyebrow,.station-topics){color:#faf9f1}
 #content .home-intro .station-jump{color:#fff;border-color:#e2e5d780;background:#ffffff0d}
 #content .station-list{display:grid;gap:2rem}
 #content .station-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.5rem 2rem;align-items:start;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid #d8dcd4;border-left:4px solid var(--green);background:var(--pale);text-decoration:none}
 #content .station-link .station-number{grid-column:1/-1;margin:0}
 #content .station-link .station-photo{grid-column:1;grid-row:2;margin:0}
 #content .station-link .station-copy{grid-column:2;grid-row:2;min-width:0}
 #content .station-link .open-label{grid-column:2;margin:0;align-self:end}
 #content .station-link h3{font-size:clamp(1.75rem,3vw,2.5rem);margin-block:1rem 1.75rem}
 #content .station-photo{min-width:0;margin:0}
 #content .station-photo img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#e3e6dd}
 #content .station-photo figcaption{font-size:.75rem;line-height:1.55;color:#525950;padding-top:.65rem;text-align:left;font-style:normal}
 #content .story-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:center}
 #content .story-header .story-heading{min-width:0}
 #content .story-header .story-heading h1{font-size:clamp(2.25rem,4.7vw,4rem);margin-block:1.25rem 2rem}
 #content .story-header .hero-primer{grid-column:1/-1;margin-top:0}
 #content .image-credits{margin-top:2rem;padding-top:1rem;border-top:1px solid #d8dcd4;font-size:.82rem;color:#525950}
 #content .image-credits summary{cursor:pointer;padding-block:.5rem}
 #content .image-credits p{margin-block:1rem;line-height:1.65}
 #content .image-credits a{color:inherit}
}
@media screen and (max-width:800px){
 #content .story-header{display:block}
 #content .story-header .station-photo{margin-block:2rem}
 #content .station-link{display:flex;flex-direction:column;gap:1.5rem}
 #content .station-link .station-copy{order:1}
 #content .station-link .station-number{order:0}
 #content .station-link .station-photo{order:2;width:100%}
 #content .station-link .open-label{order:3;align-self:flex-start}
 #content .station-photo img{max-height:440px}
 #content .station-link .station-copy>*+*{margin-top:1.25rem}
 #content .station-link .station-copy h3{margin-block:1rem 1.75rem}
}
@media print{.station-photo,.image-credits{display:none}}

/* Documentary image details: keep source files intact, crop in the layout. */
@media screen {
 #content .station-photo .photo-window{display:block;position:relative;overflow:hidden;aspect-ratio:22/7;background:#26302b}
 #content .station-photo .photo-window img{width:100%;height:100%;max-height:none;object-fit:cover;filter:saturate(.72) brightness(.86)}
 #content .photo-landarbeiter .photo-window img{object-position:center bottom;filter:saturate(.65) brightness(.67)}
 #content .photo-sungai-utik .photo-window img{object-position:center 57%;filter:saturate(.78) brightness(.96)}
 #content .photo-not-invisible .banner-crop{display:block;width:100%;height:100%;overflow:hidden;filter:saturate(.72) brightness(.82)}
}

/* Warm pine-toned canvas and edge-to-edge documentary banners. */
@media screen {
 :root{background:#f1e8d9;--line:#d6cdbc}
 body{background:#f1e8d9}
 #content .station-link{--card-inset:clamp(1.25rem,3vw,2.25rem);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #d6cdbc;border-left:4px solid var(--green);overflow:hidden;background:#f8f2e8}
 #content .station-link .station-photo{order:0;width:100%;margin:0}
 #content .station-link .station-photo figcaption{padding:.75rem var(--card-inset) 0}
 #content .station-link .station-number{order:1;margin:1.5rem var(--card-inset) 0;padding:0}
 #content .station-link .station-copy{order:2;margin:1.25rem var(--card-inset) 0}
 #content .station-link .open-label{order:3;align-self:flex-start;margin:1.75rem var(--card-inset) 2rem}
 #content .station-link .photo-window{width:100%;aspect-ratio:22/7}
 #content .story-header{--hero-inset:clamp(1.25rem,3vw,2.375rem);display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0}
 #content .story-header .story-heading{order:1;padding:2rem var(--hero-inset)}
 #content .story-header .station-photo{order:0;margin:0;width:100%}
 #content .story-header .station-photo figcaption{padding:.75rem var(--hero-inset) 0}
 #content .story-header .hero-primer{order:2;margin:0 var(--hero-inset) 2rem;max-width:none}
}

/* Pine grain surrounding photographic station surfaces. */
@media screen {
 body{background:linear-gradient(rgba(248,242,231,.68),rgba(248,242,231,.68)),url('/images/pine-texture.png') center top/850px auto repeat}
 #content .station-link,#content .story-header{position:relative;isolation:isolate;overflow:hidden;background:#26312a;color:#fffaf1;box-shadow:none;clip-path:none}
 #content .station-link{padding:clamp(1.5rem,4vw,3rem);min-height:460px;border:0}
 #content .station-link::after,#content .story-header::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(13,22,17,.83),rgba(13,22,17,.65));pointer-events:none}
 #content .station-link>.station-photo,#content .story-header>.station-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;pointer-events:none}
 #content .station-link .photo-window,#content .story-header .photo-window{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:#26312a}
 #content .station-link .station-photo img,#content .story-header .station-photo img{height:100%;width:100%;object-fit:cover}
 #content .station-link .station-photo figcaption,#content .story-header .station-photo figcaption{display:none}
 #content .station-link .station-number{margin:0 0 1.5rem;color:#eee7db}
 #content .station-link .station-copy{margin:0;max-width:760px}
 #content .station-link .open-label{margin:2rem 0 0;color:#fffaf1}
 #content .station-link :is(h3,.eyebrow,.station-original,.station-summary,.people){color:#fffaf1}
 #content .story-header{padding:clamp(1.5rem,4vw,3rem);margin-bottom:2.5rem}
 #content .story-header .story-heading{padding:0;max-width:850px}
 #content .story-header :is(h1,h2,.eyebrow,.episode-title,.people-main,.episode,.hero-primer,.identity-note){color:#fffaf1}
 #content .story-header .hero-primer{margin:2rem 0 0;padding-top:2rem;max-width:780px;border-color:#ffffff55}
 #content .station-link:focus-visible{outline:3px solid #8e5a31;outline-offset:5px}
 #content .station-link:hover::after{background:linear-gradient(100deg,rgba(13,22,17,.78),rgba(13,22,17,.60))}
}

/* User-supplied wood photograph; the story begins outside the photographic title. */
@media screen {
 :root,body,[data-theme="berry"],[data-theme="earth"],[data-theme="forest"]{--green:#4c392c;--surface:rgba(246,234,216,.72);--tint:rgba(236,218,190,.72);--line:#b7a38b;--muted:#4f443a;--ink:#241f1a}
 body{color:var(--ink);background:linear-gradient(rgba(248,238,221,.52),rgba(248,238,221,.52)),url('/images/wood-reference.jpeg') center top/850px auto repeat}
 #content>.hero-primer{max-width:850px;margin:0 0 2.5rem;padding:1.5rem 0 0;border-top:1px solid var(--line);color:var(--ink)}
 #content>.hero-primer .identity-note{color:var(--muted)}
 #content .home-guide{max-width:none;text-align:left}
 #content .home-guide>a{margin-inline:auto}
 #content #installation-heading,#content #stations-heading{text-align:left;width:100%}
 #content .page-nav a[aria-current="page"]{background:#705844;color:#fffaf1}
 #content .reading-option{background:rgba(248,238,221,.7);border-color:var(--line)}
 #content .reading-option.is-active{background:#e5d3b8}
}

/* Full-strength wood, white type, and source-bounded image crops. */
@media screen {
 :root,body,[data-theme="berry"],[data-theme="earth"],[data-theme="forest"]{--ink:#fff;--muted:#fff6e9;--green:#fff;--line:#eadac2;--surface:transparent;--tint:transparent}
 body{background:#795739 url('/images/wood-reference.jpeg') center top/850px auto repeat;color:#fff}
 #content,.site-header,.site-footer{color:#fff;text-shadow:0 1px 3px #24170f,0 0 8px #24170f80}
 #content :is(.image-credits,.station-original,.people,.episode,.identity-note,.resource-address,.source-box p,.checked,.language-note){color:#fff6e9}
 #content .reading-option,#content .reading-option.is-active{background:#4b352a;border-color:#d2bfa8}
 #content .reading-option button,#content .language-switch button{background:#4b352a;color:#fff;border-color:#d2bfa8;text-shadow:none}
 #content .reading-option.is-active button{background:#281c16;color:#fff}
 #content .station-photo :is(.banner-crop,.berry-crop){display:block;width:100%;height:100%;overflow:hidden;filter:saturate(.85) brightness(1)}
 #content .station-link::after,#content .story-header::after{background:linear-gradient(100deg,rgba(13,22,17,.49),rgba(13,22,17,.25))}
 #content .station-link:hover::after{background:linear-gradient(100deg,rgba(13,22,17,.44),rgba(13,22,17,.20))}
 #content .station-link>.station-photo,#content .story-header>.station-photo{z-index:0}
 #content .station-link::after,#content .story-header::after{z-index:1}
 #content .station-link>:not(.station-photo),#content .story-header>:not(.station-photo){position:relative;z-index:2}
}

/* Opaque reading surfaces retain the wood in the surrounding space. */
@media screen {
 :root,body,[data-theme="berry"],[data-theme="earth"],[data-theme="forest"]{--ink:#25221e;--muted:#5b554c;--green:#4c392c;--line:#d8d1c6;--surface:#f7f4ef;--tint:#f1ebe1}
 body{color:var(--ink)}
 #content,.site-header,.site-footer{color:var(--ink);text-shadow:none}
 .site-header,.site-footer{background:#fff}
 #content :is(.home-guide,.home-opening,.home-reflections,.hero-primer,.story-grid,.page-nav,.quick-links,.image-credits,.stations-heading){background:#fff;color:var(--ink);text-shadow:none;padding:clamp(1.25rem,3vw,2rem)}
 #content :is(.home-opening,.home-reflections,.hero-primer){max-width:none}
 #content .home-opening>p,#content .home-reflections .detail-content>p,#content>.hero-primer>p{max-width:780px}
 #content .home-reflections{margin-bottom:2.5rem}
 #content>.hero-primer{padding:clamp(1.25rem,3vw,2rem);border:0}
 #content .story-grid{gap:clamp(1.5rem,4vw,3rem)}
 #content :is(.image-credits,.identity-note,.resource-address,.source-box p,.checked,.language-note){color:var(--muted)}
 #content .reading-option{background:#f7f4ef;color:var(--ink);border-color:var(--line)}
 #content .reading-option.is-active{background:#eee5d9;color:var(--ink)}
 #content .reading-option button,#content .language-switch button{background:#f7f4ef;color:var(--ink);border-color:var(--line);text-shadow:none}
 #content .reading-option.is-active button{background:#4c392c;color:#fff}
 #content .station-link .station-summary{background:#fff;color:#25221e;padding:1.1rem 1.25rem;text-shadow:none;line-height:1.7}
 #content .station-link :is(.station-original,.people),#content .story-header :is(.episode,.people-main){color:#fffaf1}
 #content .station-link,#content .story-header{color:#fffaf1;text-shadow:0 1px 3px #172018}
 #content .station-link::after,#content .story-header::after{background:linear-gradient(100deg,rgba(13,22,17,.65),rgba(13,22,17,.35))}
 #content .station-link:hover::after{background:linear-gradient(100deg,rgba(13,22,17,.60),rgba(13,22,17,.30))}
 #content .home-intro{text-shadow:0 1px 3px #172018}
 #content .stations-heading{margin:0}
 #content .quick-links{gap:1rem 1.5rem}
}

/* Restore the forest title and quiet neutral page background. */
@media screen {
 :root{background:#f3eee6}
 body{background:#f3eee6;color:var(--ink)}
 #content .home-intro{background:#303c2b;color:#fffaf1}
 #content .home-intro::before{display:block;background:linear-gradient(90deg,rgba(24,35,23,.78),rgba(24,35,23,.55)),url('/images/forest.jpg') center 45%/cover no-repeat}
 #content .home-intro::after{display:none}
}

/* Center station titles while retaining left-aligned reading text. */
#content .story-header .story-heading{margin-inline:auto;width:100%;text-align:left}
#content .story-header :is(h1,.episode-title){margin-inline:auto}
#content .station-link :is(.eyebrow,h3,.station-original){text-align:left}

/* Material accent and distinct station colors on quiet reading surfaces. */
@media screen {
 body[data-theme="berry"],#content [data-theme="berry"]{--green:#123e59;--surface:#edf3f7;--tint:#e3edf3;--line:#c8d7e1}
 body[data-theme="earth"],#content [data-theme="earth"]{--green:#8c3e2d;--surface:#f8efeb;--tint:#f2e3dc;--line:#e1c9bf}
 body[data-theme="forest"],#content [data-theme="forest"]{--green:#164c39;--surface:#edf4ef;--tint:#e1eee6;--line:#c6dacd}
 #content .home-intro h1{text-decoration:underline;text-decoration-thickness:.035em;text-underline-offset:.2em;text-decoration-skip-ink:auto}
 #content .wood-divider{height:24px;background:#bca17c url('/images/wood-reference.jpeg') center 48%/850px auto repeat-x;filter:saturate(.55) brightness(1.2);margin:0 0 2rem;pointer-events:none}
 #content .home-intro:has(+.wood-divider),#content .story-header:has(+.wood-divider){margin-bottom:0}
 #content .home-intro+.wood-divider{margin-inline:calc(50% - 50vw)}
 #content .wood-divider+.hero-primer{margin-top:0;border-top:4px solid var(--green)}
 #content .hero-primer h2{display:table;background:var(--green);color:#fff;padding:.65rem 1rem;line-height:1.4}
 #content .reader-head h2,#content .version-download{color:var(--green)}
 #content .reading-option{background:#fff;border-color:var(--line)}
 #content .reading-option.is-active{background:var(--tint);border-color:var(--green)}
 #content .reading-option button{background:var(--surface);color:var(--green);border-color:var(--line)}
 #content .reading-option.is-active button,#content .page-nav a[aria-current="page"]{background:var(--green);color:#fff}
 #content .reading-area .reader-head{border-bottom:2px solid var(--green)}
 #content .station-link{border-bottom:6px solid var(--green)}
}
@media print{.wood-divider{display:none}}

/* Station colors frame the reading panels; wood marks section transitions. */
@media screen {
 body[data-theme="berry"]{background:#123e59}
 body[data-theme="earth"]{background:#8c3e2d}
 body[data-theme="forest"]{background:#164c39}
 #content .wood-top{margin:0 calc(50% - 50vw);height:32px}
 #content:has(>.wood-top){padding-top:0}
 #content .wood-between{height:22px;margin:0}
 #content .hero-primer h2{display:block;background:none;color:var(--green);padding:0}
}

/* Opaque, softly tinted reading panels echo each station's deep backdrop. */
@media screen {
 body[data-theme="berry"],#content [data-theme="berry"]{--reading:#e1e9ee;--surface:#d5e1e8;--tint:#cadbe5}
 body[data-theme="earth"],#content [data-theme="earth"]{--reading:#f0e3dc;--surface:#e9d7ce;--tint:#e1c9bd}
 body[data-theme="forest"],#content [data-theme="forest"]{--reading:#e0e9e2;--surface:#d3e0d6;--tint:#c7d9cc}
 body[data-theme] :is(.site-header,.site-footer){background:var(--reading)}
 body[data-theme] #content :is(.hero-primer,.story-grid,.page-nav,.quick-links,.image-credits){background:var(--reading)}
 #content .station-link .station-summary{background:var(--reading,#fff)}
 body[data-theme] #content .reading-option{background:var(--reading)}
 body[data-theme] #content .reading-option.is-active{background:var(--tint)}
 body[data-theme] #content .language-switch button{background:var(--surface)}
 body[data-theme] #content .language-switch button[aria-pressed="true"]{background:var(--green);color:#fff}
}

/* Keep photographic materials independent of station reading-surface colors. */
@media screen {
 #content .home-intro{background-color:#303c2b}
 #content .home-intro{background-image:linear-gradient(90deg,rgba(24,35,23,.72),rgba(24,35,23,.49)),url('/images/forest.jpg');background-position:center,center 45%;background-size:cover;background-repeat:no-repeat}
 #content .home-intro::before,#content .home-intro::after{display:none}
 #content .wood-divider{display:block;flex-shrink:0;min-height:22px;background-color:#bca17c;background-image:url('/images/wood-reference.jpeg');background-position:center 48%;background-size:850px auto;background-repeat:repeat-x}
}

/* Moss greens and a material heading for the listening-station overview. */
@media screen {
 body[data-theme="forest"],#content [data-theme="forest"]{--green:#293c22;--reading:#e4e8d9;--surface:#d8dfc9;--tint:#cdd7ba;--line:#bdcaaa}
 body[data-theme="forest"]{background:#293c22}
 #content #stations-heading{background:rgba(35,27,17,.56);color:#fff;text-shadow:0 1px 2px #211a13;padding:clamp(1.75rem,4vw,2.5rem) 1.25rem}
}

/* Official video players remain user-controlled and fit narrow screens. */
#content .station-media{background:var(--reading,#f7f4ef);color:var(--ink);padding:clamp(1.25rem,3vw,2rem);margin-bottom:2.5rem;text-shadow:none}
#content .station-media h2{color:var(--green)}
#content .station-media h3{font-size:1.15rem;line-height:1.45;margin:0 0 1rem}
#content .station-media>p{max-width:780px}
.video-frame{aspect-ratio:16/9;width:100%;max-width:850px;background:#151915;margin:1.5rem 0}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
#content .station-media .media-credit,#content .station-media .media-note{font-size:.875rem;color:var(--muted);line-height:1.6}
#content .station-media>a{color:var(--green);overflow-wrap:anywhere}
@media print{.video-frame{display:none}}

/* Direct access to listening and reading, with breathing room around films. */
#content .hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}
#content .hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.25rem;border:1px solid #fffaf1;color:#25221e;background:#fffaf1;text-decoration:none;text-shadow:none;font-weight:600;line-height:1.4}
#content .hero-actions a+a{background:#172018aa;color:#fffaf1}
#content .hero-actions a:focus-visible{outline:3px solid #fff;outline-offset:4px}
#content .hero-audio-note{font-size:.875rem;color:#fffaf1;line-height:1.5;max-width:38rem;margin:1rem auto 0}
#content .station-media{margin-block:clamp(3rem,6vw,4.5rem);padding-block:clamp(2rem,5vw,3rem);border-top:1px solid var(--line)}
#content .station-media h2{margin:0 0 2rem;line-height:1.3}
#content .station-media h3{margin:0 0 1.5rem;line-height:1.5}
#content .station-media .video-frame{margin-block:2rem 1.5rem}
#content .station-media .media-credit{margin-bottom:1rem}

.instagram-followup { margin-top: 3rem; }

.reading-photo { margin: clamp(2.5rem, 6vw, 4rem) 0; }
.reading-photo img { display:block; width:100%; height:auto; max-height:580px; object-fit:contain; }
.reading-photo figcaption { margin-top:1rem; font-size:.875rem; line-height:1.6; color:var(--muted); }
.reading-photo figcaption details { margin-top:.6rem; }
.reading-photo figcaption summary { cursor:pointer; }

.reading-photo img { max-width:100%; width:auto; margin-inline:auto; }

.website-credit { margin: 2.5rem 0 0; padding-top: 1.5rem; border-top: 1px solid var(--line); font-size: .875rem; line-height: 1.6; color: var(--muted); }

/* Material backdrop for switching between the three listening stations. */
@media screen {
 body[data-theme] #content .page-nav {
  background-color:#8a6848;
  background-image:linear-gradient(rgba(41,29,20,.34),rgba(41,29,20,.34)),url('/images/wood-reference.jpeg');
  background-position:center,center 48%;
  background-size:auto,850px auto;
  background-repeat:repeat,repeat;
  color:#fffaf1;
  text-shadow:0 1px 3px rgba(34,22,14,.8);
 }
 #content .page-nav .all-stations{color:#fffaf1}
 #content .page-nav .station-tabs a{
  background:rgba(255,250,241,.9);
  color:#241f1a;
  border-color:rgba(255,250,241,.72);
  text-shadow:none;
 }
 #content .page-nav .station-tabs a[aria-current="page"]{
  background:var(--green);
  color:#fff;
  border-color:#fffaf1;
 }
}

.introduction-audio{text-align:left;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--line)}
.introduction-audio button{padding:.85rem 1.25rem;font-size:1rem;line-height:1.5;border:1px solid #7d7467;background:#e3d5c7;color:#4f493f;border-radius:3px}
.introduction-audio button:disabled{cursor:default;opacity:1}
#content .introduction-audio p{margin-top:1rem;font-size:.9375rem;color:var(--muted)}
.introduction-audio audio{display:block;width:100%;max-width:36rem;margin:1rem auto 0}
@media print{.introduction-audio{display:none}}

/* Warm wood-derived neutral palette on the installation overview. */
@media screen {
 body:not([data-theme]){background:#bca17c url('/images/wood-reference.jpeg') center top/850px auto repeat}
 body:not([data-theme]) :is(.site-header,.site-footer),
 body:not([data-theme]) #content :is(.home-guide,.home-opening,.home-reflections,.image-credits){background:#f5eee7}
 #content .home-opening .seat-question{margin-inline:auto!important;text-align:left}
 #content .home-opening .seat-question>span{display:block}
 body[data-theme] #content .listening-transition{min-height:18px;background:var(--green);background-image:none}
}

/* Forest surfaces echo the installation title image. */
#content .introduction-audio button{
 background:#dfcbb6;
 color:#493b30;border-color:#b99d80;font-weight:700;text-shadow:none;
}
#content .legacy-quote{
 margin:clamp(2.5rem,6vw,5rem) 0;padding:clamp(2rem,6vw,5rem) clamp(1.25rem,5vw,4rem);
 background:linear-gradient(rgba(18,35,22,.60),rgba(18,35,22,.60)),url('/images/forest.jpg') center/cover;
 color:#fff;text-align:left;
}
#content .legacy-quote blockquote{margin:0 auto;border:0;padding:0;max-width:48rem;background:none;color:inherit}
#content .legacy-quote blockquote p{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;line-height:1.5;margin:0;color:inherit}
#content .legacy-quote .legacy-translation{max-width:44rem;margin:2rem auto 0;font-size:1.0625rem;line-height:1.75;color:#fff}
#content .legacy-quote figcaption{max-width:44rem;margin:2rem auto 0;font-size:.875rem;line-height:1.7;color:#fff}
@media print{#content .legacy-quote{background:#fff;color:#111}#content .legacy-quote :is(.legacy-translation,figcaption){color:#111}}

#content .quote-audio{margin:2.5rem auto 0;max-width:36rem}
#content .quote-audio p{color:#fff;font-weight:700;margin:0 0 1rem}
#content .quote-audio audio{display:block;width:100%}
@media print{.quote-audio{display:none}}

#content .departure-block{
 margin:clamp(2.5rem,6vw,5rem) 0;
 padding:clamp(1.25rem,3vw,2rem);
 background:#f5eee7;
 color:var(--ink);
 text-align:left;
 text-shadow:none;
}
#content .departure-block p{
 max-width:780px;
 margin:0;
 color:inherit;
 font-size:1rem;
 line-height:1.75;
}
@media print{
 #content .departure-block{background:#fff;color:#111;text-shadow:none;border:1px solid #777}
}

@media screen{
 #content .home-intro .station-jump{background:#ffffff0d;border:1px solid #e2e5d780;color:#fff}
 #content .station-list{border-top:0}
 #content .station-link{border:0}
 #content #stations-heading{border:0}
}

@media screen{
 body:not([data-theme]) #content{padding-top:0}
 #content .home-intro{padding-block:calc(clamp(2rem,5vw,3.5rem) + 1.5rem)}
 #content .image-credits{text-align:left}
 #content .image-credits summary{list-style-position:inside}
}

@media screen{
 body:not([data-theme]) .site-header{
  background:#bca17c url('/images/wood-reference.jpeg') center top/850px auto repeat;
  border-bottom:0;color:#29231d;
 }
 body:not([data-theme]) .site-header .header-note{color:#29231d}
}

/* Shared header and balanced spacing around introductory headings. */
@media screen{
 body .site-header,body[data-theme] .site-header{
  background:#bca17c url('/images/wood-reference.jpeg') center top/850px auto repeat;
  border-bottom:0;color:#fff;text-shadow:0 1px 3px #302315;
 }
 body .site-header .brand,body .site-header .header-note,
 body:not([data-theme]) .site-header .brand,
 body:not([data-theme]) .site-header .header-note{color:#fff}
 #content .home-guide{padding-block:var(--space-text)}
 #content .home-guide>h2{margin:0}
 #content .home-guide>h2+p{margin-block-start:var(--space-text)}
 #content :is(.home-guide,.home-opening,.hero-primer,.conversation-background,.listening,.resource)>:last-child{margin-block-end:0}
 #content .home-reflections .detail-content>:last-child{margin-block-end:0}
}

/* One continuous wood surface, without tiled seams on long pages. */
@media screen{
 body:not([data-theme]){background:#bca17c;isolation:isolate}
 body:not([data-theme])::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:#bca17c url('/images/wood-reference.jpeg') center/cover no-repeat;
 }
 body:not([data-theme]) .site-header{background:transparent}
}

@media screen{
 body .site-header,body[data-theme] .site-header,body:not([data-theme]) .site-header{
  background:#303c2b;color:#fff;text-shadow:none;
 }
 #content .website-credit{
  background:#303c2b;color:#fff;border:0;
  padding:1.5rem clamp(1.25rem,3vw,2rem);text-align:left;
  font-size:1rem;line-height:1.7;text-shadow:none;
 }
}

@media screen{
 body[data-theme] .site-header{
  background:#bca17c url('/images/wood-reference.jpeg') center top/850px auto no-repeat;
  color:#fff;text-shadow:0 1px 3px #302315;
 }
 #content .photo-not-invisible .banner-crop{filter:saturate(1) brightness(1)}
 #content .photo-not-invisible .photo-window img{filter:none}
 #content .station-link[data-theme="earth"]::after,
 body[data-theme="earth"] #content .story-header::after{
  background:linear-gradient(180deg,rgba(18,19,20,.55) 0%,rgba(18,19,20,.30) 48%,rgba(18,19,20,.23) 75%,rgba(18,19,20,.46) 100%);
 }
 #content .station-link[data-theme="earth"]:hover::after{
  background:linear-gradient(180deg,rgba(18,19,20,.52),rgba(18,19,20,.23) 65%,rgba(18,19,20,.43));
 }
}

@media screen{
 body[data-theme] .site-header{background:var(--reading);color:var(--green);text-shadow:none}
 body[data-theme] .site-header .brand,body[data-theme] .site-header .header-note{color:var(--green)}
}

/* Let the wood surface remain visible behind inactive station tabs. */
@media screen{
 #content .page-nav .station-tabs a{
  background:rgba(29,22,17,.48);
  color:#fff;
  border-color:rgba(255,255,255,.7);
  text-shadow:0 1px 2px rgba(20,14,9,.9);
 }
 #content .page-nav .station-tabs a:hover{
  background:rgba(29,22,17,.62);
  border-color:#fff;
 }
 #content .page-nav .station-tabs a[aria-current="page"]{
  background:var(--green);
  color:#fff;
  border-color:#fff;
  text-shadow:none;
 }
}

/* Reveal the same continuous wood surface between the introductory sections. */
@media screen {
 #content .home-opening:has(+ .intro-wood-divider) {margin-bottom:0}
 #content .intro-wood-divider {
  height:24px;
  min-height:24px;
  margin:0;
  background:transparent;
  filter:none;
 }
}

/* Preserve reading space while using the original text alignment. */
@media screen {
 body{overflow-x:clip}
 body .site-header{width:100%;max-width:none;padding-inline:max(24px,calc((100% - 1088px)/2))}
 .site-footer{flex-wrap:wrap;}
 #content{--reading-inset:clamp(22px,4vw,48px);}

 #content p{max-width:78ch;word-spacing:normal;hyphens:auto;overflow-wrap:break-word;text-wrap:pretty}
 #content :is(h1,h2,h3,summary,figcaption,.episode-title,.station-original,.people-main){text-wrap:balance}

 #content :is(.home-guide,.home-opening,.home-reflections,.home-editing,.home-provenance,.hero-primer,.departure-block){max-width:none;padding-inline:var(--reading-inset)}
 #content :is(.home-guide,.home-opening,.home-reflections,.hero-primer){padding-block:clamp(2rem,4vw,3rem)}



 #content .station-link .station-copy{width:100%;max-width:52rem;}




 #content .hero-primer>figure.reading-photo{margin:clamp(4rem,8vw,6rem) auto;max-width:52rem}
 #content .reading-photo figcaption{margin-top:2.5rem}
 #content .story-grid{grid-template-columns:minmax(0,1fr) 250px;gap:2.5rem;background:var(--reading);padding:var(--reading-inset)}
 #content .story-grid>.reader{display:contents}
 #content .reader>*{grid-column:1/-1;min-width:0;margin-block:0}
 #content .reader>.installation-context{grid-row:1}
 #content .reader>.listening-transition{grid-row:2}
 #content .reader>.listening{grid-row:3;grid-column:1;margin-block:0}
 #content .story-grid>.side-note{grid-row:3;grid-column:2;min-width:0}
 #content .reading-area{width:100%;max-width:none}
 #content .reading-area .reader-head{position:relative;border-bottom:0;padding-bottom:2.5rem;margin-bottom:2.5rem}
 #content .reading-area .reader-head::after{content:"";display:block;position:absolute;bottom:0;left:50%;width:100vw;transform:translateX(-50%);border-bottom:2px solid var(--green)}
 #content .transcript-content{max-width:52rem;}

 #content .station-media{padding-inline:clamp(1rem,3vw,2rem)}

 #content .source-box .image-credits{padding-inline:0}
 #content summary{list-style-position:inside}

 #content .image-credits{padding-inline:var(--reading-inset)}
}
@media screen and (max-width:800px){
 #content .story-grid{grid-template-columns:minmax(0,1fr);gap:2rem;padding-inline:clamp(20px,4vw,30px)}
 #content .story-grid>.side-note{grid-column:1;grid-row:4}
 #content .reader>*{grid-column:1}

}
@media screen and (max-width:420px){
 .site-header .header-note{max-width:none;}
 #content :is(.listening,.installation-context,.speech.narrator,.resource-cards .resource){padding-inline:1rem}

 .site-footer a{margin-top:0}
}

@media screen {
 #content p{text-align:left;text-align-last:auto;word-spacing:normal}
 #content .home-intro,
 #content .home-intro p,
 #content .story-header .story-heading,
 #content .story-heading p,
 #content .station-link :is(.eyebrow,h3,.station-original){text-align:left}
 #content :is(.home-guide,.home-opening),
 #content :is(.home-guide,.home-opening) p{text-align:left}
}

/* Center only the home title and the short installation guide. */
@media screen {
 #content .home-intro h1,
 #content .home-guide,
 #content #installation-heading,
 #content .home-guide p{text-align:center;text-align-last:auto}
 #content .home-opening,
 #content .home-opening p,
 #content .home-opening .introduction-audio{text-align:left;text-align-last:auto}
 #content .home-opening .seat-question{margin-inline:0!important;text-align:left}
 #content :is(.station-copy,.story-heading,.hero-primer,.listening,.side-note,.transcript-content,.home-reflections,.source-box,.support-area) p{margin-left:0;margin-right:0}
}

/* Center the requested image panels and highlighted question only. */
@media screen {
 #content .home-opening .seat-question{margin-inline:auto!important;text-align:center}
 #content :is(.home-intro,.legacy-quote,.station-link,.story-header),
 #content :is(.home-intro,.legacy-quote,.station-link,.story-header) :is(p,h1,h2,h3,figcaption,summary,.eyebrow,.station-copy,.story-heading,.station-number,.open-label){text-align:center;text-align-last:auto}
 #content :is(.home-intro,.legacy-quote,.station-link,.story-header) p{margin-inline:auto}
 #content .station-link :is(.station-number,.open-label){align-self:center;margin-inline:auto}
 #content .station-link .station-copy{margin-inline:auto}
 #content .story-header .hero-actions{justify-content:center}
}

/* Center section labels and navigation without centering their body text. */
@media screen {
 #content .home-opening .introduction-audio,
 #content .home-opening .introduction-audio p,
 #content .home-conversation>summary,
 #content #stations-heading,
 #content .image-credits>summary,
 #content .website-credit,
 #content #intro-heading,
 #content #reading-heading,
 #content #media-heading,
 #content .source-box>h2,
 #content #support-heading,
 #content .quick-links,
 #content .quick-links a,
 #content .other-interviews,
 #content .other-interviews a{text-align:center;text-align-last:auto}
 #content #intro-heading,
 #content .website-credit{margin-inline:auto}
 #content .quick-links,
 #content .other-interviews>div{justify-content:center}
 .site-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem}
 .site-footer a{margin-top:0}
}

/* Center the text containers as well as their text on wide screens. */
@media screen {
 #content .home-guide>p,
 #content .home-opening .introduction-audio>p,
 #content .home-intro>*,
 #content .legacy-quote :is(blockquote,.legacy-translation,figcaption,.quote-audio),
 #content .station-link .station-copy,
 #content .station-link .station-copy>*,
 #content .story-header .story-heading,
 #content .story-header .story-heading>*,
 #content .website-credit{margin-inline:auto}
 #content :is(#installation-heading,#stations-heading,#reading-heading,#media-heading,#support-heading),
 #content .source-box>h2,
 #content .home-conversation>summary,
 #content .image-credits>summary{width:100%;max-width:none;text-align:center}
 #content #intro-heading{margin-inline:auto;text-align:center}
 #content .quick-links{width:100%;justify-content:center}
 #content .other-interviews>div{width:100%;justify-content:center}
}

/* Keep the introduction's left-aligned reading column centered in its panel. */
@media screen {
 #content .home-opening>p{margin-inline:auto}
}

/* One centered reading measure across home and station prose panels. */
@media screen {
 #content{--prose-width:780px}
 #content .home-reflections .detail-content,
 #content .home-editing .detail-content,
 #content .transcript-content{
  width:100%;max-width:var(--prose-width);margin-inline:auto;
 }
 #content .home-reflections .detail-content>p,
 #content .transcript-content .speech p{
  max-width:none;
 }
 #content>.hero-primer>p,
 #content .home-opening>p:not(.seat-question),
 #content .source-box>p,
 #content .source-box>a,
 #content .station-media>h3,
 #content .station-media>p,
 #content .station-media>a,
 #content .station-media>.video-frame,
 #content .station-media>.instagram-followup,
 #content .conversation-background>p,
 #content .reader>.accordion>.detail-content,
 #content .installation-context>p,
 #content .installation-context .artwork-detail>div,
 #content .reading-area .reader-head>p,
 #content .reading-area .save-help,
 #content .support-area>p,
 #content .support-area>.resource-cards,
 #content .support-area>.accordion,
 #content .image-credits>div,
 #content .departure-block>p{
  width:100%;max-width:var(--prose-width);margin-inline:auto;
 }
 #content .station-media>a{display:block}
 #content .source-box>a{width:100%}
 #content .instagram-followup>p,
 #content .installation-context .artwork-detail p,
 #content .support-area .resource p{max-width:none}
}

/* Center the prose inside the established centered reading columns. */
@media screen {
 #content :is(.home-opening,.home-reflections,.home-editing,.hero-primer,.transcript-content,.source-box,.station-media,.conversation-background,.installation-context,.support-area,.image-credits,.departure-block),
 #content :is(.home-opening,.home-reflections,.home-editing,.hero-primer,.transcript-content,.source-box,.station-media,.conversation-background,.installation-context,.support-area,.image-credits,.departure-block) :is(p,h2,h3,summary,figcaption,a,.resource-address),
 #content .reader>.accordion,
 #content .reader>.accordion .detail-content p,
 #content .reading-area .reader-head>p,
 #content .reading-area .save-help,
 #content .reading-area .save-help p{text-align:center;text-align-last:auto;word-spacing:normal}
}

/* Final targeted adjustments: credit width, portrait spacing, transcript alignment. */
@media screen {
 #content>.website-credit{width:100%;max-width:none}
 body[data-theme="forest"] #content>.hero-primer{--portrait-gap:clamp(4rem,8vw,6rem)}
 body[data-theme="forest"] #content>.hero-primer>.identity-note{margin-bottom:0}
 body[data-theme="forest"] #content>.hero-primer>figure.reading-photo{margin-top:var(--portrait-gap)}
 body[data-theme="forest"] #content>.hero-primer>figure.reading-photo>figcaption{margin-top:var(--portrait-gap)}
 #content .transcript-content,
 #content .transcript-content :is(p,h2,h3,.language-cue){text-align:left;text-align-last:auto}
}

/* One outer block rhythm on every route and screen width. Gap belongs to the
   parent, so adjacent margins cannot collapse or add an extra space. Text and
   control spacing inside each panel deliberately retain their smaller rhythm. */
@media screen {
 :root{--block-gap:2rem}
 #content{display:flex;flex-direction:column;gap:var(--block-gap);padding-bottom:0}
 #content>:is(.home-intro,.home-guide,.home-opening,.legacy-quote,.home-reflections,
 .home-editing,.home-provenance,.departure-block,.station-list,.image-credits,
 .website-credit,.page-nav,.story-header,.hero-primer,.quick-links,.story-grid){margin-block:0}
 /* These empty dividers previously supplied a second, different-sized gap. */
 #content>.intro-wood-divider{display:none}
 #content .station-list{gap:var(--block-gap)}
 #content .station-list>:is(.stations-heading,.station-link){margin-block:0}
 #content .story-grid{row-gap:var(--block-gap)}
 #content .story-grid>.reader>*,
 #content .reader>.listening-transition+.listening,
 #content .story-grid>.side-note{margin-block:0}
 #content .reading-area .reader-head{padding-bottom:var(--block-gap);margin-bottom:var(--block-gap)}
 #content .transcript-content>*+*{margin-block-start:var(--block-gap)}
 #content .resource-cards{gap:var(--block-gap)}
 .site-footer{margin-block:var(--block-gap) 0}
}

/* Retain the refined caption and documentation spacing. Prose alignment
   follows the existing centered layout; transcripts remain left-aligned. */
@media screen {
 #content .source-box>.editing-documentation{width:100%;max-width:var(--prose-width);margin:var(--block-gap) auto 0}
 #content .reading-photo figcaption,
 body[data-theme="forest"] #content>.hero-primer>figure.reading-photo>figcaption{margin-top:1rem;text-align:center}
 #content .home-conversation:not([open]){margin-bottom:0}
}

/* Balance the introduction player between the panel edge and its divider. */
@media screen {
 #content .home-opening .introduction-audio{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 0 clamp(2rem,4vw,3rem);text-align:center}
 #content .home-opening .introduction-audio>p{width:100%;max-width:none;margin:0;text-align:center}
 #content .home-opening .introduction-audio>audio{width:100%;max-width:36rem;margin:0 auto}
}

/* Shared alignment for station instructions and controls on every viewport. */
@media screen {
 #content :is(.side-note,.listening,.page-nav,.reading-options),
 #content :is(.side-note,.listening,.page-nav,.reading-options) :is(h2,h3,p,a,button){text-align:center;text-align-last:auto}
 #content :is(.side-note,.listening) p{margin-inline:auto}
 #content .station-tabs a,#content .version-download{justify-content:center}
}