/* Longform Ledger — pages-2026.css: one composition per page. No motion. */

/* ---------- home: cover ---------- */
.cover{padding-block:var(--s6) var(--s7);border-block-end:1px solid var(--line)}
.cover-in{display:grid;gap:var(--s6);align-items:center}
.cover h1{font-size:clamp(2.875rem,1.5rem + 5.4vw,6.25rem);max-inline-size:11ch;line-height:.96}
.cover h1 em{color:var(--rust)}
.cover .lede{margin-block-start:var(--s5)}
.kicker--issue::before{content:none}
.kicker--issue span{font-family:var(--f-display);font-size:1.5rem;letter-spacing:0;line-height:1}
.cover-media .ph picture{aspect-ratio:16/10}
@media (min-width:1000px){.cover{padding-block:var(--s7) var(--s8)}.cover-in{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--s7)}.cover-media{margin-inline-end:calc(var(--gutter) * -0.5)}}
/* featured spread */
.featured-in{display:grid;gap:var(--s6);align-items:center}
.featured-media{display:block}
.featured-media picture{aspect-ratio:4/3;background:var(--surface)}
.featured-media img{inline-size:100%;block-size:100%;object-fit:cover}
.featured-copy h2{font-size:clamp(2.125rem,1.5rem + 2.4vw,3.75rem);line-height:1.02}
.featured-copy h2 a{text-decoration:none}
.featured-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;color:var(--ink)}
.featured-copy .lede{margin-block:var(--s4) var(--s3)}
.featured-copy .pq{margin-block:var(--s6) var(--s4)}
.kicker-sec{color:var(--muted);letter-spacing:.16em}
@media (min-width:1000px){.featured-in{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s8)}}
/* the issue as a ledger page: numbers left of a red double margin rule */
.issue{background:var(--card);border-block:1px solid var(--line)}
.ledger{list-style:none;padding:0;border-block-start:1.5px solid var(--ink);position:relative}
.ledger::before{content:"";position:absolute;inset-block:0;inset-inline-start:3.25rem;inline-size:5px;border-inline:1px solid var(--rule)}
.led-row{display:grid;grid-template-columns:3.25rem minmax(0,1fr);grid-template-areas:"n t" "n s" "n d";column-gap:var(--s5);padding-block:var(--s3);border-block-end:1px solid var(--line);align-items:baseline}
.led-n{grid-area:n;font-family:var(--f-display);font-size:1.5rem;color:var(--rust);line-height:1.2}
.led-t{grid-area:t;font-family:var(--f-display);font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);font-weight:450;color:var(--ink);text-decoration:none;line-height:1.25;padding-inline-start:var(--s2);min-block-size:44px;display:flex;align-items:center}
.led-t:hover{text-decoration:underline;color:var(--rust)}
.led-s,.led-d{padding-inline-start:var(--s2);font-size:.9375rem;color:var(--muted)}
.led-s{grid-area:s}.led-d{grid-area:d}
@media (min-width:800px){.led-row{grid-template-columns:3.25rem minmax(0,1fr) 9rem 11rem;grid-template-areas:"n t s d"}.led-d{text-align:end}}
/* sections: a newspaper section page, columns divided by rules */
.sgrid{display:grid;gap:var(--s7) var(--s6)}
.sbox{min-inline-size:0;display:grid;gap:var(--s4);align-content:start}
.sbox-h{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 var(--s3);padding-block-start:var(--s3);border-block-start:3px double var(--ink)}
.sbox-h h2{font-size:clamp(1.625rem,1.4rem + .9vw,2.125rem)}
.sbox-h p{grid-column:1/-1;font-family:var(--f-display);font-style:italic;color:var(--muted);font-size:1.0625rem}
.sbox-h .link-arrow{grid-row:1;grid-column:2}
@media (min-width:700px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.sgrid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0}.sbox{padding-inline:var(--s5);border-inline-start:1px solid var(--line)}.sbox:nth-child(3n+1){padding-inline-start:0;border-inline-start:0}.sbox:nth-child(3n){padding-inline-end:0}}
.feat{display:grid;gap:var(--s3);align-content:start}
.feat-media{display:block}
.feat-media picture{aspect-ratio:3/2;background:var(--surface)}
.feat-media img{inline-size:100%;block-size:100%;object-fit:cover}
.feat-body{display:grid;gap:var(--s2);justify-items:start}
.feat-body .kicker{margin:0}
.feat-t{font-size:var(--t-h3)}
.feat-t a{text-decoration:none}
.feat-t a:hover{text-decoration:underline;color:var(--ink)}
.feat-dek{color:var(--muted)}
.mini{padding-block-start:var(--s3);border-block-start:1px solid var(--line);display:grid;gap:var(--s1)}
.mini-t{font-size:1.3125rem}
.mini-t a{text-decoration:none}
.mini-t a:hover{text-decoration:underline;color:var(--ink)}
.mini-dek{color:var(--muted);font-size:1rem}
/* membership band */
.band-in{display:grid;gap:var(--s6);align-items:center}
.band-copy h2{margin-block-end:var(--s4);max-inline-size:14ch}
.band-copy p{max-inline-size:48ch}
.band-copy .link-arrow{margin-block-start:var(--s3)}
@media (min-width:1000px){.band-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s8)}.band--join .band-in{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}

