.guide-page{min-height:100vh}.guide-hero{background:var(--gray-50);border-bottom:1px solid var(--gray-100);padding:6.5rem 1.5rem 3rem}.guide-hero-inner{max-width:1276px;margin:0 auto}.guide-breadcrumb{display:flex;align-items:center;gap:.375rem;margin-bottom:var(--spacing-lg);font-size:var(--font-size-xs);color:var(--gray-300)}.guide-breadcrumb a{color:var(--gray-400);text-decoration:none}.guide-breadcrumb a:hover{color:#0f172a}.guide-breadcrumb-sep{color:var(--gray-200)}.guide-badge{display:inline-flex;align-items:center;gap:.375rem;background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe;padding:.25rem .875rem;border-radius:100px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg)}.guide-hero h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:#0f172a;line-height:1.15;letter-spacing:-.025em;margin:0 0 var(--spacing-md)}.guide-hero-desc{font-size:var(--font-size-lg);color:var(--gray-400);line-height:1.7;margin:0 0 var(--spacing-xl)}.guide-hero-meta{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.guide-meta-item,.guide-toc-list a{display:flex;align-items:center;font-size:var(--font-size-xs)}.guide-meta-item{gap:.375rem;color:var(--gray-300);font-weight:500}.guide-meta-item svg{flex-shrink:0}.guide-layout{display:flex;max-width:1276px;margin:0 auto;padding:3rem var(--spacing-lg);gap:var(--spacing-3xl);align-items:flex-start}.guide-toc{flex:0 0 14rem;position:sticky;top:5.5rem}.guide-toc-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-300);margin:0 0 var(--spacing-md)}.guide-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.guide-toc-list a{gap:.5rem;color:var(--gray-400);text-decoration:none;padding:.375rem .5rem;border-radius:var(--radius-sm);border-left:2px solid transparent;transition:color .15s,background .15s,border-color .15s}.guide-toc-list a.active,.guide-toc-list a:hover{color:#6366f1;background:#eef2ff;border-left-color:#6366f1}.guide-toc-section{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-300);padding:.75rem .5rem .25rem}.guide-toc-divider{height:1px;background:var(--gray-100);margin:var(--spacing-sm)0}.guide-toc-related{margin-top:var(--spacing-xl)}.guide-toc-related-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-300);margin-bottom:var(--spacing-sm)}.guide-toc-related-link{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);color:var(--gray-400);text-decoration:none;padding:.375rem 0;transition:color .15s}.guide-toc-related-link:hover{color:#6366f1}.guide-content{flex:1;min-width:0}.guide-section{margin-bottom:var(--spacing-3xl)}.guide-section:last-child{margin-bottom:0}.guide-section-title{font-size:var(--font-size-xl);font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-100)}.guide-content h3{font-size:var(--font-size-lg);font-weight:700;color:#0f172a;margin:var(--spacing-xl)0 var(--spacing-sm);letter-spacing:-.015em}.guide-content p{line-height:1.8;margin:0 0 var(--spacing-md)}.guide-content ol,.guide-content ul{padding-left:var(--spacing-lg);margin:0 0 var(--spacing-md)}.guide-content li,.guide-content p,.guide-step-body p{font-size:var(--font-size-sm);color:var(--gray-400)}.guide-content li{line-height:1.75;margin-bottom:.375rem}.guide-content a{color:#6366f1;text-decoration:none}.guide-content a:hover{text-decoration:underline}.guide-step,.guide-steps{display:flex;gap:var(--spacing-md)}.guide-steps{flex-direction:column;margin:var(--spacing-lg)0}.guide-step{background:#fff;border:1.5px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--spacing-lg);align-items:flex-start}.guide-step-num{width:2rem;height:2rem;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:800;color:#6366f1;flex-shrink:0}.guide-card h4,.guide-step-body h4{font-size:var(--font-size-sm);font-weight:700;color:#0f172a;margin:0 0 .25rem}.guide-step-body p{line-height:1.65;margin:0}.guide-tip{background:#eef2ff;border:1px solid #c7d2fe;border-left:3px solid #6366f1;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg)0}.guide-tip-label{font-size:var(--font-size-xs);font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.guide-tip p{color:#4f46e5;line-height:1.65}.guide-warning{background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg)0}.guide-warning-label{font-size:var(--font-size-xs);font-weight:700;color:#d97706;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.guide-card p,.guide-tip p,.guide-warning p{font-size:var(--font-size-sm);margin:0}.guide-warning p{color:#92400e;line-height:1.65}.guide-code{background:#0f172a;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-md)0;overflow-x:auto}.guide-code code{font-family:"Fira Code","Cascadia Code",Consolas,monospace;font-size:var(--font-size-xs);color:#e2e8f0;line-height:1.7;white-space:pre}.guide-cards{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:var(--spacing-lg)0}.guide-card{flex:1 1 calc(50% - var(--spacing-sm));min-width:220px;background:var(--gray-50);border:1.5px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.guide-card-icon,.guide-nav{display:flex;align-items:center}.guide-card-icon{width:2.25rem;height:2.25rem;background:#eef2ff;border-radius:var(--radius-md);justify-content:center;margin-bottom:var(--spacing-sm)}.guide-card-icon svg{stroke:#6366f1}.guide-card p{color:var(--gray-400);line-height:1.6}.guide-nav{justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--gray-100)}.guide-nav-link{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);background:#fff;border:1.5px solid var(--gray-100);border-radius:var(--radius-xl);min-width:12rem;transition:border-color .15s,box-shadow .15s}.guide-nav-link:hover{border-color:#c7d2fe;box-shadow:var(--shadow-sm)}.guide-nav-link.next{align-items:flex-end}.guide-nav-label{font-size:var(--font-size-xs);font-weight:700;color:var(--gray-300);text-transform:uppercase;letter-spacing:.05em}.guide-nav-title{font-size:var(--font-size-sm);font-weight:700;color:#0f172a}@media (max-width:900px){.guide-layout{flex-direction:column;padding:2rem var(--spacing-lg)}.guide-toc{position:static;flex:none;width:100%}.guide-card{flex:1 1 100%}}@media (max-width:600px){.guide-hero{padding:5.5rem 1.5rem 2.5rem}.guide-nav{flex-direction:column}.guide-nav-link{width:100%;min-width:0}}