:root { --chalk:#f2f0e8; --concrete:#d7d4c7; --ink:#171a16; --muted:#4d5148; --moss:#405d36; --blue:#244e63; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:var(--chalk); }
* { box-sizing:border-box; }
body { margin:0; font-size:17px; line-height:1.6; }
a { color:inherit; text-underline-offset:4px; }
a:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
header { padding:20px max(24px,calc((100vw - 900px)/2)); border-bottom:2px solid var(--ink); background:var(--concrete); }
header a { font-weight:800; }
main { max-width:900px; min-height:70vh; margin:auto; padding:64px 24px 96px; }
h1 { max-width:16ch; margin:0 0 24px; font:clamp(42px,8vw,72px)/.98 "Arial Black",Arial,sans-serif; letter-spacing:-.05em; }
h2 { margin-top:48px; font-size:24px; }
.summary { max-width:60ch; padding:18px 20px; border-left:8px solid var(--moss); background:var(--concrete); }
p, li { max-width:72ch; }
footer { padding:32px max(24px,calc((100vw - 900px)/2)); color:var(--chalk); background:var(--ink); }