:root { --fg:#111827; --bg:#f9fafb; --muted:#6b7280; --link:#2563eb; --ring:#e5e7eb; }
* { box-sizing: border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans","Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji"; }
a{ color:var(--link); text-decoration:none; }
a:hover{ text-decoration:underline; }
/* Left-aligned content: no centered auto margins */
.container{ max-width: 980px; width: calc(100% - 2rem); margin: 1.5rem 0 2rem 1rem; }
header{ margin-bottom:1.25rem; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.brand{ flex:1 1 auto; }
header h1{ font-size:1.75rem; margin:.1rem 0; }
header p{ color:var(--muted); margin:.25rem 0 0 0; }
nav{ white-space:nowrap; }
nav a{ margin-left:.9rem; font-size:.95rem; color:var(--muted); }
nav a:first-child{ margin-left:0; }
footer{ margin:2.5rem 0; color:var(--muted); font-size:.9rem; }
/* index list */
.post-list h2{ margin:1.6rem 0 .8rem 0; font-size:1.15rem; color:#0f172a; }
.post-month{ scroll-margin-top: 85px; }
.post-item{ margin:.35rem 0; }
.badge{ display:inline-block; padding:.1rem .5rem; border-radius:999px; background:#e5e7eb; color:#374151; font-size:.8rem; margin-left:.35rem; }
.meta{ color:var(--muted); font-size:.9rem; }
article h1{ font-size:1.6rem; margin:.2rem 0 .2rem 0; }
article .ext{ font-size:.95rem; margin: .2rem 0 1rem 0; }
article .tags{ margin-top: .25rem; }
article .tags .badge{ margin-right:.35rem; }
article p{ margin:.75rem 0; }
hr{ border:0; border-top:1px solid #e5e7eb; margin:1.5rem 0; }