.guide-page.svelte-36n0qb{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.guide-nav.svelte-36n0qb{position:sticky;top:0;height:100vh;overflow-y:auto;padding:var(--space-6);background:var(--color-bg-secondary);border-right:1px solid var(--color-border)}.nav-header.svelte-36n0qb{margin-bottom:var(--space-6)}.nav-header.svelte-36n0qb h2:where(.svelte-36n0qb){font-family:var(--font-serif);font-size:var(--size-lg);margin:0 0 var(--space-1) 0}.nav-header.svelte-36n0qb p:where(.svelte-36n0qb){font-size:var(--size-sm);color:var(--color-text-secondary);margin:0}.nav-list.svelte-36n0qb{list-style:none;padding:0;margin:0 0 var(--space-6) 0}.nav-item.svelte-36n0qb{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.nav-item.svelte-36n0qb:hover{background:var(--color-bg-hover);color:var(--color-text)}.nav-item.active.svelte-36n0qb{background:var(--color-bg-tertiary);color:var(--color-text);font-weight:500}.nav-icon.svelte-36n0qb{font-size:var(--size-md)}.back-link.svelte-36n0qb{display:block;font-size:var(--size-sm);color:var(--color-text-secondary)}.guide-content.svelte-36n0qb{padding:var(--space-8) var(--space-10);max-width:900px}.guide-section.svelte-36n0qb{margin-bottom:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.guide-section.svelte-36n0qb:last-of-type{border-bottom:none}.guide-section.svelte-36n0qb h1:where(.svelte-36n0qb){font-family:var(--font-serif);font-size:var(--size-3xl);font-weight:500;margin:0 0 var(--space-4) 0}.guide-section.svelte-36n0qb h2:where(.svelte-36n0qb){font-family:var(--font-serif);font-size:var(--size-xl);font-weight:500;margin:var(--space-8) 0 var(--space-3) 0}.guide-section.svelte-36n0qb h3:where(.svelte-36n0qb){font-size:var(--size-md);font-weight:600;margin:var(--space-6) 0 var(--space-2) 0}.guide-section.svelte-36n0qb h4:where(.svelte-36n0qb){font-size:var(--size-sm);font-weight:600;margin:var(--space-4) 0 var(--space-2) 0}.lead.svelte-36n0qb{font-size:var(--size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.guide-section.svelte-36n0qb p:where(.svelte-36n0qb){line-height:1.7;margin:0 0 var(--space-4) 0}.guide-section.svelte-36n0qb ul:where(.svelte-36n0qb),.guide-section.svelte-36n0qb ol:where(.svelte-36n0qb){margin:0 0 var(--space-4) 0;padding-left:var(--space-6);line-height:1.7}.guide-section.svelte-36n0qb li:where(.svelte-36n0qb){margin-bottom:var(--space-2)}.component-grid.svelte-36n0qb{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.component-card.svelte-36n0qb{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.component-card.svelte-36n0qb h3:where(.svelte-36n0qb),.component-card.svelte-36n0qb h4:where(.svelte-36n0qb){margin:0 0 var(--space-2) 0}.component-card.svelte-36n0qb p:where(.svelte-36n0qb){font-size:var(--size-sm);color:var(--color-text-secondary);margin:0}.component-card.svelte-36n0qb p:where(.svelte-36n0qb) em:where(.svelte-36n0qb){display:block;margin-top:var(--space-2);color:var(--color-text-tertiary)}.example-box.svelte-36n0qb{padding:var(--space-4);background:var(--color-bg-tertiary);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-4) 0}.example-box.svelte-36n0qb p:where(.svelte-36n0qb):last-child,.example-box.svelte-36n0qb ul:where(.svelte-36n0qb):last-child{margin-bottom:0}.tip-box.svelte-36n0qb{padding:var(--space-4);background:var(--color-accent-light);border-radius:var(--radius-md);margin:var(--space-4) 0}.tip-box.svelte-36n0qb .help-icon:where(.svelte-36n0qb){display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-accent);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.question-list.svelte-36n0qb{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-4) 0}.question.svelte-36n0qb{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.question.svelte-36n0qb h4:where(.svelte-36n0qb){margin:0 0 var(--space-2) 0}.question.svelte-36n0qb p:where(.svelte-36n0qb){font-size:var(--size-sm);color:var(--color-text-secondary);margin:0}.notation-table.svelte-36n0qb{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--size-sm)}.notation-table.svelte-36n0qb th:where(.svelte-36n0qb),.notation-table.svelte-36n0qb td:where(.svelte-36n0qb){padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.notation-table.svelte-36n0qb th:where(.svelte-36n0qb){background:var(--color-bg-tertiary);font-weight:600}.code-block.svelte-36n0qb{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-family:monospace;overflow-x:auto;margin:var(--space-4) 0}.interlinear-example.svelte-36n0qb{font-size:var(--size-md)}.il-line.svelte-36n0qb{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.il-word.svelte-36n0qb{display:flex;flex-direction:column;align-items:center}.il-surface.svelte-36n0qb{font-weight:500}.il-gloss.svelte-36n0qb{font-size:var(--size-sm);color:var(--color-text-secondary);font-family:monospace}.il-translation.svelte-36n0qb{font-style:italic;color:var(--color-text-secondary)}.guide-footer.svelte-36n0qb{text-align:center;padding:var(--space-8);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-top:var(--space-8)}.guide-footer.svelte-36n0qb h2:where(.svelte-36n0qb){font-family:var(--font-serif);margin:0 0 var(--space-2) 0}.guide-footer.svelte-36n0qb p:where(.svelte-36n0qb){color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.cta-button.svelte-36n0qb{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.cta-button.svelte-36n0qb:hover{opacity:.9}@media(max-width:900px){.guide-page.svelte-36n0qb{grid-template-columns:1fr}.guide-nav.svelte-36n0qb{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.nav-list.svelte-36n0qb{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guide-content.svelte-36n0qb{padding:var(--space-6)}}