.guide-page .g-hero{padding:150px 0 40px}.g-crumbs{display:flex;gap:8px;font-size:13px;color:var(--text-3);margin-bottom:18px}.g-crumbs a{color:var(--text-2);text-decoration:none}.g-crumbs a:hover{color:var(--brand)}.g-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 8px;background:rgba(var(--brand-rgb),.06);border:1px solid rgba(var(--brand-rgb),.12);border-radius:999px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.07em;color:var(--brand);text-transform:uppercase;margin-bottom:22px}.g-title{font-family:var(--heading);font-size:clamp(34px,4.8vw,56px);line-height:1.06;letter-spacing:-.025em;font-weight:500;color:var(--text-1);max-width:900px;margin:0 0 18px;text-wrap:balance}.g-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--brand);letter-spacing:-.01em}.g-lead{font-size:17px;line-height:1.6;color:var(--text-2);max-width:64ch;margin:0 0 16px;text-wrap:pretty}.g-meta{display:flex;gap:10px;font-family:var(--mono);font-size:11.5px;color:var(--text-3)}.g-dot{opacity:.5}.guide-page .g-body{padding:0 0 96px}.g-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start}.g-toc{position:sticky;top:100px}.g-toc-card{background:var(--surface);border:1px solid var(--border-1);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm)}.g-toc-title{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:12px}.g-toc-nav{display:flex;flex-direction:column;gap:2px}.g-toc-link{font-size:12.5px;color:var(--text-2);padding:5px 8px;border-radius:6px;line-height:1.35;text-decoration:none;transition:color .15s,background .15s}.g-toc-link:hover,.g-toc-link.active{color:var(--brand);background:rgba(var(--brand-rgb),.06)}.g-toc-cta{display:block;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-1);font-size:12.5px;font-weight:600;color:var(--brand);text-decoration:none}.g-content{background:var(--surface);border:1px solid var(--border-1);border-radius:18px;padding:44px 48px;box-shadow:var(--shadow-md);min-width:0}.g-content>p,.g-content li,.g-content dd{font-size:15px;line-height:1.75;color:var(--text-2)}.g-content>p{margin:0 0 16px}.g-content h2{font-family:var(--heading);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text-1);margin:44px 0 16px;padding-top:32px;border-top:1px solid var(--border-1);scroll-margin-top:100px}.g-content>h2:first-child,.g-content>.g-summary+h2{margin-top:32px}.g-content h3{font-family:var(--heading);font-size:17px;font-weight:600;color:var(--text-1);margin:28px 0 10px;scroll-margin-top:100px}.g-content a{color:var(--brand);text-decoration:underline;text-decoration-color:rgba(var(--brand-rgb),.3);text-underline-offset:2px}.g-content a:hover{text-decoration-color:var(--brand)}.g-content strong{color:var(--text-1);font-weight:600}.g-content ul,.g-content ol{margin:0 0 18px;padding-left:22px}.g-content li{margin-bottom:6px}.g-content code{font-family:var(--mono);font-size:13px;background:rgba(var(--brand-rgb),.07);color:var(--text-1);padding:1px 6px;border-radius:5px;overflow-wrap:anywhere}.g-content pre{background:var(--surface-alt);border:1px solid var(--border-1);border-radius:10px;padding:14px 16px;margin:0 0 18px;overflow-x:auto}.g-content pre code{background:none;padding:0;font-size:13px;line-height:1.6;white-space:pre;overflow-wrap:normal}.g-summary{background:rgba(var(--brand-rgb),.045);border:1px solid rgba(var(--brand-rgb),.14);border-radius:12px;padding:20px 24px}.g-summary-title{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:600;margin-bottom:10px}.g-summary ul{margin:0}.g-summary li{font-size:14.5px}.g-content ol.g-steps{list-style:none;padding:0;counter-reset:gstep}.g-content ol.g-steps>li{position:relative;padding-left:40px;margin-bottom:12px;counter-increment:gstep}.g-content ol.g-steps>li:before{content:counter(gstep);position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:8px;background:rgba(var(--brand-rgb),.1);color:var(--brand);font-family:var(--mono);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.g-note,.g-warn,.g-tip{border-radius:10px;padding:14px 18px;margin:0 0 18px;font-size:14px;line-height:1.65;color:var(--text-2);border:1px solid}.g-note{background:rgba(var(--brand-rgb),.045);border-color:rgba(var(--brand-rgb),.16)}.g-tip{background:#22c55e12;border-color:#22c55e40}.g-warn{background:#f59e0b14;border-color:#f59e0b4d}.g-note strong,.g-tip strong,.g-warn strong{color:var(--text-1)}.g-note p,.g-tip p,.g-warn p{margin:0}.g-table-wrap{overflow-x:auto;margin:0 0 18px;border:1px solid var(--border-1);border-radius:10px}.g-table{width:100%;border-collapse:collapse;font-size:13.5px}.g-table th{font-family:var(--heading);text-align:left;font-weight:600;font-size:12.5px;color:var(--text-1);background:var(--surface-alt);padding:11px 14px;border-bottom:1px solid var(--border-1)}.g-table td{padding:11px 14px;line-height:1.55;color:var(--text-2);border-bottom:1px solid var(--border-1);vertical-align:top}.g-table tr:last-child td{border-bottom:0}.g-table td code{font-size:12px}.g-table td:nth-child(-n+2) code{white-space:nowrap;overflow-wrap:normal}.g-cta{margin:44px 0 0;background:linear-gradient(135deg,rgba(var(--brand-rgb),.09),rgba(var(--brand-rgb),.03));border:1px solid rgba(var(--brand-rgb),.18);border-radius:14px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.g-cta h3{margin:0 0 4px;font-size:17px}.g-cta p{margin:0;font-size:13.5px;color:var(--text-2)}.g-content .g-cta a{background:var(--brand);color:#fff;text-decoration:none;font-weight:600;font-size:13.5px;padding:10px 18px;border-radius:8px;white-space:nowrap}.g-related h2,.g-sources h2{font-size:18px}.g-sources li{font-size:13.5px}.g-small{font-size:12.5px!important;color:var(--text-3)!important}@media(max-width:900px){.g-layout{grid-template-columns:1fr}.g-toc{position:static}}@media(max-width:768px){.guide-page .g-hero{padding:120px 0 28px}.g-content{padding:28px 22px}.g-content h2{font-size:20px}}@media(max-width:640px){.guide-page .wrap{padding:0 20px}.guide-page .g-hero{padding-top:104px}.g-content{padding:24px 18px;border-radius:14px}.g-lead{font-size:15.5px}}