:root{--fg:#16181d;--muted:#5b6170;--accent:#ff5a1f;--bg:#fbfaf8;--line:#e7e4df}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--line)}header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{font-weight:700;color:var(--fg);text-decoration:none;letter-spacing:-.01em}.brand span{color:var(--accent)}
nav a{color:var(--muted);text-decoration:none;margin-left:20px;font-size:15px}nav a:hover{color:var(--fg)}
main{padding:48px 0 64px}h1{font-size:2.1rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 .4em}h2{font-size:1.25rem;margin:2em 0 .5em}
.lede{color:var(--muted);font-size:1.1rem}.meta{color:var(--muted);font-size:14px;margin-bottom:28px}
.post-list{list-style:none;padding:0;margin:32px 0}.post-list li{padding:20px 0;border-top:1px solid var(--line)}.post-list a{color:var(--fg);font-weight:600;font-size:1.15rem;text-decoration:none}.post-list a:hover{color:var(--accent)}.post-list p{margin:.3em 0 0;color:var(--muted)}
.badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:4px;background:#fff1ea;color:var(--accent);margin-left:8px;vertical-align:middle}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#f0eee9;padding:1px 5px;border-radius:4px}
article a{color:var(--accent)}footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}footer .wrap{padding:24px 22px}