*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--blue: #2563EB;--blue-light: #60A5FA;--blue-pale: #DBEAFE;--bg: #F8FAFC;--bg-alt: #EFF6FF;--bg-dark: #0F172A;--bg-dark-2: #1E293B;--border: #CBD5E1;--border-light: #E2E8F0;--text: #0F172A;--text-2: #475569;--text-3: #94A3B8;--white: #FFFFFF}body{font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.mono{font-family:Geist Mono,JetBrains Mono,monospace}.container{max-width:1080px;margin:0 auto;padding:0 24px}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#f8fafce6;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.nav-inner{max-width:1080px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:Geist Mono,monospace;font-weight:700;font-size:18px;color:var(--blue);text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{color:var(--text-2);text-decoration:none;font-size:13px;font-weight:500}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--blue)}.nav-cta{background:var(--blue)!important;color:var(--white)!important;padding:6px 16px;border-radius:6px;font-family:Geist Mono,monospace;font-size:12px}.nav-cta:hover{background:#1d4ed8!important}footer{padding:40px 24px;border-top:2px dashed var(--border);text-align:center}.footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:12px}.footer-links a{color:var(--text-2);text-decoration:none;font-size:13px}.footer-links a:hover{color:var(--blue)}.footer-copy{font-family:Geist Mono,monospace;font-size:11px;color:var(--text-3)}.page-content{padding:96px 24px 60px;max-width:760px;margin:0 auto}.page-content h1{font-family:Geist Mono,monospace;font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:8px}.page-content .page-desc{font-size:15px;color:var(--text-2);margin-bottom:40px}.prose h2{font-family:Geist Mono,monospace;font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.01em;margin:40px 0 12px;padding-top:24px;border-top:1px solid var(--border-light)}.prose h2:first-child{border-top:none;margin-top:0;padding-top:0}.prose h3{font-family:Geist Mono,monospace;font-size:15px;font-weight:600;color:var(--blue);margin:24px 0 8px}.prose p{margin:12px 0;color:var(--text-2);line-height:1.7}.prose ul,.prose ol{margin:12px 0;padding-left:24px;color:var(--text-2)}.prose li{margin:4px 0;line-height:1.6}.prose strong{color:var(--text);font-weight:600}.prose code{font-family:Geist Mono,monospace;font-size:13px;background:var(--bg-alt);border:1px solid var(--border-light);padding:2px 6px;border-radius:4px;color:var(--blue)}.prose pre{background:var(--bg-dark)!important;border-radius:12px;padding:20px 24px;margin:20px 0;overflow-x:auto;border:1px solid var(--bg-dark-2);box-shadow:0 4px 16px #0f172a1a}.prose pre code{background:none!important;border:none!important;padding:0!important;color:#cbd5e1;font-size:12px;line-height:1.8}.prose table{width:100%;margin:16px 0;border-collapse:collapse;font-size:13px}.prose th{font-family:Geist Mono,monospace;font-weight:600;text-align:left;padding:8px 12px;border-bottom:2px solid var(--border);color:var(--text);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.prose td{padding:8px 12px;border-bottom:1px solid var(--border-light);color:var(--text-2)}.prose td code{font-size:12px}.prose hr{border:none;border-top:2px dashed var(--border);margin:40px 0}.prose a{color:var(--blue);text-decoration:none}.prose a:hover{text-decoration:underline}.prose pre{position:relative}.copy-btn{position:absolute;top:8px;right:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-3);border-radius:6px;padding:4px 8px;font-family:Geist Mono,monospace;font-size:11px;cursor:pointer;transition:all .15s;opacity:0}.prose pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:#ffffff26;color:var(--white)}.copy-btn.copied{color:var(--blue-light)}@media(max-width:768px){.page-content{padding:80px 16px 40px}.page-content h1{font-size:22px}.prose pre{font-size:12px;padding:12px}.prose table{font-size:12px}}