:root { --fg:#1f2328; --muted:#656d76; --accent:#00758f; --bg:#fdfdfc; --code:#f3f4f2; }
* { box-sizing:border-box; }
body { margin:0; font:17px/1.65 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color:var(--fg); background:var(--bg); }
.wrap { max-width:720px; margin:0 auto; padding:32px 20px 64px; }
header { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:40px; }
header a.logo { font-weight:700; font-size:20px; color:var(--fg); text-decoration:none; }
nav a { margin-left:18px; color:var(--muted); text-decoration:none; }
nav a:hover, a { color:var(--accent); }
h1 { font-size:30px; line-height:1.25; margin:0 0 8px; }
h2 { font-size:22px; margin:36px 0 8px; }
.meta { color:var(--muted); font-size:14px; margin-bottom:28px; }
.post-list { list-style:none; padding:0; }
.post-list li { margin:0 0 26px; }
.post-list a { font-size:20px; font-weight:600; text-decoration:none; }
.post-list .meta { margin:2px 0 0; }
.post-list p { margin:4px 0 0; color:var(--muted); }
pre { background:var(--code); padding:14px 16px; overflow-x:auto; border-radius:6px; font-size:14px; line-height:1.5; }
code { font-family:"JetBrains Mono",Menlo,Consolas,monospace; }
p code, li code { background:var(--code); padding:1px 5px; border-radius:4px; font-size:15px; }
footer { margin-top:64px; padding-top:20px; border-top:1px solid #e6e6e3; color:var(--muted); font-size:14px; }