:root{
  --bg:#EEF3F1; --surface:#F8FBFA; --text:#14302E; --muted:#4A6663;
  --accent:#1F6F6B; --line:#CFDBD7; --sand:#D9C7A3;
  --serif: "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0F1F1E; --surface:#152826; --text:#E6EFEC; --muted:#9DB5B0; --accent:#6CC4BC; --line:#25403D; --sand:#8C7A55; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 var(--sans);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.wrap{max-width:680px;margin:0 auto;padding:48px 22px 72px}
header.site{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:40px}
header.site a.brand{font-family:var(--serif);font-size:1.35rem;font-weight:600;color:var(--text);text-decoration:none}
nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-size:.95rem}
nav a:hover,nav a:focus-visible{color:var(--accent);text-decoration:underline}
h1{font-family:var(--serif);font-size:2.3rem;line-height:1.15;margin:0 0 12px;font-weight:600}
h2{font-family:var(--serif);font-size:1.35rem;margin:40px 0 8px;font-weight:600}
p,li{max-width:62ch}
.lede{font-size:1.15rem;color:var(--muted);margin-bottom:28px}
.meta{color:var(--muted);font-size:.92rem;margin-bottom:28px}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
ul{padding-left:1.2em}
.bar{height:12px;border-radius:6px;background:var(--line);overflow:hidden;margin:26px 0 8px;max-width:360px}
.bar span{display:block;height:100%;width:68%;background:var(--accent);border-radius:6px}
.note{background:var(--surface);border-left:3px solid var(--sand);padding:14px 18px;margin:24px 0;border-radius:0 6px 6px 0}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}