.onboarding-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}
.onboarding-benefits>div{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.onboarding-benefits h3{margin:0 0 8px;font:700 17px/1.4 Sora,sans-serif}
.onboarding-benefits p{margin:0;color:var(--text);font-size:15px}
.article-section h3{font:700 21px/1.4 Sora,sans-serif;margin:24px 0 10px}
.article-section .action-box h3{margin:0;font-size:18px}
.article-section ol{padding-left:24px;color:#34445d}
.article-section li{margin:8px 0}
.workflow-example{margin:26px 0;padding:24px;border-left:4px solid var(--blue);background:var(--surface);border-radius:0 12px 12px 0}
.workflow-example p{margin:8px 0;color:#34445d}
.article-layout aside{position:sticky;top:106px}
.article-layout .toc{position:static}
.article-layout .toc ol{max-height:55vh;overflow-y:auto}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5b9bff;outline-offset:4px}
@media(max-width:980px){.article-layout aside{position:static;grid-row:1}.article-layout .toc ol{max-height:none}.onboarding-benefits{gap:12px}}
@media(max-width:650px){.onboarding-benefits{grid-template-columns:1fr}.hero h1{font-size:clamp(32px,9vw,40px)}.article-section h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}