:root { --fg:#1a1a1a; --muted:#666; --accent:#3b6ea5; --bg:#fafafa; }
* { box-sizing:border-box; }
body { font-family:-apple-system,Segoe UI,Roboto,sans-serif; max-width:720px;
  margin:0 auto; padding:2rem 1.25rem; color:var(--fg); background:var(--bg); line-height:1.6;
  min-height:100vh; display:flex; flex-direction:column; }
main { flex:1; }
header { border-bottom:2px solid var(--accent); margin-bottom:2rem; padding-bottom:1rem; }
header h1 { margin:0; font-size:1.6rem; }
nav a { margin-right:1rem; color:var(--accent); text-decoration:none; }
nav a:hover { text-decoration:underline; }
.post-list { list-style:none; padding:0; }
.post-list li { margin-bottom:1.5rem; }
.post-list a { font-size:1.2rem; color:var(--accent); text-decoration:none; }
.meta { color:var(--muted); font-size:.85rem; }
.summary { margin:.35rem 0 0; color:#444; font-size:.95rem; }
article h1 { margin-top:0; }
blockquote { border-left:3px solid var(--accent); margin:1rem 0; padding:.25rem 1rem;
  color:var(--muted); background:#fff; }
code { background:#eef1f4; padding:.1rem .35rem; border-radius:4px; font-size:.9em; }
pre { background:#282c34; color:#e6e6e6; padding:1rem; border-radius:6px; overflow:auto; }
pre code { background:none; color:inherit; padding:0; }
hr { border:none; border-top:1px solid #ddd; margin:2rem 0; }
footer { margin-top:3rem; border-top:1px solid #ddd; padding-top:1rem;
  color:var(--muted); font-size:.85rem; }

/* task lists ( - [x] / - [ ] ): no bullet, custom checkmark */
li:has(> input[type="checkbox"]) { list-style:none; margin-left:-1.3em; }
li > input[type="checkbox"] { display:none; }
li:has(> input[type="checkbox"]:checked)::before {
  content:"✔"; color:#27a46e; font-weight:bold; font-size:1.1em; margin-right:.45em; }
li:has(> input[type="checkbox"]:not(:checked))::before {
  content:"☐"; color:#888; font-size:1.1em; margin-right:.45em; }