@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--background: #fafafa;--foreground: #1a1a1a;--accent: #1d6e6e;--accent-hover: #155454;--accent-secondary: #b5674a;--accent-secondary-hover: #9a5238;--muted: #6b7280;--border: #e5e7eb;--surface: #ffffff;--surface-hover: #f0f4f4;--code-bg: #f1f3f5;--content-width: min(48rem, calc(100vw - 2rem) );--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.25rem;--font-body: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--radius: .5rem;--transition: .18s ease}[data-theme=dark]{--background: #0d0f0f;--foreground: #e5e5e5;--accent: #3d9999;--accent-hover: #4db3b3;--accent-secondary: #c97a5c;--accent-secondary-hover: #d98b6e;--muted: #9ca3af;--border: #1e2828;--surface: #131a1a;--surface-hover: #1a2424;--code-bg: #131a1a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-y:scroll}body{min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--foreground);font-family:var(--font-body);font-size:17px;line-height:1.65;transition:background var(--transition),color var(--transition)}a,button{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.07em;transition:color var(--transition)}a:hover{color:var(--accent)}:focus-visible{outline:2px dashed var(--accent);outline-offset:2px}.frame{width:var(--content-width);margin-inline:auto}.page-shell{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto auto}.site-header .frame{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0 var(--space-3)}.brand{text-decoration:none;display:inline-flex;align-items:center;line-height:1;transition:opacity var(--transition)}.brand:hover{opacity:.8}.brand-domain{font-family:var(--font-mono);font-size:clamp(.92rem,2.2vw,1.06rem);letter-spacing:.02em;font-weight:500;color:var(--foreground);white-space:nowrap}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:.9rem}.site-nav a{text-decoration:none;position:relative}.site-nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent);border-radius:1px;transition:width .25s ease}.site-nav a:hover:after{width:100%}.active-nav{color:var(--accent);font-weight:500}.active-nav:after{width:100%!important}.rule{border-top:1px solid var(--border);transition:border-color var(--transition)}.content{padding:var(--space-5) 0}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.22;letter-spacing:-.02em}h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:700}h2{font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:600}p{margin:0 0 var(--space-3)}small{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;color:var(--muted)}.site-footer .frame{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) 0 var(--space-4);font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.site-footer p{margin:0}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.footer-links a{text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--foreground)}.social-links{display:flex;align-items:center;gap:.6rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;color:var(--muted);text-decoration:none;transition:color var(--transition),transform var(--transition)}.social-links a:hover{color:var(--accent);transform:translateY(-1px)}.social-links svg{width:1rem;height:1rem;fill:currentColor}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .5rem;cursor:pointer;font-family:var(--font-mono);font-size:.78rem;color:var(--muted);transition:color var(--transition),border-color var(--transition),background var(--transition);display:inline-flex;align-items:center;gap:.3rem}.theme-toggle:hover{color:var(--foreground);border-color:var(--muted);background:var(--surface-hover)}.theme-toggle svg{width:.9rem;height:.9rem}.skip-link{position:absolute;top:-8rem;left:1rem;background:var(--foreground);color:var(--background);padding:.45rem .65rem;border-radius:var(--radius);z-index:100}.skip-link:focus{top:1rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in-up .5s ease both}.animate-in-delay-1{animation:fade-in-up .5s ease 80ms both}.animate-in-delay-2{animation:fade-in-up .5s ease .16s both}.animate-in-delay-3{animation:fade-in-up .5s ease .24s both}[data-theme=dark] .astro-code,[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}@media(max-width:640px){body{font-size:16px}}