.article-index{padding-top:24px;padding-bottom:64px}.article-index>h2{max-width:700px}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:24px;list-style:none;padding:0;margin:32px 0 0}.guide-card{height:100%;border:1px solid var(--line);border-radius:12px;padding:30px;background:#000}.guide-card h3{font-size:1.875rem;max-width:650px;margin-bottom:18px}.guide-card h3 a:hover{text-decoration:underline}.guide-card>p{max-width:720px}.guide-card .article-meta{margin:22px 0 16px}.article-header{max-width:1000px;padding-top:48px;padding-bottom:38px}.article-header>.eyebrow{margin:40px 0 20px}.article-header h1{font-size:clamp(2.375rem,5.5vw,4.375rem);line-height:1.08;max-width:850px;overflow-wrap:break-word}.article-meta{font-size:0.875rem;color:var(--muted)}.article-header .article-meta{margin:24px 0}.article-intro{font-size:1.25rem;max-width:760px}.article-body{max-width:860px;padding-bottom:72px}.article-body section{margin:42px 0}.article-body p,.article-body li{line-height:1.8}.article-body h2{font-size:2rem;line-height:1.2;margin-bottom:18px}.article-body p+p{margin-top:18px}.article-body ul{padding-left:24px}.article-body li{padding-left:4px;margin:10px 0}.article-toc{display:block;background:#000;border-radius:12px;padding:24px 28px;margin-bottom:42px;font-size:1rem}.article-toc h2{font-size:1.375rem;margin:0 0 12px}.article-toc ol{padding-left:22px;margin:0}.article-toc a{text-decoration:underline;text-underline-offset:4px}.article-toc a:hover{color:var(--lime)}.article-next{margin-top:48px;border-top:1px solid var(--line);padding-top:32px}.article-next .guide-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}@media(max-width:550px){.article-header{padding-top:30px}.article-intro{font-size:1.125rem}.guide-card{padding:24px}.guide-card h3{font-size:1.6875rem}.article-body h2{font-size:1.75rem}.article-toc{padding:20px}.article-header>.eyebrow{margin-top:30px}}

.article-toc{border:1px solid var(--line)}