.article-layout{max-width:720px;margin:0 auto;padding:0 40px 80px}.article-meta{color:var(--color-ink-tertiary);border-bottom:1px solid var(--color-border);font-size:13px;font-family:var(--font-primary);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:20px;display:flex}.article-reading-time:before{content:"·";margin-right:16px}.article-category{background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0047cc26;padding:2px 10px;font-size:11px;font-weight:600}.article-body{line-height:1.8}.article-body h2{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.025em;margin-top:52px;margin-bottom:16px;font-size:clamp(20px,2.5vw,26px);font-weight:800;line-height:1.25}.article-body h3{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin-top:32px;margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.35}.article-body p{color:var(--color-ink-secondary);font-size:16px;line-height:1.8;font-family:var(--font-primary);margin-bottom:20px}.article-body strong{color:var(--color-ink);font-weight:600}.article-body ul,.article-body ol{flex-direction:column;gap:8px;margin:16px 0 24px 24px;display:flex}.article-body li{color:var(--color-ink-secondary);font-size:15px;line-height:1.7;font-family:var(--font-primary)}.article-body blockquote{border-left:3px solid var(--color-primary);background:var(--color-primary-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:24px 0;padding:16px 20px}.article-body blockquote p{color:var(--color-ink);margin-bottom:0}.article-checklist{flex-direction:column;gap:10px;margin:16px 0 24px;list-style:none;display:flex}.article-checklist li{color:var(--color-ink-secondary);font-size:15px;line-height:1.6;font-family:var(--font-primary);align-items:flex-start;gap:12px;display:flex}.article-checklist li:before{content:"";border:1.5px solid var(--color-border-strong);border-radius:4px;width:18px;min-width:18px;height:18px;margin-top:2px;display:inline-block}.article-callout{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);margin:24px 0;padding:16px 20px}.article-callout p{color:var(--color-ink-secondary);margin-bottom:0;font-size:14px}.article-callout strong{color:var(--color-ink)}.article-cta{background:var(--color-surface-subtle);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;margin-top:56px;padding:32px 36px}.article-cta h3{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.025em;margin-bottom:12px;font-size:20px;font-weight:800}.article-cta p{color:var(--color-ink-secondary);font-size:14px;line-height:1.65;font-family:var(--font-primary);margin-bottom:24px}.article-cta-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);transition:background var(--transition-fast), transform var(--transition-base);font-size:14px;font-weight:600;font-family:var(--font-primary);padding:13px 26px;text-decoration:none;display:inline-block}.article-cta-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.article-cta-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (max-width:600px){.article-layout{padding:0 20px 60px}.article-body h2{font-size:20px}.article-cta{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.article-cta-btn{transition:none}}