:root{
  --bg:#faf8f3;
  --fg:#1b1a17;
  --muted:#5c584f;
  --line:#e7e1d6;
  --card:#fffdf9;
  --accent:#1f3a5f;
  --accent-soft:#2f5480;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#121316;
    --fg:#eceae4;
    --muted:#9d988c;
    --line:#2a2b30;
    --card:#191a1e;
    --accent:#8fb4e0;
    --accent-soft:#b6d0f0;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:Georgia,"Times New Roman",Times,serif;
  line-height:1.66;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:720px;margin:0 auto;padding:0 24px}
header.site{border-bottom:1px solid var(--line)}
nav.site{
  max-width:720px;margin:0 auto;padding:20px 24px;
  display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline;
}
nav.site .brand{font-weight:700;letter-spacing:.2px;margin-right:auto;color:var(--fg)}
nav.site a{color:var(--muted);font-size:15px}
nav.site a.active{color:var(--fg);font-weight:600}
main{padding:56px 0 40px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;color:var(--muted);font-weight:700;margin:0 0 14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
h1{font-size:34px;line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}
h2{font-size:22px;margin:44px 0 12px;letter-spacing:-.01em}
.lede{font-size:19px;color:var(--muted);margin:0 0 8px;font-style:italic}
p{margin:0 0 18px}
ul.focus{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
ul.focus li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px}
ul.focus li b{display:block;margin-bottom:3px}
ul.focus li span{color:var(--muted);font-size:15px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}
.card h3{margin:0 0 6px;font-size:18px}
.card p{font-size:15px;color:var(--muted);margin:0 0 12px}
.btn{display:inline-block;font-size:14px;font-weight:700;color:var(--accent)}
hr{border:0;border-top:1px solid var(--line);margin:40px 0}
footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;padding:28px 0 60px}
footer.site .wrap>p{margin:0 0 10px}
footer.site a{color:var(--muted);text-decoration:underline}
.disc{font-size:12.5px;line-height:1.55}
@media (max-width:560px){
  main{padding:40px 0 32px}
  h1{font-size:28px}
  ul.focus,.cards{grid-template-columns:1fr}
}