:root { --chalk:#eef1ef; --ink:#16213a; --ink-soft:#4a5570; --line:#d5dad8; --teal:#1f7a74; --red:#c8322e;
  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif; --text:"Newsreader",Georgia,"Times New Roman",serif; }
* { box-sizing:border-box; margin:0; }
body { background:var(--chalk); color:var(--ink); font-family:var(--text); font-size:19px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a { color:var(--teal); text-underline-offset:3px; }
:focus-visible { outline:3px solid var(--red); outline-offset:3px; border-radius:4px; }
.wrap { max-width:720px; margin:0 auto; padding:0 clamp(18px,5vw,40px); }
header { padding:20px 0; }
.logo { font-family:var(--display); font-weight:800; font-size:24px; letter-spacing:-.02em; text-decoration:none; color:var(--ink); }
h1 { font-family:var(--display); font-weight:800; font-size:clamp(36px,7vw,56px); line-height:1.02; letter-spacing:-.03em; margin:30px 0 8px; }
.updated { color:var(--ink-soft); font-size:16px; }
h2 { font-family:var(--display); font-weight:700; font-size:24px; letter-spacing:-.015em; margin:38px 0 8px; line-height:1.2; }
p, ul { margin-top:10px; color:var(--ink); }
ul { padding-left:1.2em; }
li { margin-top:6px; }
.table { margin-top:14px; border-top:1px solid var(--line); }
.table div { display:grid; grid-template-columns:11em 1fr; gap:16px; padding:10px 0; border-bottom:1px solid var(--line); }
.table b { font-family:var(--display); font-weight:600; font-size:17px; }
@media (max-width:560px) { .table div { grid-template-columns:1fr; gap:2px; } }
footer { padding:40px 0 48px; font-size:15px; color:var(--ink-soft); }
footer a { margin-right:16px; }