:root{
  --paper:#EEF2EA; --ink:#1C2B26; --ink-soft:#4A5A52; --rule:#C9D6C4;
  --rule-strong:#A9BCA3; --profit:#1E6B45;
}
@media (prefers-color-scheme: dark){
  :root{
    --paper:#141B17; --ink:#E4ECE4; --ink-soft:#9FB0A5; --rule:#2A362E;
    --rule-strong:#3C4B41; --profit:#5BBD8B;
  }
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;
  font-size:1.02rem;line-height:1.65}
.wrap{max-width:44rem;margin:0 auto;padding:0 1.25rem}
header{border-bottom:2px solid var(--rule-strong);padding:1rem 0;margin-bottom:2.5rem}
header .wrap{display:flex;justify-content:space-between;align-items:baseline;
  gap:1rem;flex-wrap:wrap}
.brand{font-family:'Palatino Linotype','Book Antiqua',Palatino,serif;font-size:1.25rem;
  font-weight:700;color:var(--ink);text-decoration:none}
.brand span{color:var(--profit)}
.nav{display:flex;gap:1.1rem;flex-wrap:wrap;font-family:Consolas,monospace;font-size:.85rem}
.nav a{text-decoration:none}
.nav a:hover{text-decoration:underline}
.nav a[aria-current="page"]{color:var(--ink-soft);text-decoration:none;cursor:default}
footer .wrap{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between}
h1{font-family:'Palatino Linotype',Palatino,serif;font-size:1.9rem;margin-bottom:.4rem;text-wrap:balance}
.updated{font-family:Consolas,monospace;font-size:.8rem;color:var(--ink-soft);margin-bottom:2rem}
h2{font-family:'Palatino Linotype',Palatino,serif;font-size:1.25rem;margin:1.75rem 0 .6rem}
p,li{color:var(--ink-soft);margin-bottom:.7rem}
ul{padding-left:1.25rem}
strong{color:var(--ink)}
a{color:var(--profit)}
a:focus-visible{outline:3px solid var(--profit);outline-offset:2px}
footer{border-top:1px solid var(--rule);margin-top:3rem;padding:1.5rem 0 3rem;
  font-size:.9rem;color:var(--ink-soft)}
footer a{color:var(--ink-soft)}