:root{
  --paper:#f6f5f1; --ink:#161d1a; --body:#37423d; --muted:#78837d;
  --line:#e0ded6; --jade:#1d6b58; --jade-soft:#e2eeea; --jade-line:#bcd6ce;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#111513; --ink:#eef1ee; --body:#c3ccc7; --muted:#8b958f;
    --line:#2a322e; --jade:#5fb99e; --jade-soft:#1a2e28; --jade-line:#2f4d43;
  }
}
*{box-sizing:border-box}
body{
  background:var(--paper); color:var(--body); margin:0;
  font-family:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  line-height:1.7; font-size:16px;
}
.wrap{max-width:680px; margin:0 auto; padding:56px 22px 96px}
header{margin-bottom:44px}
.brand{
  font-family:Newsreader,Georgia,serif; font-size:21px; color:var(--ink);
  text-decoration:none; letter-spacing:-.01em;
}
h1{
  font-family:Newsreader,Georgia,serif; font-weight:400; font-size:34px;
  line-height:1.15; color:var(--ink); margin:28px 0 6px; text-wrap:balance;
}
h2{
  font-family:Newsreader,Georgia,serif; font-weight:400; font-size:21px;
  color:var(--ink); margin:38px 0 10px;
}
h3{font-size:16px; font-weight:600; color:var(--ink); margin:26px 0 6px}
.updated{color:var(--muted); font-size:14px; margin:0 0 32px}
p{margin:0 0 16px; max-width:64ch}
ul{margin:0 0 16px; padding-left:22px}
li{margin-bottom:7px}
a{color:var(--jade)}
strong{color:var(--ink); font-weight:600}
.callout{
  background:var(--jade-soft); border:1px solid var(--jade-line);
  border-radius:10px; padding:16px 18px; margin:24px 0;
}
.callout p:last-child{margin-bottom:0}
footer{
  margin-top:64px; padding-top:24px; border-top:1px solid var(--line);
  font-size:14px; color:var(--muted);
}
footer a{margin-right:16px; display:inline-block}
code{
  font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:14px;
  background:var(--jade-soft); padding:1px 5px; border-radius:4px; color:var(--jade);
}