.article-page{background:var(--paper)}.article-breadcrumb{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.article-breadcrumb a{color:var(--muted)}.article-breadcrumb a:hover{color:var(--ink)}.article-breadcrumb-sep{color:var(--line-cream)}.article-cat-chip{background:var(--green-50);color:var(--green-700);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid #ddf3e8;border-radius:999px;padding:2px 10px;font-size:11px;display:inline-flex}.article-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 20px;font-size:clamp(32px,5vw,56px);font-weight:600;line-height:1.06}.article-title em{font-family:var(--font-serif);color:var(--green-600);font-style:italic;font-weight:400}.article-byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;display:flex}.article-byline-dot{background:var(--muted-2);border-radius:999px;flex-shrink:0;width:3px;height:3px}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.article-tag{color:var(--green-700);font-size:13px;font-family:var(--font-mono)}.article-tag:hover{text-decoration:underline}.article-cover{border-radius:var(--r-lg);border:1px solid var(--line);width:100%;height:auto;display:block}.article-content{color:var(--ink);padding-bottom:64px;font-size:18px;line-height:1.72}.article-content h2{letter-spacing:-.02em;color:var(--ink);margin:48px 0 16px;font-size:clamp(22px,3vw,28px);font-weight:600;line-height:1.2}.article-content h3{color:var(--ink);margin:36px 0 12px;font-size:20px;font-weight:600}.article-content p{margin:0 0 20px}.article-content p:last-child{margin-bottom:0}.article-content ul,.article-content ol{margin:0 0 20px;padding-left:24px}.article-content li{margin-bottom:6px}.article-content strong{font-weight:600}.article-content em{font-family:var(--font-serif);font-style:italic}.article-content blockquote{border-left:3px solid var(--green-500);background:var(--green-50);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--muted);margin:32px 0;padding:20px 24px;font-size:17px;font-style:italic}.article-content blockquote p{margin:0}.article-content img{border-radius:var(--r-md);border:1px solid var(--line);width:100%;margin:28px 0}.article-content a{color:var(--green-700);text-decoration:underline}.article-content a:hover{color:var(--forest)}.article-content code{font-family:var(--font-mono);background:var(--green-50);color:var(--forest);border-radius:4px;padding:2px 6px;font-size:.875em}.article-content pre{background:var(--ink);color:#ddf3e8;border-radius:var(--r-md);font-family:var(--font-mono);margin:24px 0;padding:20px 24px;font-size:14px;line-height:1.6;overflow-x:auto}.article-content pre code{color:inherit;background:0 0;padding:0}.article-content hr{border:none;border-top:1px solid var(--line);margin:48px 0}.article-stats{background:var(--cream);border-radius:var(--r-lg);border:1px solid var(--line-cream);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;margin:32px 0;padding:28px 32px;display:grid}.article-stat-num{color:var(--ink);margin:0 0 6px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.1}.article-stat-num em{font-family:var(--font-serif);color:var(--green-600);font-style:italic;font-weight:400}.article-stat-label{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.article-cta{background:var(--cream);border:1px solid var(--line-cream);border-radius:var(--r-lg);text-align:center;padding:40px 48px}.article-cta h2{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:600}.article-cta p{color:var(--muted);margin:0;font-size:16px}@media (max-width:640px){.article-cta{padding:28px 24px}.article-content{font-size:16px}}
