.article-width{max-width:900px}.article-header{padding-top:4rem}.article-header h1{letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere;margin:1.5rem 0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.25}.article-lead{color:var(--fg-muted);font-size:1.2rem;line-height:1.8}.article-audience{border-left:3px solid var(--signal);margin:2rem 0;padding:.5rem 1rem;line-height:1.8}.article-audience strong{color:var(--accent);margin-bottom:.25rem;font-size:.85rem;display:block}.article-toc{border-block:1px solid var(--border);flex-wrap:wrap;gap:.6rem 1.5rem;padding:1.25rem 0;font-size:.9rem;display:flex}.article-toc a{color:var(--fg-muted)}.article-toc a:hover{color:var(--accent)}.article-section{overflow-wrap:anywhere;margin:3rem 0;scroll-margin-top:100px;line-height:1.9}.article-section h2,.article-next h2{letter-spacing:-.025em;margin-bottom:1rem;font-size:1.5rem}.article-section h3{margin-bottom:.4rem;font-size:1.1rem}.article-section p{color:var(--fg-muted);margin:.5rem 0 1rem}.article-section>ul{padding-left:1.2rem}.article-section>ul li{margin-bottom:.75rem;padding-left:.3rem}.article-steps{padding:0;list-style:none}.article-steps li{grid-template-columns:2.25rem minmax(0,1fr);gap:1rem;margin:1.5rem 0;display:grid}.article-step-number{background:var(--accent-soft);color:var(--accent);border-radius:50%;place-items:center;height:2.25rem;font-size:.9rem;font-weight:600;display:grid}.article-steps h3{margin-top:0}.article-screenshot{margin:2rem 0}.article-screenshot img{border:1px solid var(--border-strong);border-radius:10px;width:100%;height:auto;display:block}.article-screenshot figcaption{color:var(--fg-faint);margin:.75rem 0;font-size:.8rem;line-height:1.7}.article-copy{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.article-copy blockquote{margin:0 0 1rem}.article-copy .copy-btn{display:inline-flex;position:static}.article-problem{border-bottom:1px solid var(--border);padding:1rem 0}.article-next{background:var(--bg-soft);border-radius:12px;margin-top:3rem;padding:1.5rem}.article-next a{color:var(--accent);font-weight:600}.article-next p,.article-version{color:var(--fg-muted);font-size:.85rem;line-height:1.8}.article-version{margin-top:2rem}.role-guide-link{color:var(--accent);align-items:center;gap:.5rem;margin-top:1rem;font-size:.875rem;font-weight:600;display:inline-flex}@media (width<=600px){.article-header{padding-top:2rem}.article-copy{padding:1rem}.article-steps li{gap:.65rem}}html[lang=en] .article-guide .rdoc-grid{overflow-wrap:normal;line-height:1.5}html[lang=en] .article-guide .rdoc-grid .num{white-space:nowrap}@media (width<=600px){html[lang=en] .article-guide .rdoc-page{padding:12px}html[lang=en] .article-guide .rdoc-grid th,html[lang=en] .article-guide .rdoc-grid td{padding:8px 5px}}