:root { --ink:#1a1a1a; --muted:#555; --line:#e2e2e2; --accent:#7a2e2e; --bg:#fbfaf8; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font-family: Georgia, "Times New Roman", serif; line-height:1.5; }
header.site { padding:2rem 1.5rem 1rem; border-bottom:2px solid var(--accent); }
header.site h1 { margin:0 0 .25rem; font-size:1.4rem; }
header.site .caption { color:var(--muted); font-size:.95rem; }
header.site .updated { color:var(--muted); font-size:.8rem; margin-top:.5rem; }
main { max-width:820px; margin:0 auto; padding:1.5rem; }
.card { border:1px solid var(--line); background:#fff; border-radius:8px;
  padding:1.1rem 1.25rem; margin:1rem 0; }
.card h2 { margin:0 0 .4rem; font-size:1.15rem; }
.card p { margin:.3rem 0 .8rem; color:var(--muted); font-family: Georgia, serif; }
.card a.open { display:inline-block; font-family: Arial, Helvetica, sans-serif;
  font-size:.85rem; text-decoration:none; color:#fff; background:var(--accent);
  padding:.45rem .9rem; border-radius:5px; }
footer.site { max-width:820px; margin:0 auto; padding:1rem 1.5rem 3rem;
  color:var(--muted); font-size:.8rem; }