header{position:sticky;top:0;z-index:10;height:var(--header-height);border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--transition-base),background-color var(--transition-base)}.site-header-inner{max-width:var(--content-width);margin-inline:auto;padding-inline:var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between}.site-title{font-size:var(--text-base);font-weight:600;color:var(--color-text);letter-spacing:-.01em;text-decoration:none;transition:color var(--transition-base)}.site-title:hover{color:var(--color-accent)}nav ul{list-style:none;display:flex;gap:var(--space-6)}nav a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;letter-spacing:.01em;transition:color var(--transition-base)}nav a:hover,nav a.active{color:var(--color-text)}footer{border-top:1px solid var(--color-border);padding-block:var(--space-8);transition:border-color var(--transition-base)}.site-footer-inner{max-width:var(--content-width);margin-inline:auto;padding-inline:var(--space-6)}.site-footer-inner p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}:root{--color-bg: #ffffff;--color-bg-subtle: #f5f5f7;--color-text: #1d1d1f;--color-text-muted: #6e6e73;--color-border: #d2d2d7;--color-accent: #0071e3;--color-accent-hover: #0077ed;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--content-width: 680px;--header-height: 4rem;--transition-base: .15s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #000000;--color-bg-subtle: #1c1c1e;--color-text: #f5f5f7;--color-text-muted: #86868b;--color-border: #3a3a3c;--color-accent: #2997ff;--color-accent-hover: #409cff}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-base),color var(--transition-base)}main{flex:1}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--space-6);padding-block:var(--space-12)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.25;letter-spacing:-.02em}h1{font-size:var(--text-3xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-4);margin-top:var(--space-8)}h3{font-size:var(--text-xl);margin-bottom:var(--space-3);margin-top:var(--space-6)}p{margin-bottom:var(--space-4);color:var(--color-text)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-hover)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:.1em .35em;border-radius:4px}.skip-link{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:4px;font-size:var(--text-sm);font-weight:600;z-index:100;transform:translateY(-200%);transition:transform var(--transition-base)}.skip-link:focus{transform:translateY(0);color:#fff}