:root{--ink:#11140f;--paper:#f7f6f1;--dim:#5b6255;--line:#dcdad0;--go:#3f6d2e;--edge:#c9c6b8}
@media(prefers-color-scheme:dark){:root{--ink:#e9eae4;--paper:#13150e;--dim:#9aa091;--line:#2a2e23;--edge:#343a2b}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
 font:16px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.w{max-width:64ch;margin:0 auto;padding-block:54px;padding-left:22px;padding-right:22px}
header{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:34px;
 display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.mark{font-weight:800;letter-spacing:.14em;font-size:14px}
.tag{color:var(--dim);font-size:12.5px;letter-spacing:.04em}
h1{font-size:29px;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}
.lede{color:var(--dim);font-size:15.5px;margin:0 0 30px}
h2{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);
 margin:32px 0 9px;font-weight:700}
a{color:var(--go)} ul{padding-left:20px;margin:8px 0} li{margin:6px 0}
dl{margin:0} dt{font-weight:700;margin-top:14px} dd{margin:2px 0 0;color:var(--dim)}
nav{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
nav a{margin-right:18px}
.meta{color:var(--dim);font-size:12.5px;margin-top:26px}