.article-shell{max-width:880px;margin:0 auto;padding:64px 24px 96px}
.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;color:var(--muted);font-size:14px}
.breadcrumb a{text-underline-offset:3px}
.article-header{padding-bottom:32px;border-bottom:1px solid var(--line)}
.article-header h1{max-width:780px}
.article-lede{max-width:760px;color:var(--muted-dark);font-size:18px}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:14px}
.article-body{margin-top:36px}
.article-body h2{margin-top:56px;font-size:clamp(25px,4vw,34px)}
.article-body h3{margin-top:32px;font-size:21px}
.article-body p,.article-body li{color:var(--muted-dark)}
.article-body ul,.article-body ol{padding-left:24px}
.article-body li+li{margin-top:8px}
.answer-box,.formula-box,.source-note{margin:24px 0;padding:22px 24px;border-radius:18px}
.answer-box{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(14,165,233,.1));border:1px solid rgba(14,165,233,.18)}
.answer-box h2,.answer-box h3{margin-top:0}
.formula-box{background:#0f172a;color:#f8fafc;overflow-x:auto}
.formula-box p{color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.source-note{background:#f1f5f9;border:1px solid rgba(14,165,233,.18);font-size:14px}
.article-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:18px}
.article-table{width:100%;border-collapse:collapse;background:var(--surface);min-width:640px}
.article-table th,.article-table td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.article-table th{background:#f1f5f9;color:var(--fg)}
.article-table tr:last-child td{border-bottom:0}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.related-card{display:block;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.related-card strong{display:block;color:var(--fg)}
.related-card span{display:block;margin-top:6px;color:var(--muted);font-size:14px}
.article-cta{margin-top:56px;padding:30px;border-radius:22px;background:#0f172a;color:#f8fafc}
.article-cta p{color:#cbd5e1}
.article-cta a{color:#7dd3fc}
@media(max-width:700px){.article-shell{padding:40px 20px 72px}.related-grid{grid-template-columns:1fr}.article-meta{display:grid;gap:6px}}