.article-page{max-width:var(--reading);margin:auto}.article-header{margin-bottom:26px}.article-header h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.045em;margin:9px 0 14px}.article-lead{font-size:17px;color:var(--color-muted)}.article-feature{margin:25px 0;min-height:300px;border-radius:var(--radius-lg);overflow:hidden}.article-body{font-family:Georgia,serif;font-size:18px;line-height:1.8}.article-body h2,.article-body h3{font-family:Manrope,sans-serif;margin:36px 0 12px}.article-body h2{font-size:28px}.article-body h3{font-size:21px}.article-body a{color:var(--color-primary-2);text-decoration:underline}.article-body blockquote{margin:25px 0;padding:15px 20px;border-left:3px solid var(--color-accent);background:#f0f3ef;color:#425149}.toc{font-family:"DM Sans",sans-serif;border:1px solid var(--color-border);background:#fff;border-radius:12px;padding:16px;margin:24px 0}.toc strong{font-size:13px}.toc ol{margin:8px 0 0;padding-left:20px}.toc a{font-size:12px}.related{margin-top:44px}.related .article-grid{grid-template-columns:repeat(2,1fr)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-box{background:#fff;border:1px solid var(--color-border);border-radius:16px;padding:25px}.about-box h2{font-size:24px;margin-bottom:10px}.about-box p{color:var(--color-muted)}
.article-body img{display:block;max-width:100%;height:auto;border-radius:12px;margin:1.25rem 0}.article-media img{width:100%;height:100%;object-fit:cover;display:block}.article-body pre{overflow:auto;padding:1rem;border-radius:10px;background:#f1f3f0}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.article-body a{color:inherit;text-decoration:underline;text-underline-offset:3px}