.doc-hero{padding:110px 0 40px;position:relative;overflow:hidden;border-bottom:1px solid var(--color-border)}.doc-hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(45,212,191,.08) 1px,transparent 1px);background-size:28px 28px;opacity:.5;pointer-events:none}.doc-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--color-text-muted);margin-bottom:20px}.doc-breadcrumb a{color:var(--color-text-muted)}.doc-breadcrumb a:hover{color:var(--color-primary);opacity:1}.doc-hero-title{display:flex;align-items:center;gap:14px}.doc-hero-emoji{font-size:2rem;line-height:1}.doc-hero h1{font-family:var(--font-heading);font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;line-height:1.13;margin:0;letter-spacing:-.02em}.doc-hero-lede{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6;margin:16px 0 0;max-width:700px}.doc-layout{display:grid;grid-template-columns:1fr 268px;gap:52px;padding-top:44px;padding-bottom:80px}.doc-main{min-width:0}.doc-sidebar{align-self:stretch}.doc-sidebar-inner{position:sticky;top:92px;display:flex;flex-direction:column;gap:14px}.doc-sidebar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px}.doc-sidebar-label{font-family:var(--font-heading);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:12px}.doc-nav-link{display:block;padding:7px 10px;font-size:.82rem;color:var(--color-text-muted);border-radius:var(--radius-xs);border-left:2px solid transparent;margin-bottom:2px;text-decoration:none;line-height:1.4;transition:all .15s}.doc-nav-link:hover{color:var(--color-text);background:var(--color-surface-hover);opacity:1}.doc-nav-link.active{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-primary-glow);font-weight:600}.doc-sidebar-cta{text-align:center}.doc-sidebar-cta-icon{font-size:1.6rem;margin-bottom:6px}.doc-sidebar-cta h4{font-family:var(--font-heading);font-size:.9rem;font-weight:700;margin-bottom:6px}.doc-sidebar-cta p{font-size:.8rem;color:var(--color-text-muted);margin-bottom:14px;line-height:1.5}.doc-cta-btn{display:block;width:100%;justify-content:center;text-align:center}.doc-cta-btn+.doc-cta-btn{margin-top:8px}.doc-body h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;margin:48px 0 14px;letter-spacing:-.01em;padding-top:44px;border-top:1px solid var(--color-border);scroll-margin-top:100px}.doc-body h2:first-child{margin-top:0;padding-top:0;border-top:none}.doc-body h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin:26px 0 10px;color:var(--color-text)}.doc-body p{color:var(--color-text-muted);line-height:1.8;margin-bottom:16px;font-size:1rem}.doc-body strong{color:var(--color-text);font-weight:600}.doc-body a:not(.btn){color:var(--color-primary)}.doc-body ul{margin:0 0 18px;padding:0;list-style:none}.doc-body ul li{color:var(--color-text-muted);line-height:1.7;padding:4px 0 4px 22px;position:relative;font-size:1rem}.doc-body ul li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.doc-body ol{margin:0 0 18px;padding-left:26px}.doc-body ol li{color:var(--color-text-muted);line-height:1.7;font-size:1rem;margin-bottom:6px}.doc-body ol li::marker{color:var(--color-primary);font-weight:700}.doc-callout{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);padding:16px 20px;margin:24px 0}.doc-callout p{margin:0}.doc-callout-title{font-family:var(--font-heading);font-size:.78rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.doc-steps{margin:24px 0;display:flex;flex-direction:column;gap:12px;padding:0;list-style:none;counter-reset:docstep}.doc-steps li{position:relative;counter-increment:docstep;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:16px 18px 16px 60px;line-height:1.7;color:var(--color-text-muted);font-size:.95rem}.doc-steps li:before{content:counter(docstep);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--color-primary-glow);border:1.5px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-heading);font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}.doc-steps li strong{color:var(--color-text)}.doc-faq-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;margin:48px 0 14px;padding-top:44px;border-top:1px solid var(--color-border)}.doc-faq{margin:0}.doc-faq details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:10px;transition:border-color .2s}.doc-faq details[open]{border-color:var(--color-primary-glow-strong)}.doc-faq summary{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-family:var(--font-heading);font-size:.9rem;font-weight:600;cursor:pointer;list-style:none;user-select:none;color:var(--color-text)}.doc-faq summary::-webkit-details-marker{display:none}.doc-faq summary:after{content:"+";color:var(--color-primary);font-size:1.2rem;font-weight:300;flex-shrink:0;margin-left:10px;transition:transform .2s}.doc-faq details[open] summary:after{transform:rotate(45deg)}.doc-faq details p{padding:0 18px 14px;font-size:.9rem;color:var(--color-text-muted);line-height:1.7;margin:0}.doc-help-banner{background:linear-gradient(135deg,var(--color-primary-glow) 0%,rgba(15,118,110,.07) 100%);border:1px solid var(--color-primary-glow-strong);border-radius:var(--radius);padding:22px 26px;margin:44px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.doc-help-banner strong{font-family:var(--font-heading);font-size:.95rem;display:block;margin-bottom:4px}.doc-help-banner p{font-size:.85rem;color:var(--color-text-muted);margin:0}@media(max-width:1024px){.doc-layout{grid-template-columns:1fr;gap:0}.doc-sidebar{display:none}}@media(max-width:768px){.doc-hero{padding:88px 0 28px}.doc-layout{padding-top:28px}.doc-help-banner{flex-direction:column;text-align:center;align-items:stretch}}