:root{color-scheme:light dark;--ink: light-dark(#143d36, #e0f1e9);--muted: light-dark(#54756e, #a3c1b7);--blue: light-dark(#006653, #82d6b4);--blue-solid: #006653;--ink-solid: #004b40;--mint: #b8e4bf;--amber: #f9b447;--line: light-dark(#d1e3dc, #34564d);--surface: light-dark(#eaf4f2, #162e28);--background: light-dark(#f5faf9, #0d211c);--code-bg: light-dark(#eaf4f2, #1b3a31);--code-text: light-dark(#004b40, #b8e4bf);--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 12px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-variable.woff2) format("woff2");font-weight:300 700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65}html{scrollbar-color:light-dark(#739489,#5a7f74) var(--background)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:550;line-height:1.2;margin:0}.wrap{max-width:820px;margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--line);background:var(--background)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.035em;text-decoration:none;white-space:nowrap}.brand img{width:30px;height:30px}.header-links{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600}.header-links a{color:var(--muted);text-decoration:none}.header-links a:hover{color:var(--ink)}.header-links a.btn{background:var(--blue-solid);color:#fff;padding:9px 16px;border-radius:9px}.header-links a.btn:hover{background:#005642;color:#fff}@media(max-width:640px){.header-links a:not(.btn):not(.theme-link){display:none}}.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:light-dark(#ffffff,#1b2a26)}.theme-toggle button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;line-height:1}.theme-toggle button:hover{color:var(--ink)}.theme-toggle button[aria-pressed=true]{background:light-dark(#f0fcf8,#233630);color:var(--blue)}main{padding:56px 0 72px}.page-intro h1{font-size:clamp(32px,5vw,44px)}.page-intro p{color:var(--muted);font-size:17px;margin:16px 0 0;max-width:62ch}.post-list{list-style:none;margin:44px 0 0;padding:0}.post-list li{padding:26px 0;border-top:1px solid var(--line)}.post-list li:last-child{border-bottom:1px solid var(--line)}.post-list h2{font-size:22px;margin:0 0 8px}.post-list h2 a{text-decoration:none}.post-list h2 a:hover{color:var(--blue)}.post-list p{color:var(--muted);margin:0;font-size:15px}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:10px}.tag{background:var(--surface);border-radius:5px;padding:3px 8px;font-size:12px;font-weight:650}.badge-placeholder{background:light-dark(#fff0da,#362508);color:light-dark(#af5f0a,#e5904b);border-radius:5px;padding:3px 8px;font-size:12px;font-weight:700}.empty{margin-top:44px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.article-header{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:36px}.article-header h1{font-size:clamp(30px,4.5vw,40px);margin-bottom:14px}.article-header .lede{color:var(--muted);font-size:18px;margin:0}.prose{font-size:17px}.prose h2{font-size:26px;margin:40px 0 14px}.prose h3{font-size:20px;margin:30px 0 10px}.prose p,.prose ul,.prose ol{margin:0 0 18px}.prose ul,.prose ol{padding-left:22px}.prose li{margin-bottom:8px}.prose a{color:var(--blue);text-underline-offset:3px}.prose blockquote{margin:24px 0;padding:4px 20px;border-left:3px solid var(--line);color:var(--muted)}.prose :not(pre)>code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.12em .38em;font-size:.9em}.prose pre{background:#0d211c;color:#e0f1e9;border:1px solid #34564d;border-radius:10px;padding:16px 18px;overflow-x:auto;font-size:14px}.prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left}.prose th{background:var(--surface)}.prose img{max-width:100%;height:auto;border-radius:10px}.note{margin:0 0 32px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:15px}.article-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}.article-footer a{color:var(--blue)}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:32px 0;font-size:13px;color:var(--muted)}.site-footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--ink)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}