:root { --paper:#F7F3EA; --raised:#FBF9F4; --ink:#221C15; --muted:#4A4032; --hair:#E4DCC9; --night:#2E3B55; --sepia:#8C7156; }
@media (prefers-color-scheme: dark) {
  :root { --paper:#221C15; --raised:#2B241B; --ink:#F7F3EA; --muted:#CFC5B3; --hair:#3A3126; --night:#9DB0D6; --sepia:#B79A7C; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:17px/1.65 Georgia, "Iowan Old Style", serif; }
main, header, footer { max-width: 720px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 28px; display:flex; justify-content:space-between; align-items:baseline; font-family: system-ui, sans-serif; }
header a.brand { font:600 22px Georgia, serif; color:var(--ink); text-decoration:none; }
nav a { margin-left:18px; font-size:15px; color:var(--sepia); }
h1 { font-size: 40px; line-height:1.15; margin: 56px 0 12px; }
h2 { font-size: 22px; margin: 40px 0 8px; }
p, li { color: var(--muted); }
a { color: var(--night); }
.lead { font-size: 21px; color: var(--muted); }
.cta { display:inline-block; margin:20px 0; padding:12px 22px; background:var(--night); color:var(--paper); border-radius:10px; text-decoration:none; font-family:system-ui,sans-serif; font-weight:600; }
.card { background:var(--raised); border:1px solid var(--hair); border-radius:10px; padding:4px 20px 14px; margin: 18px 0; }
footer { padding: 40px 20px 60px; font: 14px system-ui, sans-serif; color: var(--sepia); }
table { width:100%; border-collapse:collapse; font-size:15px; }
td, th { text-align:left; vertical-align:top; padding:8px 10px; border-top:1px solid var(--hair); }
nav { display:flex; flex-wrap:wrap; gap:4px 18px; }
nav a { margin-left:0; }
.cta + .cta { margin-left: 10px; }
.cta.ghost { background:transparent; color:var(--night); border:1px solid var(--night); }
h3 { font-size: 17px; margin: 18px 0 4px; color: var(--ink); }