.page-hero{padding-block:var(--sp-8) var(--sp-6)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-faint);margin-bottom:var(--sp-5)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--brand-3)}.breadcrumb .sep{opacity:.6}.page-hero h1{max-width:22em}.page-hero .lead{margin-top:var(--sp-4);max-width:40em;font-size:17px;color:var(--text-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:var(--sp-7);align-items:start;padding-bottom:var(--sp-8)}.article{display:grid;gap:var(--sp-7)}.article-section h2{scroll-margin-top:calc(var(--nav-h) + 20px);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);margin-bottom:var(--sp-5)}.article-section h2 .sec-index{background:var(--grad-brand-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:10px}.article-section p{color:var(--text-muted);margin-bottom:var(--sp-4)}.article-section p strong,.article-section li strong{color:var(--text);font-weight:600}.article-section ul,.article-section ol{padding-left:1.4em;color:var(--text-muted);display:grid;gap:var(--sp-2);margin-bottom:var(--sp-4)}.article-section li::marker{color:var(--brand-3);font-weight:600}.info-card{padding:var(--sp-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(10px)}.info-card h3{font-size:17px;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:10px}.info-card h3 svg{width:20px;height:20px;color:var(--brand-3);flex:none}.info-card p,.info-card li{font-size:var(--fs-sm)}.card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.step-card{position:relative;padding:var(--sp-5) var(--sp-5) var(--sp-5) calc(var(--sp-5) + 46px)}.step-num{position:absolute;left:var(--sp-5);top:var(--sp-5);display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--grad-brand);color:#fff;font-size:var(--fs-sm);font-weight:700;box-shadow:0 4px 14px #7c5cff66}.step-card h3{font-size:17px;margin-bottom:var(--sp-2)}.step-card p{font-size:var(--fs-sm);margin:0}.steps-grid{display:grid;gap:var(--sp-4)}.term-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.term-card{padding:var(--sp-4) var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.term-card dt{font-weight:700;font-size:var(--fs-sm);color:var(--brand-3);margin-bottom:4px}.term-card dd{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.scene-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.scene-table th,.scene-table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--border)}.scene-table thead th{background:var(--grad-brand-soft);font-weight:600;color:var(--text)}.scene-table tbody tr:last-child td{border-bottom:0}.scene-table td:last-child{color:var(--text-muted)}.table-scroll{overflow-x:auto;border-radius:var(--radius-md)}.inline-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--grad-brand-soft)}.inline-cta p{margin:0;color:var(--text);font-weight:600}.inline-cta span{display:block;font-weight:400;font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.toc{position:sticky;top:calc(var(--nav-h) + 24px);padding:var(--sp-5);font-size:var(--fs-sm)}.toc h4{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--sp-3)}.toc ol{list-style:none;display:grid;gap:8px;counter-reset:toc}.toc a{display:block;color:var(--text-muted);padding-left:26px;position:relative;transition:color .2s var(--ease)}.toc a:before{counter-increment:toc;content:counter(toc,decimal-leading-zero);position:absolute;left:0;font-size:var(--fs-xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.toc a:hover{color:var(--brand-3)}.faq-hero{text-align:center;padding-block:var(--sp-8) var(--sp-6)}.faq-hero h1{margin-inline:auto}.faq-hero .lead{margin:var(--sp-4) auto 0;max-width:34em;color:var(--text-muted)}.faq-wrap{max-width:780px;margin-inline:auto;padding-bottom:var(--sp-8)}@media (max-width: 1023px){.article-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}}@media (max-width: 700px){.card-grid-2,.card-grid-3,.term-grid{grid-template-columns:1fr}}