:root{color-scheme:light;--canvas: #ffffff;--surface-soft: #f7f7f7;--surface-strong: #f2f2f2;--ink: #222222;--body: #3f3f3f;--muted: #6a6a6a;--muted-soft: #929292;--hairline: #dddddd;--hairline-soft: #ebebeb;--border-strong: #c1c1c1;--accent: #ff385c;--accent-active: #e00b41;--accent-soft: #ffd1da;--on-primary: #ffffff;--shadow-float: rgba(0, 0, 0, .02) 0 0 0 1px, rgba(0, 0, 0, .04) 0 2px 6px, rgba(0, 0, 0, .1) 0 4px 8px;--font-sans: "Inter", "Noto Sans SC", Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--container: 1280px;--gutter: 24px}*,*:before,*:after{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:var(--canvas);color:var(--ink)}img,svg{display:block;max-width:100%;height:auto}a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}a:hover,a:focus-visible{color:var(--accent-active)}.container{width:min(100% - calc(var(--gutter) * 2),var(--container));margin:0 auto}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--hairline-soft);background:#fffffff5;backdrop-filter:blur(16px)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:16px}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:18px;font-weight:700;letter-spacing:0;text-decoration:none}.brand__mark{display:grid;width:32px;height:32px;place-items:center;background:var(--accent);color:var(--on-primary);border-radius:9999px;font-size:16px;font-weight:700;line-height:1}.nav{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:0}.nav a{border-radius:9999px;padding:10px 14px;text-decoration:none}.nav a:hover,.nav a:focus-visible{background:var(--surface-soft);color:var(--ink)}main{min-height:70vh}.masthead{padding:64px 0 40px}.masthead h1,.post-title{max-width:24ch;margin:0;color:var(--ink);font-size:28px;font-weight:700;line-height:1.43;letter-spacing:0}.deck{max-width:64ch;margin:8px 0 0;color:var(--body);font-size:16px;line-height:1.5}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:700;line-height:1.33}.masthead__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button-pill,.button-text{display:inline-flex;align-items:center;min-height:44px;border-radius:9999px;font-size:14px;font-weight:500;text-decoration:none}.button-pill{background:var(--accent);color:var(--on-primary);padding:10px 20px}.button-pill:hover,.button-pill:focus-visible{background:var(--accent-active);color:var(--on-primary)}.button-text{color:var(--ink);padding:10px 14px}.button-text:hover,.button-text:focus-visible{background:var(--surface-soft);color:var(--ink)}.post-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin:8px 0 0}.post-card{min-width:0}.post-card__link{position:relative;display:block;overflow:hidden;aspect-ratio:1 / 1;background:var(--surface-soft);border-radius:14px;text-decoration:none}.post-card__image{width:100%;height:100%;object-fit:cover}.post-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--accent);background:var(--surface-soft);font-size:64px;font-weight:700;line-height:1.1}.post-card__badge{position:absolute;top:12px;left:12px;border-radius:9999px;background:var(--canvas);color:var(--ink);box-shadow:var(--shadow-float);padding:5px 10px;font-size:11px;font-weight:600;line-height:1.18}.post-card__body{padding:12px 2px 0}.post-card h2{margin:0;font-size:16px;font-weight:600;line-height:1.25;letter-spacing:0}.post-card h2 a{text-decoration:none}.post-card p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.43}.meta,.kicker{margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.23;letter-spacing:0}.post-shell{max-width:860px;padding-top:48px}.post-header{padding-bottom:20px;margin-bottom:24px}.feature-image{width:100%;max-height:520px;object-fit:cover;margin:0 0 32px;border-radius:14px}.article{color:var(--body);font-size:16px;line-height:1.72}.article h2,.article h3,.article h4{color:var(--ink);line-height:1.2;letter-spacing:0}.article h2{margin:48px 0 16px;font-size:21px;font-weight:700;line-height:1.43}.article h3{margin:30px 0 10px;font-size:20px;font-weight:600}.article p,.article ul,.article ol{margin:0 0 16px}.article a{color:var(--accent)}.article pre{overflow-x:auto;background:var(--ink);color:var(--canvas);border-radius:8px;padding:18px}.article code{font-family:var(--font-mono);font-size:.9em}.article :not(pre)>code{background:var(--surface-soft);border:1px solid var(--hairline-soft);border-radius:4px;padding:2px 5px}.article blockquote{margin:24px 0;border-left:3px solid var(--accent);color:var(--ink);padding:4px 0 4px 16px}.article table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.article th,.article td{border:1px solid var(--hairline);padding:10px 12px}.site-footer{margin-top:64px;border-top:1px solid var(--hairline-soft);background:var(--canvas);color:var(--ink);padding:32px 0}.footer__inner{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;line-height:1.23}.footer__inner a{color:var(--ink);text-decoration:none}@media(max-width:1128px){.post-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){:root{--gutter: 16px}.topbar__inner,.footer__inner{align-items:flex-start;flex-direction:column;padding:12px 0}.topbar__inner{min-height:72px}.nav{width:100%;justify-content:space-between}.masthead{padding:40px 0 28px}.post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}@media(max-width:520px){.post-list{grid-template-columns:1fr}}