@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&display=swap');

:root { --ink:#17201b; --paper:#e9e6df; --acid:#d9f24f; --rust:#ad4b2b; --blue:#6e91a1; --line:rgba(23,32,27,.22); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; max-width:100%; overflow-x:hidden; }
body { margin:0; max-width:100%; overflow-x:hidden; color:var(--ink); background:var(--paper); font-family:Inter, sans-serif; }
button { color:inherit; font:inherit; }
.topbar { position:sticky; top:0; z-index:10; height:64px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 32px; border-bottom:1px solid var(--ink); background:rgba(233,230,223,.94); backdrop-filter:blur(12px); }
.brand { color:inherit; text-decoration:none; font-family:Instrument Serif,serif; font-size:28px; }
nav { display:flex; gap:8px; }
.nav-link { border:0; background:none; padding:8px 12px; cursor:pointer; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.nav-link.active { background:var(--ink); color:var(--paper); border-radius:99px; }
.nav-link span { opacity:.65; }
.date { justify-self:end; font:11px DM Mono,monospace; text-transform:uppercase; }
main { max-width:1280px; margin:auto; padding:0 32px 100px; }
.masthead { padding:72px 0 38px; border-bottom:1px solid var(--ink); }
.masthead.chapter-mode{display:block}
.chapter-index{display:block;margin:34px 0 86px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px 0 24px}
.chapter-index-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:18px}
.chapter-index-head p{margin:0;font:13px/1.4 Inter,sans-serif}
.chapter-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.chapter-links a{min-height:78px;display:flex;align-items:flex-end;gap:14px;padding:14px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);color:inherit;text-decoration:none;font:25px/1 Instrument Serif,serif;transition:background .16s ease,color .16s ease}
.chapter-links a:hover,.chapter-links a:focus-visible{background:var(--ink);color:var(--paper);outline:0}
.chapter-links span{align-self:flex-start;font:9px DM Mono,monospace;letter-spacing:.08em}
.mag-section{scroll-margin-top:88px}
.chapter-page-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:24px 0 56px;padding:10px 0;border-bottom:1px solid var(--ink)}
.chapter-page-nav a{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;border-radius:99px;color:inherit;text-align:center;text-decoration:none;font:9px/1.25 DM Mono,monospace;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
.chapter-page-nav a:hover,.chapter-page-nav a.active{background:var(--ink);color:var(--paper)}
.chapter-page-nav span{opacity:.6}
.chapter-pager{display:grid;grid-template-columns:1fr 1fr;margin:96px 0 42px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.chapter-pager a{display:flex;flex-direction:column;gap:10px;min-width:0;padding:28px 0;color:inherit;text-decoration:none}
.chapter-pager a:first-child{padding-right:28px;border-right:1px solid var(--line)}.chapter-pager a:last-child{padding-left:28px}
.chapter-pager .next{text-align:right;align-items:flex-end}.chapter-pager small{font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;opacity:.62}.chapter-pager strong{max-width:430px;font:clamp(25px,3vw,42px)/.96 Instrument Serif,serif;overflow-wrap:anywhere}.chapter-pager a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.edition-introduction{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:42px;margin:18px 0 90px;padding-top:28px;border-top:2px solid var(--ink)}
.edition-intro-copy h2{max-width:680px;margin:18px 0 24px;font:clamp(52px,6.5vw,92px)/.88 Instrument Serif,serif;letter-spacing:-.025em}
.edition-intro-copy>p{max-width:650px;font:20px/1.55 "Iowan Old Style","Palatino Linotype",Georgia,serif}
.edition-foreword{max-width:730px}.edition-foreword p{margin:0 0 1.15em;font:19px/1.65 "Iowan Old Style","Palatino Linotype",Georgia,serif}.edition-foreword p:first-child:first-letter{float:left;margin:5px 9px 0 0;font:70px/.7 Instrument Serif,serif;color:var(--rust)}
.intro-links{display:grid;gap:0;margin-top:32px;border-top:1px solid var(--ink)}
.intro-links a{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;font:12px DM Mono,monospace;text-transform:uppercase}
.intro-links span{opacity:.55}
.edition-intro-image{align-self:start;color:inherit;text-decoration:none}
.edition-intro-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.75)}
.edition-intro-image span{display:block;margin-top:8px;font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}
.edition-teasers{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.edition-teasers a{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:20px 16px;color:inherit;text-decoration:none;border-right:1px solid var(--line)}
.edition-teasers a:last-child{border-right:0}
.edition-teasers span{font:9px DM Mono,monospace;opacity:.55}.edition-teasers strong{font:24px/1 Instrument Serif,serif}.edition-teasers small{grid-column:2;font:12px/1.45 Inter,sans-serif}
.kicker,.eyebrow { font:500 11px DM Mono,monospace; letter-spacing:.12em; text-transform:uppercase; }
h1 { max-width:1000px; margin:18px 0 24px; font:400 clamp(64px,10vw,142px)/.78 Instrument Serif,serif; letter-spacing:-.035em; }
.dek { max-width:760px; font:400 clamp(18px,2.2vw,27px)/1.35 Instrument Serif,serif; }
.edition-meta { display:flex; gap:28px; margin-top:38px; font:10px DM Mono,monospace; }
.view { display:none; }.active-view { display:block; }
.lead-grid { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:36px; padding:38px 0 58px; }
.story { position:relative; }
.lead { display:grid; grid-template-columns:1.15fr 1fr; border:1px solid var(--ink); }
.art { min-height:420px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; }
.art span,.quote-panel>span { font:10px DM Mono,monospace; letter-spacing:.1em; }
.art b { font:400 76px/.78 Instrument Serif,serif; letter-spacing:-.04em; }
.art-house { color:#f1eee8; background:var(--rust); position:relative; }
.art-house:after { content:""; position:absolute; width:220px; height:220px; border:1px solid currentColor; border-radius:50%; right:-30px; top:80px; box-shadow:-70px 70px 0 -1px var(--rust),-70px 70px 0 0 currentColor; }
.story-body { padding:28px; display:flex; flex-direction:column; align-items:flex-start; }
.story-body h2,.wide h2,.archive h2 { margin:18px 0 14px; font:400 42px/.95 Instrument Serif,serif; }
.story-body p,.wide p,.archive p { font:15px/1.6 Inter,sans-serif; }
.read { border:0; border-bottom:1px solid; padding:4px 0; background:none; margin-top:auto; cursor:pointer; font-size:13px; }
.read span { margin-left:8px; }
.margin-note { border-top:6px solid var(--ink); padding-top:14px; }
.margin-note .number { font:80px/.8 Instrument Serif,serif; }
.margin-note p { margin-top:36px; font:22px/1.15 Instrument Serif,serif; }
.section-rule { height:70px; display:flex; align-items:center; font:10px DM Mono,monospace; letter-spacing:.12em; }
.section-rule:before,.section-rule:after { content:""; flex:1; height:1px; background:var(--ink); }.section-rule span { padding:0 18px; }
.two-up { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.card { border:1px solid var(--ink); }
.card .art,.quote-panel { min-height:330px; }
.art-graeber { background:var(--acid); }
.art-graeber b { font-size:66px; }
.quote-panel { padding:24px; background:var(--blue); color:white; display:flex; flex-direction:column; }
blockquote { margin:auto 0; font:italic 45px/1 Instrument Serif,serif; }
.card .story-body { min-height:340px; }
.wide { display:grid; grid-template-columns:1.3fr .7fr; border:1px solid var(--ink); }
.wide-copy { padding:40px; }
.wide h2 { font-size:58px; max-width:720px; }
.art-void { color:#e9e6df; background:#17201b; min-height:470px; }
.connections { display:flex; flex-wrap:wrap; gap:7px; margin:28px 0; }.connections span { border:1px solid var(--line); border-radius:99px; padding:6px 9px; font:10px DM Mono,monospace; }
.archive { border:1px solid var(--ink); display:grid; grid-template-columns:180px 1fr; }
.archive-mark { display:grid; place-items:center; color:var(--paper); background:var(--ink); font:100px Instrument Serif,serif; }
.archive-copy { padding:35px; }.archive-copy p { max-width:720px; }
.actions { display:flex; gap:5px; margin-top:24px; width:100%; }
.action { width:37px; height:34px; border:1px solid var(--line); background:transparent; cursor:pointer; border-radius:99px; }
.action.on { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.action-label { width:auto; padding:0 12px; font-size:11px; }
.read-action{min-width:78px}
.read-action.on{background:var(--acid);color:var(--ink);border-color:var(--ink)}
.note-action.on{background:var(--blue);color:white;border-color:var(--ink)}
.story.is-read{opacity:.62}
.story.is-read .reason:before{content:"✓ ";color:var(--ink)}
.story.is-read:hover,.story.is-read:focus-within{opacity:1}
.library-view { padding:62px 0; }.library-head { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid;padding-bottom:20px; }.library-head h2 { margin:10px 0 0;font:70px/.8 Instrument Serif,serif; }.library-head p { max-width:330px; }
.library-items { display:grid; grid-template-columns:1fr; gap:0; margin-top:28px; border-top:1px solid var(--ink); }.empty { padding:80px 20px; text-align:center; background:var(--paper); font:30px Instrument Serif,serif; }
.edition-thesis{margin:28px 0 30px;padding:25px 28px;border-left:5px solid var(--rust);background:#ddd6c9}.edition-thesis p{max-width:760px;margin:8px 0 13px!important;font:clamp(24px,3vw,38px)/1.08 Instrument Serif,serif!important}.edition-thesis a{color:inherit;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.edition-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}.edition-card{position:relative;display:block;min-height:420px;padding:28px;border:1px solid var(--ink);color:inherit;text-decoration:none;background:#e3ded4;overflow:hidden}.edition-card:nth-child(even){background:#d8ded9}.edition-card-number{position:absolute;right:20px;top:12px;font:100px/.8 Instrument Serif,serif;color:rgba(23,32,27,.1)}.edition-card h3{position:relative;max-width:520px;margin:45px 0 16px;font:48px/.93 Instrument Serif,serif}.edition-card p{max-width:430px;font:18px/1.45 "Iowan Old Style",Georgia,serif}.edition-card>span{display:block;margin-top:22px;font:10px DM Mono,monospace;text-transform:uppercase}.edition-card-images{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:28px}.edition-card-images img{width:100%;height:115px;object-fit:cover;filter:saturate(.65)}.archive-edition-intro{grid-template-columns:1fr}.archive-edition-intro .edition-intro-copy{max-width:900px}

.edition-overview{margin:22px 0 90px}
.edition-overview-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:10px 48px;padding:28px 0 38px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.edition-overview-head .kicker,.edition-overview-head h2{grid-column:1}
.edition-overview-head h2{max-width:820px;margin:8px 0 12px;font:clamp(48px,6vw,78px)/.9 Instrument Serif,serif;letter-spacing:-.02em}
.edition-overview-head p{grid-column:2;grid-row:1/3;align-self:end;max-width:480px;margin:0;font:21px/1.38 "Iowan Old Style","Palatino Linotype",Georgia,serif}
.edition-overview-head>a{grid-column:2;align-self:start;color:inherit;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
.contents-heading{display:flex;align-items:baseline;justify-content:space-between;padding:28px 0 15px;border-bottom:2px solid var(--ink)}
.contents-heading h3{margin:0;font:46px/.9 Instrument Serif,serif}.contents-heading span{font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
.contents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;align-items:start}
.contents-chapter{padding:20px 0 26px;border-bottom:1px solid var(--ink);break-inside:avoid}
.contents-chapter-title{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-bottom:10px;color:inherit;text-decoration:none}
.contents-chapter-title span{font:10px DM Mono,monospace;padding-top:4px}.contents-chapter-title strong{font:29px/1 Instrument Serif,serif}
.contents-chapter ol{list-style:none;margin:0;padding:0}
.contents-chapter li>a{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid rgba(23,32,27,.2);color:inherit;text-decoration:none}
.contents-chapter li>a>span:first-child{padding-top:3px;font:9px DM Mono,monospace;opacity:.55}
.contents-chapter li strong{display:block;font:18px/1.16 Instrument Serif,serif}.contents-chapter li small{display:block;margin-top:4px;font:8px/1.35 DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em;opacity:.62}
.contents-chapter a:hover strong{text-decoration:underline}
@media(max-width:900px){.edition-overview-head{grid-template-columns:1fr}.edition-overview-head .kicker,.edition-overview-head h2,.edition-overview-head p,.edition-overview-head>a{grid-column:1;grid-row:auto}.edition-overview-head p{max-width:720px}.contents-grid{gap:0 28px}}
@media(max-width:640px){.contents-grid{grid-template-columns:1fr}.contents-heading h3{font-size:40px}.edition-overview-head h2{font-size:48px}.edition-overview-head p{font-size:19px}.contents-heading span{max-width:130px;text-align:right}.contents-chapter-title strong{font-size:26px}}
dialog { width:min(720px,calc(100% - 24px)); max-height:90vh; border:0; padding:0; color:var(--ink); background:#f3f0e9; box-shadow:0 20px 90px #0008; } dialog::backdrop { background:#17201bd9; backdrop-filter:blur(5px); }.close { position:absolute; right:18px; top:14px; border:0; background:none; font:36px Instrument Serif; cursor:pointer; }.reader-inner { padding:58px; }.reader-inner h2 { font:50px/.95 Instrument Serif;margin:18px 0; }.reader-inner>p { font:18px/1.65 Instrument Serif; }.reader-actions { margin:26px 0; display:flex; gap:7px; }.summary-box { display:none; padding:18px; background:var(--acid); font:14px/1.5 Inter; }.summary-box.show { display:block; }.note-label { display:block; margin-top:24px; font:10px DM Mono; letter-spacing:.1em;text-transform:uppercase; } textarea { width:100%; min-height:90px; margin-top:8px; padding:12px; border:1px solid var(--ink); background:transparent; resize:vertical; font:15px Inter; }.solid { padding:11px 16px; background:var(--ink); color:var(--paper); border:0; margin-top:8px; cursor:pointer; }
#toast { position:fixed; left:50%; bottom:24px; transform:translate(-50%,20px); opacity:0; background:var(--ink); color:var(--paper); padding:10px 16px; border-radius:99px; font-size:12px; transition:.25s; z-index:30; }#toast.show { opacity:1;transform:translate(-50%,0); }
@media(max-width:800px){.topbar{padding:0 16px;grid-template-columns:1fr auto}.date{display:none}.brand{font-size:24px}.nav-link{padding:7px;font-size:10px}main{padding:0 16px 70px}.masthead{padding-top:45px}h1{font-size:69px}.lead-grid{grid-template-columns:1fr}.margin-note{display:none}.lead,.wide{grid-template-columns:1fr}.art{min-height:310px}.two-up{grid-template-columns:1fr}.story-body h2,.wide h2{font-size:39px}.wide-copy{padding:28px}.art-void{min-height:300px}.archive{grid-template-columns:80px 1fr}.archive-mark{font-size:55px}.library-head{display:block}.library-items{grid-template-columns:1fr}.reader-inner{padding:48px 24px 24px}.reader-inner h2{font-size:40px}}
@media(max-width:800px){.edition-archive-grid{grid-template-columns:1fr}.edition-card{min-height:0}.edition-card h3{font-size:40px}.edition-thesis{padding:22px 20px}.edition-card-images img{height:90px}}
@media(max-width:800px){.chapter-index{margin-bottom:62px}.chapter-index-head{display:block}.chapter-index-head p{margin-top:8px}.chapter-links{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-links a{min-height:68px;font-size:21px}.mag-section{scroll-margin-top:76px}}
@media(max-width:480px){.chapter-links{grid-template-columns:1fr}.chapter-links a{min-height:58px}}

.mag-section{margin:64px 0 82px}.section-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px;border-top:2px solid var(--ink);padding:18px 0 24px}.section-intro>div{display:flex;gap:18px}.section-intro span{font:11px DM Mono,monospace}.section-intro h2{font:38px/.95 Instrument Serif,serif;margin:0}.section-intro p{margin:0;max-width:520px;font-size:15px}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);border:1px solid var(--ink)}.source-card{background:var(--paper);display:grid;grid-template-columns:42% 58%;min-height:0}.source-card.featured{grid-column:1/-1;grid-template-columns:56% 44%;min-height:0}.source-image{min-height:260px;background-size:cover;background-position:center;position:relative;filter:saturate(.72)}.source-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38))}.source-image span{position:absolute;z-index:1;left:14px;bottom:12px;color:#fff;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.source-card .story-body{padding:24px}.source-card h2{font-size:34px;margin:16px 0 12px}.source-card p{font-size:14px;line-height:1.5}.source-buttons{display:flex;align-items:center;gap:15px;margin-top:auto}.external{font:10px DM Mono,monospace;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid}.reader-links{display:grid;gap:14px;margin:24px 0}.reader-links img{width:100%;max-height:330px;object-fit:cover}.original-link{display:block;background:var(--ink);color:var(--paper);padding:17px 20px;text-decoration:none;font:12px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.reader-links small{opacity:.65;line-height:1.5}
@media(max-width:900px){.section-intro{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr}.source-card,.source-card.featured{grid-column:auto;grid-template-columns:1fr;min-height:0}.source-image{min-height:230px}.source-card.featured .source-image{min-height:330px}}

.source-card.text-only{display:block;min-height:0}.source-card.text-only.featured{display:block;min-height:0}.source-card h2 a,.compact-source h3 a{color:inherit;text-decoration:none}.source-card.text-only .story-body{box-sizing:border-box;padding:32px}.source-card.text-only.featured .story-body{max-width:900px;padding:48px}.source-card.text-only.featured h2{font-size:58px}.source-card.has-image{grid-template-columns:1fr}.source-card.has-image .source-image{display:block}.dossier-lead{display:block;background:none;border:0}.dossier-lead .source-card{border:1px solid var(--ink)}.compact-list,.editorial-column{border-top:1px solid var(--ink)}.editorial-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;align-items:start}.compact-source{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--ink);align-items:start}.compact-source.compact-with-media{grid-template-columns:160px minmax(0,1fr)}.compact-number{font:10px DM Mono,monospace;padding-top:4px}.compact-source h3{font:29px/1 Instrument Serif,serif;margin:5px 0 9px}.compact-source h3 span{font-size:15px}.compact-source p{margin:0;max-width:none;font-size:13px;line-height:1.55}.compact-copy{min-width:0}.compact-source .actions{grid-column:2;white-space:normal}.obsidian-fragment{margin:72px 0;padding:52px clamp(28px,7vw,88px);background:var(--ink);color:var(--paper)}.obsidian-fragment blockquote{max-width:1000px;margin:24px 0 0;font:52px/1.04 Instrument Serif,serif}.mixed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:none;border:0;align-items:start}.mixed-grid .source-card{border:1px solid var(--ink)}.mixed-grid .source-card:nth-child(1){background:#d9d1c5}.mixed-grid .source-card:nth-child(2){background:#d7ddd7}.mixed-grid .source-card:nth-child(3){background:#d8d4df}.compact-section{margin-bottom:96px}
@media(max-width:800px){.source-card.text-only.featured h2{font-size:42px}.source-card.text-only.featured .story-body{padding:30px}.obsidian-fragment{margin:65px -16px;padding:45px 24px}.obsidian-fragment blockquote{font-size:38px}.two-column{grid-template-columns:1fr}.compact-source{grid-template-columns:32px 1fr}.compact-source .actions{grid-column:2}.compact-source h3{font-size:24px}}

.action[data-action="save"].on{background:#f2c94c;color:#111;border-color:#111}.reason{font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em;color:#9d2f23;margin-bottom:10px}.video-embed{position:relative;padding-top:56.25%;background:#111}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.spotify-embed iframe{display:block;width:100%;height:232px;border:0}.source-card.has-image .story-body{min-height:0}.compact-media{width:160px;min-width:0}.compact-media .source-image{display:block;min-height:118px}.compact-media .source-image span{font-size:8px}.compact-media .spotify-embed iframe{height:232px}.compact-media .video-embed{padding-top:56.25%}.podcast-source{display:block}.podcast-source .compact-media{width:100%;margin-bottom:20px}.podcast-source .actions{display:flex}
.our-take{margin:14px 0 4px;padding-left:12px;border-left:2px solid var(--rust);font:12px/1.5 Inter,sans-serif}.our-take b{display:block;margin-bottom:3px;font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--rust)}
.followup-label{display:inline-block;margin:0 0 12px;padding:6px 9px;border:1px solid var(--rust);border-radius:99px;color:var(--rust);text-decoration:none;font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
.article-excerpt{width:100%;max-width:760px;box-sizing:border-box;margin:28px 0;padding:26px 24px;border:1px solid color-mix(in srgb,var(--rust) 45%,transparent);background:#eee7dc}
.article-excerpt blockquote{max-width:680px;margin:0;font:30px/1.35 Instrument Serif,serif;letter-spacing:0;color:var(--rust)}
.article-excerpt figcaption{margin-top:16px;font:11px/1.5 DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}
.source-reading{max-width:none;margin:24px 0}
.source-reading p{margin:0 0 1.15em!important;font:19px/1.68 "Iowan Old Style","Palatino Linotype",Georgia,serif!important;letter-spacing:0!important}
.source-reading p:last-child{margin-bottom:0!important}
.compact-source.rich-source .compact-copy{min-width:0}
@media(max-width:800px){.editorial-columns{grid-template-columns:1fr;gap:0}.editorial-column:empty{display:none}.compact-source.compact-with-media{grid-template-columns:1fr}.compact-media{width:100%}.compact-source.compact-with-media .actions{grid-column:1}.spotify-embed iframe,.compact-media .spotify-embed iframe{height:232px}}

.tips-grid{grid-template-columns:repeat(3,1fr)}.tips-grid .source-card{min-height:0}.tips-grid .source-image{min-height:240px}.tips-grid .story-body{min-height:320px}.people-tips .reason{font-size:11px;color:#8d261c}
@media(max-width:900px){.tips-grid{grid-template-columns:1fr}.tips-grid .story-body{min-height:0}}

.source-image.portrait-image{background-size:contain;background-repeat:no-repeat;background-color:#d8d3ca;filter:none}
.people-tips .compact-source{padding-top:12px;padding-bottom:12px}
.people-tips .compact-media{width:120px}
.people-tips .compact-source.compact-with-media{grid-template-columns:120px minmax(0,1fr)}
.people-tips .compact-media .source-image{min-height:150px;background-size:contain;background-repeat:no-repeat;background-color:#d8d3ca}
.people-tips .compact-source p{display:none}
@media(max-width:800px){.people-tips .compact-source.compact-with-media{grid-template-columns:90px 1fr}.people-tips .compact-media{width:90px}.people-tips .compact-source.compact-with-media .actions{grid-column:2}.topbar{height:auto;min-height:64px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.nav-link{font-size:9px}}

.longread{margin:96px 0;padding:64px clamp(24px,8vw,110px);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#f1eee7}
.longread header{max-width:900px;margin:0 0 40px}
.longread h2{margin:14px 0 18px;font:clamp(52px,7vw,92px)/.9 Instrument Serif,serif;letter-spacing:-.025em}
.longread-intro{max-width:780px;font:27px/1.4 "Iowan Old Style","Palatino Linotype",Georgia,serif}
.longread-copy{max-width:900px;margin:0}
.longread-copy p{margin:0 0 1.35em;font:19px/1.68 "Iowan Old Style","Palatino Linotype",Georgia,serif;letter-spacing:0}
.longread-copy p:first-child:first-letter{float:left;margin:5px 10px 0 0;font:76px/.72 Instrument Serif,serif;color:var(--rust)}
.longread footer{max-width:900px;margin:45px 0 0;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:9px}
.longread footer a{color:inherit;text-decoration:none;font:15px/1.35 Inter,sans-serif}
.longread footer a:hover{text-decoration:underline}
.source-quote{margin:42px -70px;padding:30px 70px;border-top:1px solid var(--rust);border-bottom:1px solid var(--rust)}
.source-quote blockquote{margin:0;font:36px/1.1 Instrument Serif,serif;color:var(--rust)}
.source-quote figcaption{margin-top:12px;font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}
.outside-section{background:#ddd8cc;margin-left:-24px;margin-right:-24px;padding:52px 24px}
@media(max-width:800px){.longread{margin:64px -16px;padding:44px 24px}.longread-intro{font-size:23px;line-height:1.48}.longread-copy p{font-size:18px;line-height:1.68}.source-quote{margin:34px 0;padding:24px 0}.source-quote blockquote{font-size:30px;line-height:1.25}.source-reading p{font-size:18px!important;line-height:1.68!important}.article-excerpt{margin:26px 0;padding:24px 20px}.article-excerpt blockquote{font-size:29px;line-height:1.36}.article-excerpt figcaption{font-size:10px}}

.timeline-item{display:grid;grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding:38px 0;border-bottom:1px solid var(--ink);min-width:0}
.timeline-image{display:block;align-self:start;background:#d8d3ca;min-width:0}
.timeline-image img{display:block;width:100%;max-height:420px;object-fit:cover}
.timeline-image.portrait img{object-fit:contain}
.timeline-copy{min-width:0;max-width:760px}
.timeline-copy h3{margin:12px 0 16px;font:clamp(38px,5vw,66px)/.94 Instrument Serif,serif;overflow-wrap:anywhere}
.timeline-copy h3 a{color:inherit;text-decoration:none}
.timeline-copy>p{font:16px/1.6 Inter,sans-serif;max-width:680px}
.timeline-date{margin-bottom:20px;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--rust)}
.timeline-why{max-width:680px;margin:20px 0;padding:18px 20px;background:#dcd7cc;font:14px/1.55 Inter,sans-serif}
.timeline-why b{display:block;margin-bottom:5px;font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--rust)}

/* Source images are real image elements so failed loads can be detected and removed. */
.source-image{display:block;overflow:hidden;background:none}
.source-image img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.source-image.image-wide img{aspect-ratio:16/9}
.source-image.image-square img{aspect-ratio:1/1}
.source-image.image-natural img{height:auto;aspect-ratio:auto;min-height:220px;max-height:440px}
.source-image.image-portrait img{aspect-ratio:4/5}
.source-image.portrait-image img{object-fit:contain;background:#d8d3c8}
.source-card.featured .source-image img{aspect-ratio:auto;min-height:430px;max-height:620px}
.source-image.image-failed{min-height:220px;background:#d8d3c8}
.source-image.image-failed img{display:none}.source-image.image-failed:before{content:"Beeld tijdelijk niet geladen";position:absolute;inset:0;display:grid;place-items:center;padding:20px;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;opacity:.6}
.compact-media .source-image img{min-height:118px}

@media(max-width:800px){
  .outside-section{margin-left:-16px;margin-right:-16px;padding:44px 16px}
}

@media(max-width:900px){
  .mixed-grid{grid-template-columns:1fr}
}

img,iframe,video,svg{max-width:100%}
.topbar,.masthead,.mag-section,.compact-source,.source-card,.story-body,.reader-inner{min-width:0}
.section-intro>div,.section-intro h2{min-width:0}
.section-intro span{flex:0 0 auto}
.section-intro h2,.story-body h2,h1{overflow-wrap:anywhere}
@media(max-width:800px){
  .chapter-pager{margin-top:68px}.chapter-pager a{padding-top:22px;padding-bottom:22px}.chapter-pager a:first-child{padding-right:14px}.chapter-pager a:last-child{padding-left:14px}.chapter-pager strong{font-size:25px}
  .chapter-page-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:42px}
  .chapter-page-nav a{justify-content:flex-start;text-align:left;padding:10px 11px}
  .edition-introduction{grid-template-columns:1fr;gap:32px;margin-bottom:65px}
  .edition-intro-image{grid-row:2}.edition-intro-image img{aspect-ratio:16/10}
  .edition-teasers{grid-column:1;grid-template-columns:1fr 1fr}
  .edition-teasers a{border-right:0;border-bottom:1px solid var(--line)}
  .timeline-item{grid-template-columns:1fr;gap:22px;padding:30px 0}
  .timeline-image img{max-height:360px}
  .timeline-copy h3{font-size:40px}
  .edition-meta{flex-wrap:wrap;gap:10px 20px}
  .compact-source,.compact-source.compact-with-media{max-width:100%;overflow:hidden}
  .compact-source h3,.compact-source p,.our-take{overflow-wrap:anywhere}
  .actions{flex-wrap:wrap}
}

@media(max-width:520px){
  .chapter-page-nav{grid-template-columns:1fr}
  .edition-teasers{grid-template-columns:1fr}
  .topbar{grid-template-columns:auto minmax(0,1fr)}
  .topbar nav{min-width:0;overflow-x:auto;justify-content:flex-start}
  h1{font-size:60px;line-height:.82}
  .section-intro{display:block}
  .section-intro>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;margin-bottom:34px}
  .section-intro h2{font-size:34px}
  .section-intro p{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .source-card.text-only.featured .story-body{padding:25px 24px}
}

/* A real grid keeps long reading layers from being fragmented into newspaper
   columns. Rich sources use the full measure; short routes sit side by side. */
.editorial-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;align-items:start;border-top:1px solid var(--ink)}
.editorial-columns>.rich-source{grid-column:1/-1}
.editorial-columns>.rich-source .compact-copy{max-width:900px}
.editorial-columns>.rich-source.compact-with-media{grid-template-columns:minmax(180px,28%) minmax(0,1fr)}
.editorial-columns>.rich-source.compact-with-media .compact-media{width:100%}
@media(max-width:800px){
  .editorial-columns{grid-template-columns:1fr;column-gap:0}
  .editorial-columns>.rich-source{grid-column:auto}
  .editorial-columns>.rich-source.compact-with-media{grid-template-columns:1fr}
}

/* Make the origin, primary reading source and optional thematic routes distinct. */
.source-buttons{flex-wrap:wrap;gap:10px 15px}
.related-links{display:grid;gap:7px;margin-top:18px;padding-top:12px;border-top:1px solid rgba(23,32,27,.22)}
.related-links b{font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--rust)}
.related-links a{font:11px/1.4 Inter,sans-serif;color:var(--ink);text-decoration:none}
.related-links a:hover{text-decoration:underline}

/* Edition 06: local reading and media presentation. Older snapshots unchanged. */
.source-card.has-image .source-image{min-height:0;filter:none}.source-card .source-image img,.source-card.featured .source-image img{width:100%;height:auto;min-height:0;max-height:620px;aspect-ratio:auto;object-fit:contain}.source-image:after{display:none}.source-image span{display:block;position:static;color:inherit;padding:12px 14px;font-size:10px;line-height:1.5}.source-image.portrait-image img{max-height:640px;object-fit:contain}.video-block{margin:0;background:#e8e5dc;min-width:0}.video-block iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.video-block figcaption{padding:12px 18px;font-size:12px}.source-reading,.longread-copy,.longread-intro{font-family:'Iowan Old Style',Palatino,Georgia,serif;font-size:19px;line-height:1.65}.longread{scroll-margin-top:100px}.contents-essay{font-family:Georgia,serif;font-style:italic;padding:0 12px 8px}.source-buttons{overflow-wrap:anywhere}.source-image,.contents-essay a{color:inherit}.source-image{text-decoration:none}.chapter-page-nav a span{white-space:nowrap;flex-shrink:0}.story-body{min-width:0}.source-card{min-width:0}.contents-heading span{text-align:right}.source-grid .video-block{grid-column:1/-1}.longread footer a{display:block;margin:.5em 0}.timeline-image img{object-fit:contain}
@media(max-width:600px){.source-reading,.longread-copy,.longread-intro{font-size:18px}.contents-heading{align-items:flex-start;gap:16px}.contents-heading span{font-size:12px}.video-block iframe{min-height:0}.source-buttons a{max-width:100%;box-sizing:border-box}}

/* Edition 07: independent card heights and an explicit original-reading label. */
.source-availability{border-left:2px solid var(--rust);padding-left:12px;font-size:14px!important;line-height:1.5!important}
.source-grid{display:block;columns:2;column-gap:28px;background:transparent;border:0}
.source-grid .source-card{display:block;break-inside:avoid;page-break-inside:avoid;margin:0 0 28px;border:1px solid var(--line);height:auto}
.source-grid .source-image{display:block;min-height:0;background:transparent}
.source-grid .source-card .story-body{display:block;padding:28px}
.source-grid .source-buttons{margin-top:24px}
.reading-label{font:10px/1.4 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;color:var(--rust)}
@media(max-width:900px){.source-grid{columns:1}.source-grid .source-card .story-body{padding:24px}.source-grid .source-image{min-height:0}}

.contents-chapter li>a:has(.contents-card-image){grid-template-columns:46px 92px minmax(0,1fr);align-items:start}.contents-card-image{display:block;width:92px;height:68px;object-fit:cover;background:#d8d3c8}.contents-card-image[src*="arzach"],.contents-card-image[src*="masereel"],.contents-card-image[src*="commonplace"],.contents-card-image[src*="km-icons"],.contents-card-image[src*="de-morgenster"],.contents-card-image[src*="angle-of-repose"],.contents-card-image[src*="silent-sequence"]{object-fit:contain}@media(max-width:640px){.contents-chapter li>a:has(.contents-card-image){grid-template-columns:38px 72px minmax(0,1fr)}.contents-card-image{width:72px;height:58px}}