:root{--max: 1040px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg);background-image:var(--bg-gradient);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;text-wrap:pretty}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--accent) 65%,transparent);text-underline-offset:.18em}a:hover{color:var(--accent)}.site-header,.site-footer{align-items:center;border-color:var(--line);display:grid;gap:1rem;margin:0 auto;max-width:var(--max);padding:1rem clamp(1rem,4vw,2rem)}.site-header{border-bottom:1px solid var(--glass-border);grid-template-columns:auto 1fr;position:sticky;top:0;z-index:100}.site-footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto;margin-top:5rem}.brand,.brand a{align-items:center;display:inline-flex;font-weight:800;text-decoration:none;white-space:nowrap}.brand a:first-child{color:var(--accent)}.brand a:last-child{color:var(--text)}.nav,.site-footer nav{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:end}.nav-sep{align-self:stretch;border-left:1px solid var(--muted);width:0}.menu-toggle{align-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;display:none;flex-direction:column;gap:.28rem;justify-content:center;min-height:2.5rem;padding:0 .7rem;width:2.75rem}.menu-toggle span{background:currentColor;display:block;height:2px;width:1.1rem}.nav a,.nav-sep,.site-footer a{color:var(--muted);font-size:.95rem;text-decoration:none}.theme-toggle{align-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-size:1rem;font-weight:800;gap:.35rem;justify-content:center;min-height:2.5rem;padding:0 .7rem}.page{margin:0 auto;max-width:var(--max);padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2rem)}.hero{border-bottom:1px solid var(--line);display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(15rem,22rem);padding-bottom:clamp(3rem,8vw,5rem)}.eyebrow,.post-meta{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 .7rem;text-transform:uppercase;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.96;margin-bottom:1rem;max-width:10ch}h2{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.05}h3{font-size:1.1rem}h1,h2,h3{text-wrap:balance}.lede{color:var(--muted);font-size:clamp(1.08rem,2vw,1.28rem);max-width:42rem}.panel{position:relative;align-self:end;background:var(--glass-card-bg);backdrop-filter:blur(var(--glass-card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-card-blur)) saturate(180%);border:1px solid var(--glass-card-border);box-shadow:var(--glass-card-shadow);padding:1.25rem;border-radius:8px}.panel:before{content:"";position:absolute;top:0;left:1px;right:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);border-radius:1px 1px 0 0;pointer-events:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.panel{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line);box-shadow:none}.panel:before{display:none}}.post-list{display:grid;gap:1rem;margin-top:2rem}.post-card{position:relative;background:var(--glass-card-bg);backdrop-filter:blur(var(--glass-card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-card-blur)) saturate(180%);border:1px solid var(--glass-card-border);box-shadow:var(--glass-card-shadow);padding:1.25rem;border-radius:6px}.post-card:before{content:"";position:absolute;top:0;left:1px;right:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);border-radius:1px 1px 0 0;pointer-events:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.post-card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;padding:1.25rem 0;border-radius:0;border-top:1px solid var(--line)}.post-card:before{display:none}}.post-card h2{font-size:clamp(1.45rem,3vw,2.1rem);margin-bottom:.55rem}.post-card p{color:var(--muted);max-width:45rem}.tag-list,.category-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}.tag-list a,.category-list a{background:var(--glass-card-bg);backdrop-filter:blur(var(--glass-card-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-card-blur)) saturate(180%);border:1px solid var(--glass-card-border);color:var(--text);display:inline-flex;font-size:.9rem;padding:.35rem .55rem;text-decoration:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tag-list a,.category-list a{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line)}}.content{max-width:720px}.content :global(img){max-width:100%}img{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.content :global(pre){background:var(--surface-strong);overflow:auto;padding:1rem}.breadcrumb{color:var(--muted);display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.empty-state{color:var(--muted);margin-top:2rem}@media(max-width:760px){.site-header,.site-footer,.hero{grid-template-columns:1fr}.site-header{grid-template-columns:1fr auto;z-index:102}.menu-toggle{display:inline-flex;justify-self:end;position:relative;z-index:103}.nav{align-content:start;background:var(--surface);border-left:1px solid var(--glass-border);bottom:0;box-shadow:var(--glass-card-shadow);flex-direction:column;flex-wrap:nowrap;justify-content:start;max-width:min(22rem,86vw);padding:5rem 1.25rem 1.25rem;pointer-events:none;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .16s ease;width:18rem;z-index:101}.nav.is-open{pointer-events:auto;transform:translate(0)}.nav a,.theme-toggle{justify-content:start;width:100%}.nav-sep{border-left:0;border-top:1px solid var(--line);height:0;width:100%}.site-footer nav{justify-content:start}}