:root{
  --fg:#1f2328; --muted:#6b7280; --bg:#fbfbfa; --accent:#2f6f4f; --line:#e5e7eb;
}
*{box-sizing:border-box}
body{
  margin:0 auto; max-width:44rem; padding:2.6rem 1.2rem 4rem;
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--fg); background:var(--bg);
}
header h1{margin:0 0 .25rem; font-size:1.65rem; letter-spacing:.01em}
.tag{margin:0 0 2.2rem; color:var(--muted); font-size:.95rem}
h2{font-size:1.05rem; margin:2.2rem 0 .6rem; color:var(--accent)}
p{margin:.4rem 0}
ul.notes{list-style:none; padding:0; margin:0}
ul.notes li{padding:.45rem 0; border-bottom:1px solid var(--line)}
ul.notes li:last-child{border-bottom:none}
.date{color:var(--muted); font-size:.85rem; margin-right:.55rem; font-variant-numeric:tabular-nums}
a{color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(47,111,79,.35)}
a:hover{border-bottom-color:var(--accent)}
footer{margin-top:3.2rem; padding-top:1rem; border-top:1px solid var(--line); color:var(--muted); font-size:.85rem}