:root { --ink:#16181d; --muted:#5c6370; --line:#e3e6ea; --accent:#2f6f4f; --bg:#fbfbfa; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; }
header, main, footer { max-width:820px; margin:0 auto; padding:0 24px; }
header { padding:36px 24px 22px; border-bottom:1px solid var(--line); display:flex;
  justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; }
.brand { font-size:19px; letter-spacing:.02em; font-weight:600; }
.brand span { color:var(--accent); }
nav a { color:var(--muted); text-decoration:none; margin-left:20px; font-size:14px; }
nav a:hover { color:var(--ink); }
nav a[aria-current="page"] { color:var(--ink); border-bottom:1px solid var(--accent); padding-bottom:1px; }
h1 { font-size:31px; line-height:1.25; margin:44px 0 14px; font-weight:600; }
h2 { font-size:19px; margin:38px 0 10px; font-weight:600; }
p { margin:0 0 14px; }
.lead { color:var(--muted); font-size:18px; max-width:60ch; }
ul { padding-left:20px; margin:0 0 14px; }
li { margin-bottom:8px; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px; margin:26px 0 6px; }
.card { background:#fff; border:1px solid var(--line); border-radius:6px; padding:18px 18px 16px; }
.card h3 { margin:0 0 6px; font-size:16px; font-weight:600; }
.card p { margin:0; color:var(--muted); font-size:14.5px; }
.note { border-left:2px solid var(--line); padding:2px 0 2px 16px; margin:0 0 24px; }
.note time { display:block; color:var(--muted); font-size:13.5px; letter-spacing:.02em; }
.note h3 { margin:2px 0 6px; font-size:17px; font-weight:600; }
.note p { margin:0 0 6px; }
footer { border-top:1px solid var(--line); margin-top:52px; padding:22px 24px 46px;
  color:var(--muted); font-size:14px; }
a { color:var(--accent); }
@media (max-width:560px){ h1{font-size:26px;} nav a{margin-left:14px;} }