/* ---------- page heads ---------- */
.phead{padding-block:var(--s6) var(--s6);border-block-end:1px solid var(--line)}
.phead-in{display:grid;gap:var(--s6);align-items:center}
.phead h1{max-inline-size:14ch}
.phead .lede{margin-block-start:var(--s4)}
.phead-media .ph picture{aspect-ratio:16/9}
@media (min-width:1000px){.phead{padding-block:var(--s7)}.phead-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}}
.phead--essays .phead-media .ph picture{aspect-ratio:21/9}
.phead--member{padding-block:var(--s7) var(--s6);background:var(--card)}
.phead--member h1{font-size:clamp(3rem,1.6rem + 6vw,7rem)}
.phead--member .lede{max-inline-size:52ch}
.phead--credits{background:var(--card)}

/* ---------- essays list: three views from one list ---------- */
.elayout{display:grid;gap:var(--s6)}
.etools{display:grid;gap:var(--s3);align-content:start}
.etools .chips{margin-block-end:var(--s3)}
.etools .seg{margin-block-end:var(--s5)}
@media (min-width:1100px){.elayout{grid-template-columns:240px minmax(0,1fr);gap:var(--s8)}.etools{position:sticky;inset-block-start:170px}.etools .chips{flex-direction:column;align-items:flex-start}.etools .seg{flex-wrap:wrap}}
.elist{list-style:none;padding:0;border-block-start:1.5px solid var(--ink)}
.ei{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"d s" "b s";gap:var(--s1) var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--line);align-items:start}
.ei-media{display:none}
.ei-date{grid-area:d;font-size:.9375rem;color:var(--muted)}
.ei-body{grid-area:b;min-inline-size:0}
.ei-sec{font-size:.9375rem;color:var(--muted)}
.ei-sec a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--rust);font-weight:600}
.ei-t{font-size:clamp(1.5rem,1.25rem + 1vw,2.125rem);line-height:1.1}
.ei-t a{text-decoration:none}
.ei-t a:hover{text-decoration:underline;color:var(--ink)}
.ei-dek{margin-block-start:var(--s2);color:var(--muted)}
.ei .save{grid-area:s}
@media (min-width:760px){.elist[data-view=list] .ei{grid-template-columns:11rem minmax(0,1fr) auto;grid-template-areas:"d b s"}.elist[data-view=list] .ei-date{padding-block-start:14px;border-inline-end:5px double var(--rule);block-size:100%}}
.elist[data-view=covers]{display:grid;gap:var(--s7) var(--s6);border:0}
@media (min-width:700px){.elist[data-view=covers]{grid-template-columns:repeat(2,minmax(0,1fr))}}
.elist[data-view=covers] .ei{grid-template-areas:"m m" "d s" "b b";border:0;padding:0}
.elist[data-view=covers] .ei-media{display:block;grid-area:m;margin-block-end:var(--s2)}
.elist[data-view=covers] .ei-media picture{aspect-ratio:3/2;background:var(--surface)}
.elist[data-view=covers] .ei-media img{inline-size:100%;block-size:100%;object-fit:cover}
.elist[data-view=covers] .ei-date{align-self:center}
.elist[data-view=compact] .ei{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"b s";padding-block:var(--s2)}
.elist[data-view=compact] .ei-date,.elist[data-view=compact] .ei-dek{display:none}
.elist[data-view=compact] .ei-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s4)}
.elist[data-view=compact] .ei-t{font-size:1.3125rem;order:-1}
.elist[data-view=compact] .ei-t a{display:inline-flex;align-items:center;min-block-size:44px}

