/* Discovery may differ. Reading must be consistent. Archive-only presentation. */
.story-archive-shell{max-width:900px;padding-top:32px}
.story-archive-shell .page-heading{margin-bottom:26px}
.story-archive-shell .page-heading h1{font:420 clamp(32px,3.2vw,42px)/1.2 var(--serif);letter-spacing:-.025em}
.story-archive-shell .eyebrow{font-size:11px;margin-bottom:9px}
.story-archive-shell .lead{font:400 18px/1.5 var(--serif);margin-top:8px}
.story-archive-shell .chapter-introduction{font:400 18px/1.65 var(--serif);margin-top:16px}
.story-archive-shell .chapter-current{font:400 11.5px/1.6 var(--sans);color:var(--muted);margin-top:8px}
.story-list{list-style:none;margin:0;padding:0}
.story-entry{position:relative;padding:17px 0 23px}
.story-moment{overflow-wrap:anywhere}
.story-date{font:400 14px/1.65 var(--sans);color:#5c514b}
.story-age{font:400 12px/1.7 var(--sans);color:var(--muted)}
.story-body{min-width:0}
.story-body h2{font:400 clamp(21px,1.7vw,24px)/1.4 var(--serif);letter-spacing:-.012em;overflow-wrap:anywhere}
.story-body h2 a{display:inline-block;text-decoration:none}
.story-body h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.story-dek{max-width:65ch;margin-top:6px;font:400 16px/1.65 var(--serif);color:#625e54;overflow-wrap:anywhere}
.story-meta{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:7px;font:400 11.5px/1.6 var(--sans);color:#6e685c}
.story-meta a{display:inline-flex;align-items:center;min-height:24px;text-decoration:none}
.story-meta a:hover{text-decoration:underline;text-underline-offset:3px}
.story-entry a:focus-visible{outline:2px solid #79514b;outline-offset:4px;border-radius:1px}
.editorial-list .story-moment{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;margin-bottom:6px}
.editorial-list .story-age::before{content:"·";margin-right:12px}
.editorial-list{max-width:760px}
.story-empty{padding:14px 0 18px;color:var(--muted);font:400 17px/1.65 var(--serif)}
.site-footer--archive{justify-content:flex-end}
@media(max-width:640px){
.story-archive-shell{width:calc(100% - 40px);padding-top:25px}
.story-archive-shell .page-heading{margin-bottom:21px}
.story-archive-shell .page-heading h1{font-size:32px}
.story-archive-shell .lead{font-size:17px;margin-top:7px}
.story-entry{padding:16px 0 22px}
.story-date{font-size:12px;line-height:1.7}
.story-age{font-size:11.5px}
.story-body h2{font-size:22px;line-height:1.4}
.story-dek{margin-top:5px}
.story-meta{margin-top:6px}
.editorial-list .story-moment{gap:2px 10px}
.editorial-list .story-age::before{margin-right:10px}
}