:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.site-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem max(1.5rem,50% - 480px);display:flex}.brand{color:#111827;font-size:1.125rem;font-weight:700;text-decoration:none}.site-header nav{gap:1.25rem;display:flex}.site-header nav a,.home-link{color:#4b5563;text-decoration:none}.site-header nav a.active,.site-header nav a:hover,.home-link:hover{color:#4f46e5}.page{max-width:720px;margin:0 auto;padding:6rem 1.5rem}.eyebrow{color:#4f46e5;letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700}.page h1{color:#111827;letter-spacing:-.04em;margin:.75rem 0 1rem;font-size:clamp(2.25rem,7vw,4rem);line-height:1.1}.page>p:not(.eyebrow){color:#4b5563;line-height:1.7}.page code{color:#374151;background:#f3f4f6;border-radius:.25rem;padding:.125rem .375rem}