/* Articles: long-form reading on the dark instrument panel. Loaded by /articles and /articles/<slug>. */
.article-night .hud-label{display:block;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;font-size:.66rem;font-weight:650;margin:0 0 .35rem}
.article-page{max-width:42rem;margin:0 auto;padding:1.2rem 0 2.5rem}
.article-crumbs{font-size:.78rem;color:#8a8a8a;margin:0 0 1.4rem;letter-spacing:.04em}
.article-crumbs a{color:#8a8a8a;text-decoration:none}
.article-crumbs a:hover,.article-crumbs a:focus-visible{color:#f2f2f2;text-decoration:underline}
.article-kicker{border-left:2px solid #f2f2f2;padding-left:.6rem}
.article-page h1{font-size:clamp(2rem,5.2vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:.2rem 0 .5rem;color:#f2f2f2}
.article-dek{font-size:clamp(1.1rem,2.4vw,1.32rem);line-height:1.45;color:#c8c8c8;margin:0 0 1rem;max-width:34em}
.article-meta{border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;padding:.6rem 0;margin:0 0 1.8rem;font-size:.82rem;gap:.35rem 1.1rem}
.article-body{font-size:1.09rem;line-height:1.72;color:#d4d4d4}
.article-body p{margin:0 0 1.15em}
.article-body h2{text-transform:none;font-weight:650;font-size:clamp(1.22rem,2.6vw,1.45rem);line-height:1.28;color:#f2f2f2;margin:2.4em 0 .7em;padding-top:.9em;border-top:1px solid #2a2a2a;letter-spacing:-.005em}
.article-body strong{color:#f2f2f2;font-weight:650}
.article-body em{color:#e8e8e8}
.article-body ul{margin:0 0 1.3em;padding-left:1.15em}
.article-body li{margin:0 0 .75em;padding-left:.2em}
.article-body li::marker{color:#8a8a8a}
.article-body figure{margin:1.4em 0 1.6em;border:1px solid #2a2a2a;background:#0b0b0b}
.article-body figure a{display:block}
.article-body figure img{display:block;width:100%;height:auto}
.article-body .article-hero{margin:0 0 1.8em}
.article-rule{border:0;border-top:1px solid #2a2a2a;margin:2.2em 0 1.2em}
.article-colophon{font-size:.86rem;line-height:1.6;color:#8a8a8a}
.article-colophon a{color:#c8c8c8}
.article-cta{border:1px solid #2a2a2a;border-top:2px solid #f2f2f2;background:#0b0b0b;padding:1.2rem 1.25rem 1.35rem;margin:2.4rem 0 1.4rem}
.article-cta-copy{margin:.2rem 0 1rem;color:#d4d4d4;line-height:1.55;font-size:1rem}
.article-cta-btn{display:inline-block;background:#f2f2f2;color:#050505;border:1px solid #f2f2f2;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700;padding:.75rem 1.2rem;text-decoration:none}
.article-cta-btn:hover,.article-cta-btn:focus-visible{background:#050505;color:#f2f2f2}
.article-back{font-size:.88rem;margin:1rem 0 0}
.articles-index{padding:1.2rem 0 2.5rem;max-width:56rem}
.article-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:1.1rem}
.article-card{border:1px solid #2a2a2a;background:#0b0b0b}
.article-card:hover,.article-card:focus-within{border-color:#555}
.article-card-link{display:grid;grid-template-columns:minmax(0,22rem) 1fr;gap:1.2rem;align-items:center;color:inherit;text-decoration:none;padding:.9rem}
.article-card-link img{display:block;width:100%;height:auto;border:1px solid #2a2a2a}
.article-card-text{display:flex;flex-direction:column;gap:.35rem}
.article-card-title{font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.15;color:#f2f2f2;font-weight:650;letter-spacing:-.01em}
.article-card-link:hover .article-card-title,.article-card-link:focus-visible .article-card-title{text-decoration:underline;text-underline-offset:.18em}
.article-card-dek{color:#c8c8c8;font-size:1.02rem;line-height:1.45}
.article-card-desc{color:#8a8a8a;font-size:.9rem;line-height:1.5}
@media (max-width:640px){
 .article-page{padding-top:.6rem}
 .article-body{font-size:1.03rem;line-height:1.68}
 .article-body figure{margin-left:-.25rem;margin-right:-.25rem}
 .article-card-link{grid-template-columns:1fr;gap:.8rem}
}