:root{
    --ground:#ffffff;
    --field:#f1f3f0;
    --ink:#1c2128;
    --muted:#5a6470;
    --rule:#d6dad4;
    --bad:#b4402e;
    --good:#2f6b4f;
    --measure:68ch;
  }

  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}

  body{
    margin:0;
    background:var(--ground);
    color:var(--ink);
    font-family:"Archivo",system-ui,sans-serif;
    font-size:17px;
    line-height:1.6;
  }

  .wrap{max-width:860px;margin:0 auto;padding:0 28px}

  section{padding:64px 0}
  section.field{background:var(--field)}
  section + section{border-top:1px solid var(--rule)}

  h1,h2,h3{line-height:1.15;letter-spacing:-0.02em;margin:0 0 20px}
  h1{font-size:clamp(31px,5vw,50px);font-weight:700;max-width:22ch}
  h2{font-size:clamp(24px,3.2vw,32px);font-weight:600;max-width:26ch}
  h3{font-size:19px;font-weight:600;margin:34px 0 8px}

  p{max-width:var(--measure);margin:0 0 18px}
  p.lead{font-size:19px;color:var(--muted);max-width:60ch}
  .muted{color:var(--muted)}
  .small{font-size:15px}

  a{color:inherit}
  a.plain{text-decoration-thickness:1px;text-underline-offset:3px}

  .stamp{
    font-family:"IBM Plex Mono",monospace;
    font-size:13px;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:var(--muted);
    margin:0 0 22px;
  }

  table{
    border-collapse:collapse;
    width:100%;
    margin:26px 0 12px;
    font-size:16px;
  }
  caption{
    text-align:left;
    font-size:14px;
    color:var(--muted);
    padding-bottom:10px;
  }
  th,td{
    text-align:left;
    padding:11px 12px 11px 0;
    border-bottom:1px solid var(--rule);
    vertical-align:top;
  }
  thead th{
    font-size:13px;
    font-weight:600;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:var(--muted);
    border-bottom:1px solid var(--ink);
  }
  td.num,th.num{
    font-family:"IBM Plex Mono",monospace;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
  }
  .zero{color:var(--bad);font-weight:500}

  .scroller{overflow-x:auto;-webkit-overflow-scrolling:touch}

  .note{
    border-left:3px solid var(--rule);
    padding:2px 0 2px 18px;
    margin:26px 0;
    color:var(--muted);
    font-size:16px;
  }
  .note p:last-child{margin-bottom:0}

  ul{max-width:var(--measure);padding-left:20px}
  li{margin-bottom:10px}

  footer{padding:52px 0 72px;border-top:1px solid var(--rule)}
  footer p{font-size:15px;color:var(--muted)}