/* ---------- archive ---------- */
.alayout{display:grid;gap:var(--s7)}
@media (min-width:1100px){.alayout{grid-template-columns:300px minmax(0,1fr);gap:var(--s8)}.tagbox{position:sticky;inset-block-start:170px;align-self:start}}
.tag{font-family:var(--f-display);font-style:italic;font-size:1.0625rem}
.tag-note{margin-block-start:var(--s3);font-size:.9375rem;color:var(--muted)}
.year{display:grid;gap:var(--s3);margin-block-end:var(--s7)}
.year-h{font-size:clamp(3rem,2rem + 3vw,4.5rem);font-weight:300;color:var(--rust);line-height:1;padding-block-end:var(--s2);border-block-end:1.5px solid var(--ink)}
.arows{list-style:none;padding:0}
.arow{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--s4);padding-block:var(--s3);border-block-end:1px solid var(--line)}
.arow-d,.arow-s,.arow-tags{font-size:.9375rem;color:var(--muted)}
.arow-t{font-family:var(--f-display);font-size:1.375rem;font-weight:450;color:var(--ink);text-decoration:none;display:flex;align-items:center;min-block-size:44px;line-height:1.2}
.arow-t:hover{text-decoration:underline;color:var(--rust)}
.arow-tags{font-style:italic}
@media (min-width:760px){.arow{grid-template-columns:10rem minmax(0,1fr) 8rem;align-items:center}.arow-d{border-inline-end:5px double var(--rule);align-self:stretch;display:flex;align-items:center}.arow-tags{grid-column:2/-1}}
.drawer-strip{background:var(--card);border-block-start:1px solid var(--line)}
.ds-in{display:grid;gap:var(--s6);align-items:start}
.ds-media .ph picture{aspect-ratio:4/3}
.ds-in h2{margin-block-end:var(--s3)}
.ds-list{list-style:none;padding:0;display:grid;border-block-start:1px solid var(--line-strong)}
.ds-list a{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:var(--s3);align-items:baseline;padding-block:var(--s3);min-block-size:44px;border-block-end:1px solid var(--line);text-decoration:none}
.ds-list b{font-family:var(--f-display);font-weight:500;font-size:1.25rem;color:var(--ink)}
.ds-list span{color:var(--muted)}
.ds-list a:hover b{color:var(--rust);text-decoration:underline}
@media (max-width:479.98px){.ds-list a{grid-template-columns:minmax(0,1fr);gap:0}}
@media (min-width:800px){.ds-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s8)}}

/* ---------- about ---------- */
.about-in{display:grid;gap:var(--s6)}
.about-media .ph picture{aspect-ratio:4/5}
.about-copy .lede{margin-block:var(--s4) var(--s6)}
.prose{display:grid;gap:var(--s4);font-family:var(--f-display);font-size:1.25rem;line-height:1.6;color:var(--fg);margin-block-end:var(--s5)}
.prose p{max-inline-size:36em}
@media (min-width:1000px){.about-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s8);align-items:start}.about-media{position:sticky;inset-block-start:170px}}
.colophon{background:var(--surface);border-block-start:1px solid var(--line)}
.col-in{display:grid;gap:var(--s6);align-items:center}
.facts{margin-block-start:var(--s4);border-block-start:1.5px solid var(--ink)}
.facts div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:var(--s3);padding-block:var(--s3);border-block-end:1px solid var(--line)}
.facts dt{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;font-weight:650;color:var(--rust);padding-block-start:3px}
.facts dd{margin:0;font-family:var(--f-display);font-size:1.1875rem;color:var(--ink)}
.colophon .ph picture{aspect-ratio:16/9}
@media (min-width:900px){.col-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s8)}}

