.article-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:52px;align-items:start;padding-block:54px 80px}.toc{position:sticky;top:88px;padding-top:4px}.toc strong{display:block;margin-bottom:12px;color:var(--ink-soft);font-size:13px}.toc a{display:block;padding:5px 0;color:var(--muted);font-size:13px;text-decoration:none}.toc a:hover{color:var(--link)}.article{max-width:820px}.article section{margin-bottom:52px}.article h2{margin:0 0 18px;color:var(--ink);font-size:30px;line-height:1.24}.article h3{margin:28px 0 10px;color:var(--ink-soft);font-size:20px}.article p{margin:12px 0;color:var(--ink-soft);font-size:16px}.article ol,.article ul{margin:16px 0;padding-left:24px;color:var(--ink-soft)}.article li{margin:8px 0}.definition{padding:20px 22px;border-left:4px solid var(--primary);background:var(--surface-accent)}.definition p{margin:0;color:var(--ink-soft)}.case-grid,.key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-item,.key-item{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.key-item code{color:var(--link);font-size:13px;font-weight:750}.case-item h3,.key-item h3{margin:9px 0 7px;font-size:17px}.case-item p,.key-item p{margin:0;font-size:14px}.comparison{width:100%;margin-top:20px;border-collapse:collapse;border:1px solid var(--line);background:var(--surface)}.comparison td,.comparison th{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.comparison th{color:var(--ink-soft);background:var(--surface-soft);font-size:14px}.comparison td{color:var(--ink-soft);font-size:14px}.check-list{display:grid;gap:12px;margin-top:20px;padding:0;list-style:none}.check-list li{position:relative;margin:0;padding:16px 18px 16px 48px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.check-list li::before{content:"✓";position:absolute;top:16px;left:18px;color:var(--success);font-weight:850}.check-list strong{color:var(--ink-soft)}.security-note{padding:22px;border:1px solid var(--success-line);border-radius:8px;background:var(--surface-success)}.security-note p{color:var(--success-ink)}.steps{counter-reset:guide-step;display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}.steps li{counter-increment:guide-step;position:relative;margin:0;padding:16px 18px 16px 52px;border-bottom:1px solid var(--line)}.steps li::before{content:counter(guide-step);position:absolute;top:15px;left:6px;display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--primary);color:var(--on-primary);font-size:13px;font-weight:800}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:18px 36px 18px 0;color:var(--ink-soft);font-weight:720}.faq-answer{padding:0 0 18px}.faq-answer p{margin:0}@media (max-width:900px){.article-wrap{grid-template-columns:1fr;gap:28px}.toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.toc strong{grid-column:1/-1}}@media (max-width:680px){.case-grid,.key-grid{grid-template-columns:1fr}.comparison{display:block;overflow-x:auto;white-space:nowrap}.toc{grid-template-columns:1fr}.article h2{font-size:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}