.article-page{background:var(--ink);color:var(--paper)}
.article-shell{max-width:900px;margin:0 auto;padding:clamp(9rem,15vw,13rem) 5vw clamp(5rem,9vw,8rem);color:var(--paper)}
.article-shell h1{max-width:18ch;margin:.7rem 0 1.4rem;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.98;letter-spacing:-.045em}
.article-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:0 0 clamp(3rem,6vw,5rem);padding-bottom:1.3rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.article-body{font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.72;color:var(--paper)}
.article-body>*{max-width:760px;margin-left:auto;margin-right:auto}
.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin-top:0;margin-bottom:1.35em}
.article-body h2,.article-body h3,.article-body h4{margin-top:2.3em;margin-bottom:.7em;line-height:1.12;letter-spacing:-.025em}
.article-body h2{font-size:clamp(1.8rem,3vw,2.8rem)}
.article-body h3{font-size:clamp(1.35rem,2.2vw,2rem)}
.article-body ul,.article-body ol{padding-left:1.4rem}
.article-body li{margin:.45rem 0}
.article-body img{display:block;width:auto;max-width:100%;height:auto;margin:2.5rem auto;border-radius:2px}
.article-body iframe{display:block;width:100%;max-width:760px;min-height:430px;margin:2.5rem auto;border:0}
.article-body blockquote{padding:1.2rem 1.5rem;border-left:3px solid var(--orange);font-size:1.15em}
.article-body a{color:var(--orange);text-decoration:underline;text-underline-offset:.18em}
.article-body a:hover{color:var(--paper)}
.article-body figcaption{color:var(--muted)}
.article-body .archive-list,.article-body .archive-row{border-color:var(--line)}
.article-return{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
@media(max-width:700px){.article-shell{padding-top:7.5rem}.article-meta{display:grid}.article-body iframe{min-height:240px}}