.container.svelte-165ddrt{max-width:72rem;margin:0 auto;padding:0 1.5rem}.guide-hero.svelte-165ddrt{background:var(--bg);padding:2.5rem 0;border-bottom:1px solid var(--border-light)}.crumbs.svelte-165ddrt{font-size:var(--font-size-xs);color:var(--text-faint);margin-bottom:1.5rem}.crumbs.svelte-165ddrt a:where(.svelte-165ddrt){color:inherit;text-decoration:none}.crumbs.svelte-165ddrt a:where(.svelte-165ddrt):hover{color:var(--accent)}.crumb-sep.svelte-165ddrt{margin:0 .4rem}.hero-grid.svelte-165ddrt{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:3rem;align-items:start}.hero-title.svelte-165ddrt{font-size:2.1rem;font-weight:500;color:var(--text);letter-spacing:-.03em;line-height:1.15;margin:0 0 .75rem}.hero-lede.svelte-165ddrt{font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:36rem;margin:0 0 1.25rem}.meta-row.svelte-165ddrt{display:flex;gap:.5rem;flex-wrap:wrap}.meta-chip.svelte-165ddrt{font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted);background:var(--bg-section);border:1px solid var(--border-light);border-radius:var(--radius-pill);padding:.25rem .75rem;white-space:nowrap}.meta-chip--accent.svelte-165ddrt{color:var(--accent);background:var(--bg-white)}.hero-actions.svelte-165ddrt{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-side.svelte-165ddrt{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--bg-section);border:1px solid var(--border-light);border-radius:var(--radius-card)}.side-label.svelte-165ddrt{font-size:var(--font-size-xs);color:var(--text-faint)}.side-cmd.svelte-165ddrt{display:block;background:var(--surface-dark);color:#ffffffd9;padding:.6rem .85rem;border-radius:8px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.78rem;overflow-x:auto;white-space:nowrap}.side-cmd.svelte-165ddrt .dim:where(.svelte-165ddrt){color:var(--accent);font-weight:600}.side-note.svelte-165ddrt{font-size:var(--font-size-xs);line-height:var(--leading-relaxed);color:var(--text-faint);margin:0}.guide-body.svelte-165ddrt{background:var(--bg-section);padding:3rem 0 4rem}.body-grid.svelte-165ddrt{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2.5rem;align-items:start}.sidebar.svelte-165ddrt{position:sticky;top:5rem}.sidebar-card.svelte-165ddrt{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-card);padding:1.25rem;box-shadow:var(--shadow-card)}.sidebar-title.svelte-165ddrt{font-size:var(--font-size-sm);font-weight:600;color:var(--text);letter-spacing:-.01em;margin:0 0 .75rem}.toc-nav.svelte-165ddrt{display:flex;flex-direction:column;gap:.15rem}.toc-nav.svelte-165ddrt a:where(.svelte-165ddrt){padding:.4rem .5rem;border-radius:var(--radius);color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--leading-normal);text-decoration:none;transition:all var(--transition-fast)}.toc-nav.svelte-165ddrt a:where(.svelte-165ddrt):hover{background:var(--bg-section);color:var(--text)}.article-col.svelte-165ddrt{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.article-card.svelte-165ddrt{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-card);padding:1.75rem;box-shadow:var(--shadow-card);scroll-margin-top:5rem;transition:box-shadow var(--transition-fast)}.article-card.svelte-165ddrt:hover{box-shadow:var(--shadow-card-hover)}.article-card--muted.svelte-165ddrt{background:var(--bg);box-shadow:none}.article-card.svelte-165ddrt h2:where(.svelte-165ddrt){margin:0 0 1rem;color:var(--text);font-size:var(--font-size-xl);font-weight:500;letter-spacing:-.015em;line-height:var(--leading-snug)}.article-card.svelte-165ddrt h3:where(.svelte-165ddrt){margin:1.5rem 0 .5rem;color:var(--text);font-size:var(--font-size-base);font-weight:600}.article-card.svelte-165ddrt p:where(.svelte-165ddrt),.step-list.svelte-165ddrt{color:var(--text-muted);font-size:var(--font-size-base);line-height:var(--leading-relaxed)}.article-card.svelte-165ddrt p:where(.svelte-165ddrt){margin:0 0 1rem}.article-card.svelte-165ddrt p:where(.svelte-165ddrt):last-child{margin-bottom:0}.article-card.svelte-165ddrt a:where(.svelte-165ddrt){color:var(--accent);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.article-card.svelte-165ddrt a:where(.svelte-165ddrt):hover{color:var(--accent-hover)}.article-card.svelte-165ddrt code:where(.svelte-165ddrt){background:var(--bg-card);padding:.1rem .35rem;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8em;color:var(--text)}.article-card.svelte-165ddrt pre:where(.svelte-165ddrt){margin:1rem 0;padding:1rem 1.25rem;overflow-x:auto;background:var(--surface-dark);border-radius:var(--radius)}.article-card.svelte-165ddrt pre:where(.svelte-165ddrt) code:where(.svelte-165ddrt){padding:0;background:transparent;color:#ffffffd9;font-size:.82rem}.step-list.svelte-165ddrt{display:grid;gap:1rem;margin:0;padding-left:1.4rem}.step-list.svelte-165ddrt li:where(.svelte-165ddrt)::marker{color:var(--accent);font-weight:600}.step-list.svelte-165ddrt strong:where(.svelte-165ddrt){color:var(--text);font-weight:600}.guide-figure.svelte-165ddrt{margin:1.5rem 0 0;overflow:hidden;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.guide-figure.svelte-165ddrt img:where(.svelte-165ddrt){display:block;width:100%;max-height:42rem;object-fit:contain;background:var(--bg-section)}.guide-figure.svelte-165ddrt figcaption:where(.svelte-165ddrt){padding:.75rem 1rem;color:var(--text-muted);font-size:var(--font-size-xs);line-height:var(--leading-relaxed);border-top:1px solid var(--border-light)}@media(max-width:1024px){.hero-grid.svelte-165ddrt{grid-template-columns:1fr;gap:1.5rem}.hero-side.svelte-165ddrt{max-width:26rem}.body-grid.svelte-165ddrt{grid-template-columns:1fr}.sidebar.svelte-165ddrt{display:none}}@media(max-width:640px){.guide-hero.svelte-165ddrt{padding:2rem 0}.hero-title.svelte-165ddrt{font-size:1.65rem}.hero-lede.svelte-165ddrt{font-size:var(--font-size-base)}.guide-body.svelte-165ddrt{padding:2rem 0 3rem}.article-card.svelte-165ddrt{padding:1.25rem}.article-card.svelte-165ddrt h2:where(.svelte-165ddrt){font-size:var(--font-size-lg)}}
