.archive-context:has(.archive-article){background:#111211;color:#eeece6}
.archive-article{max-width:920px;padding-top:40px;padding-bottom:80px;color:#eeece6}
.archive-article>header{margin:30px 0}.archive-article h1{font:clamp(36px,5vw,64px)/1.08 var(--serif);max-width:18ch;margin:18px 0 24px}
.archive-article .article-dek{font:22px/1.5 var(--sans);color:#d0d0c7;max-width:65ch}
.article-byline{font:13px/1.5 var(--mono);color:#b7b7af}
.archive-article>section{max-width:70ch;margin:42px auto;scroll-margin-top:25px}
.archive-article>section h2{font:30px/1.2 var(--serif);margin:0 0 22px}
.archive-article>section p{font:20px/1.7 var(--serif);margin:0 0 23px}
.archive-article a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.article-contents{border-top:1px solid #55544e;border-bottom:1px solid #55544e;padding:18px 0;display:flex;flex-wrap:wrap;gap:12px 22px;font:15px/1.5 var(--sans)}
.article-contents>span{width:100%;color:#bab9ad;font:12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em}
.archive-article .article-sources{border-top:1px solid #55544e;padding-top:28px}
.archive-article .article-sources li{margin:20px 0;font:17px/1.5 var(--sans)}
.archive-article .article-sources p{font:14px/1.5 var(--sans);color:#c0c0b6;margin:7px 0 0}
.article-related{border-top:1px solid #55544e;padding-top:24px}.article-related>a{display:block;font:20px/1.4 var(--serif);padding:10px 0}
.context-info{padding:8px 14px;margin-bottom:12px;color:#eeece6;background:#292b26;border:1px solid #66665c}
@media(max-width:760px){.archive-article{padding-top:24px}.archive-article h1{font-size:38px}.archive-article .article-dek{font-size:19px}.archive-article>section p{font-size:19px;line-height:1.6}.article-contents{gap:14px}.archive-article>section{margin:32px auto}}