:root{
    --bg:#ffffff; --fg:#0f1115; --muted:#5b6472; --line:#e5e7eb;
    --accent:#1f6feb; --panel:#f7f8fa; --panel-line:#e9ebef;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#0d0f13; --fg:#e8eaed; --muted:#98a2b3; --line:#232830;
      --accent:#6ea8fe; --panel:#14171d; --panel-line:#232830;
    }
  }
  :root[data-theme="dark"]{
    --bg:#0d0f13; --fg:#e8eaed; --muted:#98a2b3; --line:#232830;
    --accent:#6ea8fe; --panel:#14171d; --panel-line:#232830;
  }
  *{box-sizing:border-box}
  body{
    margin:0; background:var(--bg); color:var(--fg);
    font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:46rem;margin:0 auto;padding:0 16px}
  header{padding:5rem 0 0}
  .brand{
    font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;
    color:var(--muted);font-weight:600;margin:0 0 3.5rem
  }
  h1{
    font-size:clamp(2rem,6vw,3rem);line-height:1.12;letter-spacing:-.022em;
    font-weight:700;margin:0 0 1.25rem;text-wrap:balance;
  }
  .lede{font-size:clamp(1.05rem,2.4vw,1.2rem);color:var(--muted);margin:0;max-width:34rem}
  section{padding:3.5rem 0;border-top:1px solid var(--line);margin-top:3.5rem}
  h2{font-size:1.06rem;font-weight:650;letter-spacing:-.01em;margin:0 0 1.5rem}
  h3{font-size:1rem;font-weight:650;margin:0 0 .35rem}
  p{margin:0 0 1.1rem}
  p:last-child{margin-bottom:0}
  .muted{color:var(--muted)}
  .panel{
    background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;
    padding:1.5rem 1.6rem;
  }
  .tag{
    display:inline-block;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;
    color:var(--muted);border:1px solid var(--line);border-radius:999px;
    padding:.2rem .6rem;margin-bottom:1rem;font-weight:600;
  }
  .pool{list-style:none;margin:0;padding:0}
  .pool li{
    display:flex;justify-content:space-between;gap:1.5rem;align-items:baseline;
    padding:.72rem 0;border-bottom:1px dashed var(--panel-line);
  }
  .pool li:last-child{border-bottom:0;padding-bottom:0}
  .pool li:first-child{padding-top:0}
  .pool b{font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
  .pool span{color:var(--muted)}
  .stack{display:grid;gap:2rem}
  .when{display:grid;gap:1.6rem}
  .when > div{display:grid;grid-template-columns:7.5rem 1fr;gap:1.25rem;align-items:start}
  .when dt{font-weight:650;font-size:.92rem;padding-top:.08rem}
  .when dd{margin:0;color:var(--muted)}
  @media (max-width:560px){
    .when > div{grid-template-columns:1fr;gap:.3rem}
  }
  a{color:var(--accent)}
  footer{
    padding:3rem 0 5rem;border-top:1px solid var(--line);margin-top:3.5rem;
    color:var(--muted);font-size:.9rem
  }
  /* the sub-pages */
  .brand a{color:inherit;text-decoration:none}
  .small{font-size:.9rem;margin-top:1rem}
  ul{padding-left:1.2rem;margin:0 0 1.1rem}
  li{margin:.35rem 0}
  code{font-size:.92em;background:var(--panel);padding:.1em .35em;border-radius:4px}