.guide-page.svelte-17e1hg0.svelte-17e1hg0{min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-lg);max-width:1400px;margin:0 auto;align-items:start}.sidebar.svelte-17e1hg0.svelte-17e1hg0{position:-webkit-sticky;position:sticky;top:24px;height:fit-content;padding:var(--spacing-xl);max-height:calc(100vh - 48px)}.sidebar.svelte-17e1hg0 h3.svelte-17e1hg0{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg)}.sidebar.svelte-17e1hg0 nav.svelte-17e1hg0{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar.svelte-17e1hg0 button.svelte-17e1hg0{text-align:left;padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;transition:all var(--transition-base);cursor:pointer}.sidebar.svelte-17e1hg0 button.svelte-17e1hg0:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar.svelte-17e1hg0 button.active.svelte-17e1hg0{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-subtle)}.content.svelte-17e1hg0.svelte-17e1hg0{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.guide-header.svelte-17e1hg0.svelte-17e1hg0{text-align:center;padding:var(--spacing-3xl) 0}.guide-header.svelte-17e1hg0 h1.svelte-17e1hg0{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-md)}.guide-header.svelte-17e1hg0 p.svelte-17e1hg0{font-size:1.0625rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.section.svelte-17e1hg0.svelte-17e1hg0{padding:var(--spacing-2xl);scroll-margin-top:calc(var(--spacing-2xl) + 20px)}.section.svelte-17e1hg0 h2.svelte-17e1hg0{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.section.svelte-17e1hg0 h3.svelte-17e1hg0{font-size:1.25rem;font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-md)}.section.svelte-17e1hg0 p.svelte-17e1hg0{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.section.svelte-17e1hg0 ul.svelte-17e1hg0,.section.svelte-17e1hg0 ol.svelte-17e1hg0{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);color:var(--text-secondary)}.section.svelte-17e1hg0 li.svelte-17e1hg0{margin-bottom:var(--spacing-sm);line-height:1.7}.section.svelte-17e1hg0 code.svelte-17e1hg0{background:var(--surface-primary);padding:2px 6px;border-radius:var(--radius-xs);font-size:.875rem;color:var(--text-primary);border:1px solid var(--border-subtle)}.section.svelte-17e1hg0 pre code.svelte-17e1hg0{background:none;padding:0;border:none}.section.svelte-17e1hg0 a.svelte-17e1hg0{color:var(--text-primary);text-decoration:underline;text-underline-offset:2px}.section.svelte-17e1hg0 a.svelte-17e1hg0:hover{opacity:.7}.note.svelte-17e1hg0.svelte-17e1hg0{background:var(--surface-primary);border-left:3px solid var(--accent-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);margin:var(--spacing-lg) 0}.note.svelte-17e1hg0 strong.svelte-17e1hg0{color:var(--text-primary)}@media (max-width: 1024px){.guide-page.svelte-17e1hg0.svelte-17e1hg0{grid-template-columns:1fr;padding:var(--spacing-xl) var(--spacing-md)}.sidebar.svelte-17e1hg0.svelte-17e1hg0{position:relative;top:0;max-height:none}.sidebar.svelte-17e1hg0 nav.svelte-17e1hg0{flex-direction:row;flex-wrap:wrap}}