:where(.astro-lcdefpme){box-sizing:border-box}body{background:var(--syntaxis-shell);color:var(--syntaxis-body);font-family:var(--sl-font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1:where(.astro-lcdefpme),h2:where(.astro-lcdefpme),h3:where(.astro-lcdefpme){color:var(--syntaxis-heading);line-height:1.15}a:where(.astro-lcdefpme){color:var(--syntaxis-accent)}main:where(.astro-lcdefpme){max-width:68rem;margin:0 auto;padding:0 16px}.topbar:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:68rem;margin:0 auto;padding:18px 16px;display:flex}.brand:where(.astro-lcdefpme){color:var(--syntaxis-heading);letter-spacing:-.015em;align-items:center;gap:9px;font-size:1.1rem;font-weight:650;text-decoration:none;display:inline-flex}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){flex-wrap:wrap;gap:20px;display:flex}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){color:var(--syntaxis-body);font-size:.94rem;text-decoration:none}.topbar:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme):hover{color:var(--syntaxis-accent)}.hero:where(.astro-lcdefpme){max-width:46rem;padding:64px 0 40px}.eyebrow:where(.astro-lcdefpme){text-transform:uppercase;letter-spacing:.1em;color:var(--syntaxis-accent);margin:0 0 14px;font-size:.75rem;font-weight:620}.hero:where(.astro-lcdefpme) h1:where(.astro-lcdefpme){letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(2.3rem,7vw,3.9rem);font-weight:700}.lede:where(.astro-lcdefpme){margin:0 0 30px;font-size:1.1rem}.terminal:where(.astro-lcdefpme){background:var(--syntaxis-terminal-bg);color:var(--syntaxis-terminal-fg);border:1px solid var(--syntaxis-hairline);font-family:var(--sl-font-mono);-webkit-overflow-scrolling:touch;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px 13px 13px 17px;display:flex;overflow-x:auto}.terminal:where(.astro-lcdefpme) code:where(.astro-lcdefpme){white-space:nowrap;font-size:.93rem}.terminal:where(.astro-lcdefpme) code:where(.astro-lcdefpme):before{content:"$ ";opacity:.45}.terminal:where(.astro-lcdefpme) button:where(.astro-lcdefpme){color:inherit;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:6px;flex:none;padding:5px 13px;font-size:.8rem}.terminal:where(.astro-lcdefpme) button:where(.astro-lcdefpme):hover{background:#ffffff2e}.terminal:where(.astro-lcdefpme) button:where(.astro-lcdefpme).copied{color:var(--syntaxis-gold-300)}.terminal-note:where(.astro-lcdefpme){margin:11px 0 0;font-size:.9rem}.terminal-note:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font-family:var(--sl-font-mono);font-size:.86rem}.cta:where(.astro-lcdefpme){flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.cta:where(.astro-lcdefpme) a:where(.astro-lcdefpme){border-radius:8px;padding:11px 21px;font-size:.96rem;font-weight:560;text-decoration:none}.cta:where(.astro-lcdefpme) .primary:where(.astro-lcdefpme){background:var(--syntaxis-accent);color:var(--syntaxis-shell)}.cta:where(.astro-lcdefpme) .secondary:where(.astro-lcdefpme){border:1px solid var(--syntaxis-hairline);color:var(--syntaxis-heading)}.band:where(.astro-lcdefpme){border-top:1px solid var(--syntaxis-hairline);padding:52px 0}.band:where(.astro-lcdefpme).alt{background:var(--syntaxis-shell-alt);margin:0 -16px;padding:52px 16px}.band:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){letter-spacing:-.02em;margin:0 0 10px;font-size:1.75rem}.section-lede:where(.astro-lcdefpme){max-width:46rem;margin:0 0 28px}.section-foot:where(.astro-lcdefpme){margin:24px 0 0;font-weight:550}.section-foot:where(.astro-lcdefpme) a:where(.astro-lcdefpme){text-decoration:none}.loop:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.loop:where(.astro-lcdefpme) li:where(.astro-lcdefpme){background:var(--syntaxis-shell);border:1px solid var(--syntaxis-hairline);border-radius:10px;padding:17px}.step-label:where(.astro-lcdefpme){text-transform:uppercase;letter-spacing:.08em;color:var(--syntaxis-accent);margin-bottom:7px;font-size:.68rem;font-weight:660;display:block}.loop:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font-family:var(--sl-font-mono);color:var(--syntaxis-heading);font-size:.93rem;font-weight:600}.loop:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin:8px 0 0;font-size:.9rem}.stacks:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;margin:0;padding:0;list-style:none;display:grid}.stacks:where(.astro-lcdefpme) li:where(.astro-lcdefpme){border:1px solid var(--syntaxis-hairline);background:var(--syntaxis-shell);border-radius:9px;padding:14px 16px}.stacks:where(.astro-lcdefpme) strong:where(.astro-lcdefpme){color:var(--syntaxis-heading);font-weight:600;display:block}.stacks:where(.astro-lcdefpme) span:where(.astro-lcdefpme){font-size:.86rem}.files:where(.astro-lcdefpme) pre:where(.astro-lcdefpme){background:var(--syntaxis-terminal-bg);color:var(--syntaxis-terminal-fg);border:1px solid var(--syntaxis-hairline);-webkit-overflow-scrolling:touch;border-radius:10px;margin:0;padding:20px;overflow-x:auto}.files:where(.astro-lcdefpme) code:where(.astro-lcdefpme){font-family:var(--sl-font-mono);font-size:.86rem;line-height:1.75}.diagram:where(.astro-lcdefpme){border:1px solid var(--syntaxis-hairline);-webkit-overflow-scrolling:touch;background:#fbf7f0;border-radius:20px;margin:30px 0 0;padding:22px;overflow-x:auto}.diagram:where(.astro-lcdefpme) img:where(.astro-lcdefpme){width:100%;max-width:620px;height:auto;margin:0 auto;display:block}.diagram:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){color:#5c4d3d;text-align:center;max-width:620px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:.86rem}@media (width<=40rem){.diagram:where(.astro-lcdefpme):before{content:"Swipe to see the full diagram →";letter-spacing:.03em;text-transform:uppercase;color:var(--syntaxis-accent);text-align:center;margin:0 0 14px;font-size:.72rem;font-weight:620;display:block}.diagram:where(.astro-lcdefpme) img:where(.astro-lcdefpme){width:620px;max-width:none;margin:0}.diagram:where(.astro-lcdefpme) figcaption:where(.astro-lcdefpme){text-align:left;margin-left:0;margin-right:0}}.grid:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px;display:grid}.grid:where(.astro-lcdefpme) article:where(.astro-lcdefpme){border:1px solid var(--syntaxis-hairline);background:var(--syntaxis-shell);border-radius:10px;padding:20px}.grid:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){margin:0 0 8px;font-size:1.05rem}.grid:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin:0;font-size:.93rem}.faq:where(.astro-lcdefpme){gap:10px;display:grid}.faq:where(.astro-lcdefpme) details:where(.astro-lcdefpme){border:1px solid var(--syntaxis-hairline);background:var(--syntaxis-shell);border-radius:9px;padding:15px 18px}.faq:where(.astro-lcdefpme) summary:where(.astro-lcdefpme){cursor:pointer;color:var(--syntaxis-heading);font-weight:580}.faq:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin:11px 0 0;font-size:.93rem}.closing:where(.astro-lcdefpme){border-top:1px solid var(--syntaxis-hairline);max-width:40rem;padding:58px 0 68px}.closing:where(.astro-lcdefpme) h2:where(.astro-lcdefpme){margin:0 0 20px;font-size:1.7rem}footer:where(.astro-lcdefpme){border-top:1px solid var(--syntaxis-hairline);text-align:center;padding:34px 16px 46px}footer:where(.astro-lcdefpme) nav:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:center;gap:20px;margin:14px 0;display:flex}footer:where(.astro-lcdefpme) nav:where(.astro-lcdefpme) a:where(.astro-lcdefpme){font-size:.92rem;text-decoration:none}footer:where(.astro-lcdefpme) p:where(.astro-lcdefpme){margin:0;font-size:.85rem}footer:where(.astro-lcdefpme) p:where(.astro-lcdefpme) a:where(.astro-lcdefpme){margin-left:.3em}@media (width<=30rem){.hero:where(.astro-lcdefpme){padding-top:40px}.cta:where(.astro-lcdefpme) a:where(.astro-lcdefpme){text-align:center;width:100%}}
