:root{
  --stone:#EDEFEA; --surface:#F7F8F5; --ink:#1B2320; --ink-soft:#4A544F;
  --ink-faint:#6E7873; --rule:#CFD5CC; --tide:#1F5551; --ember:#A25F22;
  --ember-wash:#F2E6D8; --tide-wash:#DEE9E6;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --stone:#101614; --surface:#18201D; --ink:#DFE6E1; --ink-soft:#A7B2AC;
    --ink-faint:#7C8781; --rule:#2A3531; --tide:#6FB3AC; --ember:#D89A55;
    --ember-wash:#2A2118; --tide-wash:#172624;
  }
}
:root[data-theme="dark"]{
  --stone:#101614; --surface:#18201D; --ink:#DFE6E1; --ink-soft:#A7B2AC;
  --ink-faint:#7C8781; --rule:#2A3531; --tide:#6FB3AC; --ember:#D89A55;
  --ember-wash:#2A2118; --tide-wash:#172624;
}
*{box-sizing:border-box}
body{background:var(--stone);color:var(--ink);font-family:"Karla",ui-sans-serif,system-ui,sans-serif;
     font-size:17px;line-height:1.65;margin:0;-webkit-font-smoothing:antialiased}
.page{max-width:900px;margin:0 auto;padding:0 28px 90px}
a{color:var(--tide);text-decoration:underline;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--tide);outline-offset:3px}
.eyebrow{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.16em;
         text-transform:uppercase;color:var(--ink-faint);margin:0 0 18px}
h1{font-family:"Petrona",Georgia,serif;font-weight:600;font-size:clamp(48px,10vw,92px);
   line-height:.94;letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font-family:"Petrona",Georgia,serif;font-weight:600;font-size:30px;line-height:1.2;
   margin:38px 0 14px;letter-spacing:-.01em;text-wrap:balance}
h3{font-family:"Petrona",Georgia,serif;font-weight:600;font-size:22px;margin:28px 0 10px}
h4{font-family:"Karla",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.07em;
   text-transform:uppercase;color:var(--ink-soft);margin:22px 0 8px}
p,li{max-width:66ch}
p{margin:0 0 15px}
blockquote{border-left:3px solid var(--tide);background:var(--tide-wash);margin:20px 0;
           padding:14px 20px;color:var(--ink-soft)}
blockquote p:last-child{margin:0}
code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.88em}
hr{border:0;border-top:1px solid var(--rule);margin:34px 0}
table{border-collapse:collapse;width:100%;margin:18px 0;font-size:16px}
th,td{border-top:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}
th{font-family:"Karla",sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.wrap{overflow-x:auto}