:root{
    --ground:#f5f6f8; --card:#fff; --sunk:#edeff3; --hair:#e7eaf0;
    --ink:#12151a; --ink-2:#5f6875; --ink-3:#818b9a;
    --accent:#e8420c; --accent-tint:#fdece3;
    --measure:64ch;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --ground:#0e1014; --card:#161a21; --sunk:#12151b; --hair:#242a34;
      --ink:#eef1f5; --ink-2:#a3adbb; --ink-3:#7b8493;
      --accent:#ff6a37; --accent-tint:#2a1409;
    }
  }
  :root[data-theme="dark"]{
    --ground:#0e1014; --card:#161a21; --sunk:#12151b; --hair:#242a34;
    --ink:#eef1f5; --ink-2:#a3adbb; --ink-3:#7b8493;
    --accent:#ff6a37; --accent-tint:#2a1409;
  }
  *{box-sizing:border-box}
  body{background:var(--ground);color:var(--ink);margin:0;
       font:400 16px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif;
       -webkit-font-smoothing:antialiased}
  .wrap{max-width:52rem;margin:0 auto;padding:0 1.4rem 6rem}
  a{color:var(--accent);text-underline-offset:2px}
  a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.7rem;
        letter-spacing:.12em;text-transform:uppercase;font-weight:500}
  header{padding:3.5rem 0 1.4rem;border-bottom:2px solid var(--ink)}
  .kicker{color:var(--accent);display:block;margin-bottom:1rem}
  h1{font-family:'Saira Condensed',Inter,sans-serif;font-weight:700;
     font-size:clamp(2.1rem,6vw,3.1rem);line-height:1.02;margin:0 0 .8rem;
     letter-spacing:-.01em;text-wrap:balance}
  .lede{color:var(--ink-2);max-width:var(--measure);margin:0;font-size:1.03rem}
  h2{font-family:'Saira Condensed',Inter,sans-serif;font-weight:600;font-size:1.4rem;
     margin:2.6rem 0 .7rem;padding-bottom:.4rem;border-bottom:1px solid var(--hair)}
  p,li{max-width:var(--measure)}
  p{margin:0 0 .85rem}
  ul{padding-left:1.1rem;margin:0 0 1rem}
  li{margin-bottom:.4rem}
  li::marker{color:var(--ink-3)}
  .note{background:var(--accent-tint);border-left:3px solid var(--accent);
        padding:.9rem 1.05rem;border-radius:0 5px 5px 0;margin:1.4rem 0;max-width:var(--measure)}
  .note .mono{display:block;color:var(--accent);margin-bottom:.3rem}
  .note p:last-child{margin-bottom:0}
  table{width:100%;border-collapse:collapse;margin:1rem 0 1.3rem;font-size:.93rem;
        background:var(--card);border:1px solid var(--hair);border-radius:6px;overflow:hidden}
  th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--hair);vertical-align:top}
  th{background:var(--sunk);font-family:'IBM Plex Mono',monospace;font-size:.66rem;
     letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
  tr:last-child td{border-bottom:none}
  .tablewrap{overflow-x:auto}
  footer{margin-top:3.5rem;padding-top:1.2rem;border-top:2px solid var(--ink);
         display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center}
  footer a{color:var(--ink-2);text-decoration:none;font-size:.9rem}
  footer a:hover{color:var(--accent)}
  footer .mono{color:var(--ink-3);margin-left:auto}