.article-main{width:min(880px,calc(100% - 48px));margin:auto;padding:36px 0 65px}
.article-header{gap:30px}.article-back{font-size:11px;color:var(--muted)}.article-back:hover{color:var(--orange)}
.breadcrumbs{display:flex;gap:12px;font-size:10px;color:var(--muted);margin-bottom:35px}
.article-intro h1{font-size:43px;letter-spacing:-1.6px;line-height:1.4;margin:20px 0}
.article-deck{font-size:17px;line-height:1.9;color:#b1c1cd;max-width:800px}
.article-byline{display:flex;align-items:center;gap:12px;margin:25px 0;color:#d1dce6;font-size:10px;line-height:1.9}
.article-byline img{border-radius:50%;object-fit:cover;object-position:65% 30%}
.article-byline time{font-size:9px;color:var(--muted)}
.article-hero{margin:28px 0 15px}.article-hero>img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:9px;border:1px solid #2b4050}
.article-hero figcaption{color:var(--muted);font-size:10px;padding-top:9px}
.article-body.reader-content{max-width:760px;margin:auto;padding:20px 0 30px}
.article-body p,.article-body li{font-size:15px;line-height:2}
.article-body h2{font-size:25px;font-weight:600;line-height:1.6;margin-top:32px}
.article-body .article-note{font-size:13px;padding:17px 22px}
.article-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0;font-size:11px;color:var(--cyan)}
.related-posts{margin-top:40px}.related-posts>h2{font-size:21px;margin-bottom:23px}
.related-posts>div{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.related-posts>div>a{display:block;padding:22px 18px;border:1px solid var(--line);border-radius:7px;background:#14202a}
.related-posts>div>a:hover{border-color:var(--orange)}
.related-posts span{font-size:8px;color:var(--orange);letter-spacing:.8px}
.related-posts h3{font-size:14px;line-height:1.8;margin:12px 0 17px}
.article-page .footer{border-top:1px solid var(--line);font-size:10px}
@media(max-width:760px){.article-header{gap:18px}.article-header .wordmark{font-size:18px}.article-back{font-size:9px;white-space:nowrap}.article-main{width:calc(100% - 40px);padding-top:25px}.breadcrumbs{margin-bottom:27px}.article-intro h1{font-size:30px;letter-spacing:-1px;line-height:1.5}.article-deck{font-size:14px;line-height:1.9}.article-body p,.article-body li{font-size:14px;line-height:1.95}.article-body h2{font-size:22px}.article-body .article-note{font-size:12px;padding:14px 18px}.article-hero>img{aspect-ratio:1.4}.article-end{flex-direction:column;gap:15px}.related-posts>div{grid-template-columns:1fr}.related-posts h3{margin:9px 0 12px}.article-page .footer .wordmark{font-size:18px}}