/* Whole-index composition. Existing copy, hrefs, filters and scroll remain native. */
body.paper-all{--ink:#302c28;--ink-soft:#554d43;--ink-mute:#685e50;--ink-faint:#756957;--teal:#305b65;--hot:#793f30;--gold:#715731;--surface:#f3eddf;--stone:#f3eddf;--stone-2:#faf5e9;--tr-ink:#302c28;--tr-ink-soft:#554d43;--rule:#b6ad9a;--rule-faint:#d4cbbb;background:#e5e8e4 var(--tr-setting,url('../worlds/listening.webp')) center top/cover fixed;color:var(--ink)}
html[data-theme="dark"] body.paper-all{--ink:#f6efdf;--ink-soft:#ded6c6;--ink-mute:#c4baa6;--ink-faint:#b8ac97;--teal:#b1d4d7;--hot:#e2ac94;--gold:#d8bf8f;--surface:#26333d;--stone:#26333d;--stone-2:#30404b;--tr-ink:#f6efdf;--tr-ink-soft:#ded6c6;--rule:#75818a;--rule-faint:#586772;background:#1e2d39 var(--tr-setting,url('../worlds/listening-night-v1.webp')) center top/cover fixed}
.paper-all .blad{max-width:1100px;background:transparent;padding-inline:24px}
body.paper-all{--text:var(--ink);--muted:var(--ink-soft);--dim:var(--ink-mute);--crimson:var(--teal);--gilt:var(--gold);--tr-paper-glass:var(--surface);--tr-paper-solid:var(--surface);--tr-rule:var(--rule);--surface-2:var(--stone-2);--vellum:var(--stone)}
.paper-all .bar{background:var(--surface);color:var(--ink)}
.paper-all .bar .mark{color:var(--ink)}
.paper-all :is(.mast,.starthere,.pick,.tools,.era,.foot){background:var(--surface);color:var(--ink);border:1px solid var(--rule-faint);border-radius:10px;padding:24px;margin-block:24px}
.paper-all .mast{padding:36px 24px!important;text-align:center}
.paper-all .mast::before,.paper-all .mast::after{display:none}
.paper-all :is(h1,h2,h3,.sub,.welcome,.counter){text-align:center}
.paper-all :is(.sub,.welcome,.counter){color:var(--ink-soft);margin-inline:auto}
.paper-all :is(.meta,.note,.era-note,.pick-note){color:var(--ink-soft)}
.paper-all .figures{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.paper-all .formats{gap:12px;background:transparent;border:0}
.paper-all .fmt{min-width:0;min-height:88px}
.paper-all :is(.chip,.pickbtn){min-height:44px}

.paper-all .tools input{color:var(--ink);background:var(--stone-2)}
.paper-all .tags{flex-wrap:wrap;min-width:0}
.paper-all .sechead{background:var(--surface);padding:12px;border-radius:8px;color:var(--ink)}
.paper-all .rail{background:var(--surface);border-radius:8px;padding:12px}
.paper-all .cols main{min-width:0}

@media(max-width:600px){.paper-all .blad{padding-inline:16px}.paper-all :is(.mast,.starthere,.pick,.tools,.era,.foot){padding:18px}.paper-all .mast{padding:28px 18px!important}.paper-all .formats{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-all .starthere{display:block}.paper-all .starthere .badge{display:block;text-align:center}}
/* sinds /all ook presentation.css laadt (dock, 2026-10-12) krijgt de titel een maximale breedte; die hoort gecentreerd */
.mast>h1.title{margin-inline:auto}