/* ---------- membership ---------- */
.tcards{list-style:none;padding:0;display:grid;gap:var(--s7) var(--s6)}
.tcard{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"m m" "n t" "n p";gap:0 var(--s4);align-content:start}
.tcard-media{grid-area:m;margin-block-end:var(--s4)}
.tcard-media .ph picture{aspect-ratio:4/5}
.tcard-n{grid-area:n;font-family:var(--f-display);font-weight:300;font-size:3.5rem;line-height:.9;color:var(--rust);padding-inline-end:var(--s4);border-inline-end:5px double var(--rule)}
.tcard-t{grid-area:t;font-size:2rem}
.tcard>p:last-child{grid-area:p;color:var(--muted)}
@media (min-width:900px){.tcards{grid-template-columns:repeat(3,minmax(0,1fr))}.tcard:nth-child(2){margin-block-start:var(--s8)}}
@media (min-width:600px) and (max-width:899.98px){.tcard{grid-template-columns:minmax(0,220px) auto minmax(0,1fr);grid-template-areas:"m n t" "m n p"}.tcard-media{margin:0 var(--s3) 0 0}}

/* ---------- section pages ---------- */
.phead--section .ph picture{aspect-ratio:3/2}
.phead--section h1{font-size:clamp(3rem,1.8rem + 5vw,6rem)}
.feat--wide{gap:var(--s6);align-items:center}
.feat--wide .feat-t{font-size:clamp(2rem,1.5rem + 2vw,3.25rem);line-height:1.05}
.feat--wide .feat-dek{font-family:var(--f-display);font-size:var(--t-lead);line-height:1.45}
@media (min-width:1000px){.feat--wide{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s8)}}
.pair{display:grid;gap:var(--s7) var(--s7)}
.pcard{display:grid;gap:var(--s2);align-content:start}
.pcard-media picture{aspect-ratio:4/5;background:var(--surface)}
.pcard-media img{inline-size:100%;block-size:100%;object-fit:cover}
.pcard-media{display:block;margin-block-end:var(--s2)}
.pcard-t{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem)}
.pcard-t a{text-decoration:none}
.pcard-t a:hover{text-decoration:underline;color:var(--ink)}
.pcard>p:last-child{color:var(--muted)}
@media (min-width:800px){.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.pcard--low{margin-block-start:var(--s9)}}
.others{background:var(--card);border-block-start:1px solid var(--line)}
.oth{list-style:none;padding:0;display:grid;gap:0 var(--s5)}
.oth a{display:flex;align-items:center;gap:var(--s3);padding-block:var(--s3);border-block-end:1px solid var(--line);text-decoration:none;min-block-size:44px}
.oth picture,.oth img{inline-size:64px;block-size:64px;object-fit:cover;flex:none}
.oth span{display:grid;gap:2px;line-height:1.3}
.oth b{font-family:var(--f-display);font-weight:500;font-size:1.25rem;color:var(--ink)}
.oth small{font-size:var(--t-label);color:var(--muted)}
.oth a:hover b{color:var(--rust);text-decoration:underline}
@media (min-width:700px){.oth{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.oth{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- essay reader ---------- */
.progress{position:fixed;inset-block-start:0;inset-inline:0;block-size:4px;z-index:60;background:transparent;pointer-events:none}
.progress span{display:block;block-size:100%;inline-size:100%;background:var(--rust);transform-origin:0 50%;transform:scaleX(0)}
.ehead{padding-block:var(--s5) 0}
.ehead-in{display:grid;gap:var(--s2);max-inline-size:calc(980px + var(--gutter) * 2)}
.ehead-t{display:flex;align-items:start;justify-content:space-between;gap:var(--s4)}
.ehead h1{font-size:clamp(2.5rem,1.5rem + 4vw,5rem);max-inline-size:16ch}
.ehead-t .save{margin-block-start:var(--s3)}
.ehead-dek{margin-block-start:var(--s2);max-inline-size:44ch;font-style:italic}
.etags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--s4)}
.etags a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--rust);font-family:var(--f-display);font-style:italic;font-size:1.0625rem}
.ecover{margin-block:var(--s5) var(--s6)}
.ecover .ph picture{aspect-ratio:21/10}
.ebody{display:grid;gap:var(--s6)}
.erail{display:grid;gap:var(--s5);align-content:start}
.toc ol{list-style:none;padding:0;border-inline-start:5px double var(--rule)}
.toc a{display:flex;align-items:center;min-block-size:44px;padding-inline-start:var(--s4);text-decoration:none;color:var(--muted);line-height:1.3}
.toc a:hover{color:var(--rust)}
.toc a[aria-current]{color:var(--ink);font-weight:650;box-shadow:inset 3px 0 0 var(--rust)}
.etext{--fs:1.25rem;font-family:var(--f-display);font-size:var(--fs);line-height:1.65;color:var(--fg);min-inline-size:0}
html[data-type=s] .etext{--fs:1.125rem}
html[data-type=l] .etext{--fs:1.4375rem}
.etext p{max-inline-size:34em;margin-block-end:var(--s4)}
.blk{margin-block-end:var(--s6)}
.blk h2{font-size:clamp(1.625rem,1.4rem + .8vw,2.125rem);margin-block-end:var(--s4);max-inline-size:24ch}
.pq--body{margin-block:var(--s6)}
.pq--body p{font-size:clamp(1.5rem,1.25rem + 1vw,2.125rem);max-inline-size:26ch}
@media (min-width:1100px){.ebody{grid-template-columns:240px minmax(0,1fr);gap:var(--s8)}.erail{position:sticky;inset-block-start:170px}.etext{padding-inline-end:6vw}}
.pn{display:grid;gap:var(--s3);margin-block:var(--s6) var(--s4);border-block-start:1.5px solid var(--ink);padding-block-start:var(--s4)}
.pn-a{display:grid;gap:var(--s1);padding:var(--s4);min-block-size:44px;border:1px solid var(--line);background:var(--card);text-decoration:none}
.pn-a span{font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--rust)}
.pn-a b{font-family:var(--f-display);font-weight:450;font-size:1.375rem;color:var(--ink);line-height:1.2}
.pn-a:hover{border-color:var(--rust)}
.pn-a:hover b{text-decoration:underline}
.pn-a--old{text-align:end}
@media (min-width:700px){.pn{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cont{background:var(--card);border-block-start:1px solid var(--line)}
.cont-grid{display:grid;gap:var(--s6)}
@media (min-width:800px){.cont-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- 404 ---------- */
.nf-in{display:grid;gap:var(--s6);align-items:center}
.nf-n{font-family:var(--f-display);font-weight:250;font-size:clamp(6rem,4rem + 8vw,11rem);line-height:.85;color:var(--rust);letter-spacing:-.04em;margin-block-end:var(--s4)}
.nf h1{font-size:clamp(2.25rem,1.6rem + 2.6vw,3.75rem);max-inline-size:14ch}
.nf .lede{margin-block-start:var(--s4)}
.nf .ph picture{aspect-ratio:3/2}
@media (min-width:900px){.nf-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s8)}}

/* ---------- forms kit, credits ---------- */
.kit{display:grid;gap:var(--s7)}
.kit-col{display:grid;gap:var(--s4);align-content:start}
@media (min-width:1000px){.kit{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}}
.credits td:first-child{inline-size:88px}
@media (max-width:639.98px){.credits th:first-child,.credits td:first-child{display:none}.credits th,.credits td{padding-inline:var(--s2);overflow-wrap:anywhere}}
.credits picture,.credits img{inline-size:64px;block-size:64px;object-fit:cover}
.credits td a{display:inline-flex;align-items:center;min-block-size:44px}
.mt{margin-block:var(--s7) var(--s3)}
/* essay head aligns with the text column; sidebar view switch stacks */
.ehead-in{max-inline-size:calc(var(--wrap) + var(--gutter) * 2)}
@media (min-width:1100px){.ehead-in{padding-inline-start:calc(var(--gutter) + 240px + var(--s8))}.etools .seg{display:grid;inline-size:100%}.etools .seg button{text-align:start;border-inline-start:0;border-block-start:1px solid var(--line)}.etools .seg button:first-child{border-block-start:0}}

.credits td{overflow-wrap:anywhere}
.credits-sa{max-inline-size:68ch;margin-block-start:var(--s5)}
.etags a{justify-content:center}.etags{gap:0 var(--s3)}