/* Article page — readable long-form. Chrome/grid styles inherit from critical.css. */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0 4px;font-size:12.5px;color:var(--muted)}
.crumb a:hover{color:var(--primary)}
.crumb .sep{opacity:.6}
.crumb b{color:var(--ink);font-weight:600}

.article{max-width:74ch;margin:0 auto;padding:8px 0 48px}
.article-head{padding:10px 0 18px}
.article-title{font-family:var(--font-head);font-weight:800;font-size:clamp(28px,5vw,44px);line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
.article-meta{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:13px;color:var(--muted)}
.article-date{font-weight:600;letter-spacing:.02em}
.article-cover{margin:8px 0 24px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.article-cover img{display:block;width:100%;height:auto;object-fit:cover}
.article-lede{color:var(--ink);font-size:clamp(17px,2.2vw,20px);line-height:1.6;margin:0 0 20px;font-weight:500;text-wrap:pretty}
.article-body{color:var(--ink-2);font-size:16px;line-height:1.75;white-space:pre-line;text-wrap:pretty}
.article-body p{margin:0 0 18px}
.article-empty{padding:32px 0;color:var(--muted);text-align:center}

@media (min-width:1024px){
	.article-title{letter-spacing:-.02em}
}