.container.svelte-c73ny8{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.guide-hero.svelte-c73ny8{position:relative;overflow:hidden;padding:calc(var(--nav-h) + 4rem) 0 2.75rem;border-bottom:1px solid var(--ink-line)}.guide-hero.svelte-c73ny8:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 8% 8%,var(--glow-gold) 0%,transparent 62%),radial-gradient(ellipse 60% 60% at 92% 92%,var(--glow-sunset) 0%,transparent 62%);pointer-events:none}.guide-hero.svelte-c73ny8 .container:where(.svelte-c73ny8){position:relative}.crumb.svelte-c73ny8{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ink-mute);margin-bottom:1.75rem}.crumb.svelte-c73ny8 a:where(.svelte-c73ny8){color:var(--ink-mute);text-decoration:none}@media (hover: hover){.crumb.svelte-c73ny8 a:where(.svelte-c73ny8):hover{color:var(--cyan)}}.crumb.svelte-c73ny8 .current:where(.svelte-c73ny8){color:var(--ink)}.hero-grid.svelte-c73ny8{display:grid;gap:2rem;align-items:center}@media (min-width: 900px){.hero-grid.has-cover.svelte-c73ny8{grid-template-columns:minmax(0,1fr) 420px;gap:3rem}}.hero-cover.svelte-c73ny8{border:1px solid var(--ink-line);border-radius:14px;overflow:hidden;background:var(--bg-elevated)}.hero-cover.svelte-c73ny8 img:where(.svelte-c73ny8){display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover}.hero-eyebrow.svelte-c73ny8{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--magenta);margin-bottom:.8rem}.hero-title.svelte-c73ny8{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,5rem);line-height:.92;letter-spacing:-.01em;margin:0 0 1.1rem;color:var(--ink)}.hero-lede.svelte-c73ny8{font-size:1.2rem;color:var(--ink-mute);max-width:62ch;line-height:1.6;margin:0}.guide-shell.svelte-c73ny8{display:flex;flex-direction:column;gap:2rem;padding:2.75rem 0 4rem}.guide-toc.svelte-c73ny8{order:-1}@media (min-width: 1080px){.guide-shell.svelte-c73ny8{flex-direction:row-reverse;align-items:flex-start;gap:3.5rem}.guide-toc.svelte-c73ny8{order:0;width:232px;flex:none;position:sticky;top:6rem}}.guide-main.svelte-c73ny8{flex:1;min-width:0}.guide-section.svelte-c73ny8{margin-bottom:3rem;scroll-margin-top:6rem}.guide-section.svelte-c73ny8 h2:where(.svelte-c73ny8){font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:400;letter-spacing:-.01em;margin:0 0 1rem;color:var(--ink)}.section-body.svelte-c73ny8{color:var(--ink-mute);line-height:1.7;margin:0 0 1rem;max-width:70ch}.section-bullets.svelte-c73ny8{margin:0 0 1rem;padding-left:1.1rem;color:var(--ink-mute);line-height:1.7;max-width:70ch}.section-bullets.svelte-c73ny8 li:where(.svelte-c73ny8){margin-bottom:.3rem}.code-grid.svelte-c73ny8{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 640px){.code-grid.svelte-c73ny8{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1000px){.code-grid.svelte-c73ny8{grid-template-columns:repeat(5,minmax(0,1fr))}}.code-grid.svelte-c73ny8 li:where(.svelte-c73ny8){position:relative;display:flex;align-items:center;min-height:66px;padding:.6rem 3.2rem .6rem .8rem;border:1px solid var(--ink-line);border-radius:var(--radius-sm);background:var(--bg-card)}.code-key.svelte-c73ny8{position:absolute;top:.45rem;right:.65rem;font-family:var(--font-mono);font-size:.72rem;color:var(--gold)}.code-name.svelte-c73ny8{font-size:.88rem;line-height:1.35;color:var(--ink);text-align:left}.code-frame.svelte-c73ny8{border:1px solid var(--ink-line);border-radius:10px;overflow:hidden;background:var(--bg-card)}.code-bar.svelte-c73ny8{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;border-bottom:1px solid var(--ink-line);background:var(--bg-elevated)}.dot.svelte-c73ny8{width:10px;height:10px;border-radius:50%}.dot-red.svelte-c73ny8{background:#ff5f57}.dot-amber.svelte-c73ny8{background:#febc2e}.dot-green.svelte-c73ny8{background:#28c840}.code-lang.svelte-c73ny8{margin-left:.5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase}.code-copy.svelte-c73ny8{margin-left:auto;background:none;border:1px solid var(--ink-line);border-radius:6px;color:var(--ink-mute);font-family:var(--font-mono);font-size:.7rem;padding:.25rem .6rem;cursor:pointer;transition:color .2s,border-color .2s}@media (hover: hover){.code-copy.svelte-c73ny8:hover{color:var(--ink);border-color:var(--cyan)}}.code-frame.svelte-c73ny8 pre:where(.svelte-c73ny8){margin:0;padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.55;color:var(--ink)}.faq-list.svelte-c73ny8{display:flex;flex-direction:column;gap:1.5rem}.faq.svelte-c73ny8{scroll-margin-top:6rem}.faq-question.svelte-c73ny8{font-size:1.02rem;margin:0 0 .45rem;color:var(--ink)}.faq-answer.svelte-c73ny8{margin:0;color:var(--ink-mute);line-height:1.7;max-width:70ch}.related-grid.svelte-c73ny8{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.related-grid.svelte-c73ny8 a:where(.svelte-c73ny8){display:flex;flex-direction:column;height:100%;border:1px solid var(--ink-line);border-radius:12px;overflow:hidden;background:var(--bg-card);text-decoration:none;transition:border-color .25s,transform .25s}.related-grid.svelte-c73ny8 img:where(.svelte-c73ny8){width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.related-body.svelte-c73ny8{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem}.related-name.svelte-c73ny8{color:var(--ink);font-size:.95rem}.related-tagline.svelte-c73ny8{color:var(--ink-mute);font-size:.84rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (hover: hover){.related-grid.svelte-c73ny8 a:where(.svelte-c73ny8):hover{border-color:var(--gold);transform:translateY(-3px)}}@media (hover: none){.related-grid.svelte-c73ny8 a:where(.svelte-c73ny8){transition:transform .13s ease-out,border-color .3s}.related-grid.svelte-c73ny8 a:where(.svelte-c73ny8):active{transform:scale(.98)}}.guide-more.svelte-c73ny8{padding:3rem 0 5rem;border-top:1px solid var(--ink-line)}.more-title.svelte-c73ny8{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 1.4rem}.more-grid.svelte-c73ny8{list-style:none;margin:0;padding:0;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
