:root{color-scheme:light dark;--bg:#f8f7f3;--text:#1d2524;--muted:#5f6c68;--line:#d9ddd5;--accent:#0f766e;--accent-dark:#0b4f4a;--panel:#ffffff;--code-bg:#eef1ec}@media(prefers-color-scheme:dark){:root{--bg:#111715;--text:#edf2ef;--muted:#a8b5b0;--line:#2c3834;--accent:#5eead4;--accent-dark:#99f6e4;--panel:#18211e;--code-bg:#202b27}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:18px;line-height:1.65}a{color:var(--accent-dark);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--accent)}.page-shell{width:min(100% - 32px,760px);margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{color:var(--text);font-weight:700;text-decoration:none}.nav{display:flex;gap:18px;font-size:15px}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--text)}main{padding:56px 0 72px}.intro{margin-bottom:56px}.eyebrow{margin:0 0 10px;color:var(--muted);font-size:14px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3{line-height:1.15}h1{margin:0 0 18px;font-size:clamp(40px,8vw,68px)}h2{margin:0 0 24px;font-size:28px}h3{margin:0 0 8px;font-size:24px}.intro p:last-child,.page-title p{max-width:620px;color:var(--muted);font-size:22px}.post-list{display:grid;gap:28px}.post-summary{padding-top:26px;border-top:1px solid var(--line)}.post-summary h2,.post-summary h3{margin-bottom:6px}.post-summary h2 a,.post-summary h3 a{color:var(--text);text-decoration:none}.post-summary h2 a:hover,.post-summary h3 a:hover{color:var(--accent-dark)}time{display:block;color:var(--muted);font-size:15px}.post-summary p{margin:12px 0 0;color:var(--muted)}.post-header{margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line)}.post-content :first-child{margin-top:0}.post-content img{max-width:100%;height:auto}.post-content pre,.post-content code{border-radius:6px;background:var(--code-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.post-content code{padding:.1em .28em}.post-content pre{overflow-x:auto;padding:18px}.post-content pre code{padding:0}.site-footer{padding:28px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}@media(max-width:560px){body{font-size:17px}.site-header{align-items:flex-start;flex-direction:column;gap:10px}main{padding-top:42px}.intro p:last-child{font-size:20px}}