:root { --paper: #eadfc9; --card: #fdf8f0; --ink: #313131; --ink2: #4a4741; --muted: #5e5950; --line: #a19d94; --line2: #d6c8ad; --blue: #243fa5; --orange: #a8391a; }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.5 "Geist", system-ui, sans-serif;
    background-image: linear-gradient(rgba(49,49,49,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(49,49,49,.06) 1px, transparent 1px); background-size: 26px 26px; }
  main { max-width: 68rem; margin: 0 auto; padding: 40px 16px 80px; }
  a { color: var(--blue); }
  .back { font: 400 14px/1 "Geist Mono", monospace; text-decoration: none; display: inline-block; border: 1px solid var(--line); background: var(--card); padding: 10px 14px; }
  h1 { font: 500 clamp(2rem, 6vw, 3.4rem)/1 "Geist", sans-serif; letter-spacing: -.045em; margin: 26px 0 10px; }
  .lede { color: var(--ink2); max-width: 40rem; margin: 0; }
  .sum { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--line2); border: 1px solid var(--line); margin-top: 26px; }
  .sum div { background: var(--card); padding: 16px 18px; }
  .sum b { display: block; font: 500 1.7rem/1.1 "Geist", sans-serif; letter-spacing: -.03em; }
  .sum span { font: 400 13px/1.3 "Geist Mono", monospace; color: var(--muted); }
  .bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 26px 0 12px; }
  .bar button { font: inherit; font-size: 15px; background: #fff; color: var(--ink); border: 1.5px solid var(--line); padding: 8px 12px; cursor: pointer; }
  .bar button[aria-pressed=true] { background: var(--blue); color: #fff; border-color: var(--blue); }
  .bar .csv { margin-left: auto; color: var(--blue); border-color: var(--blue); background: var(--card); }
  button:focus-visible, a:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
  .wrap { background: var(--card); border: 1px solid var(--line); box-shadow: 6px 6px 0 rgba(49,49,49,.08); overflow-x: auto; }
  table { width: 100%; border-collapse: collapse; min-width: 720px; }
  th, td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--line2); vertical-align: baseline; white-space: nowrap; }
  th { font: 500 13px/1 "Geist Mono", monospace; color: var(--muted); background: #f6edda; position: sticky; top: 0; }
  td.m, td.w { font: 400 14px/1.3 "Geist Mono", monospace; color: var(--ink2); }
  td.k { white-space: normal; }
  td.p { font-weight: 500; text-align: right; }
  td.r { text-align: right; color: var(--ink2); }
  .tag { font: 400 11px/1 "Geist Mono", monospace; color: #fff; background: #b8401c; padding: 3px 6px; margin-left: 6px; vertical-align: 2px; }
  .more { display: block; margin: 18px auto 0; font: 500 16px/1 "Geist", sans-serif; background: var(--blue); color: #fff; border: 0; padding: 15px 22px; cursor: pointer; }
  .more[hidden] { display: none; }
  .note { font-size: 14px; color: var(--muted); margin-top: 14px; }
  .err { color: var(--orange); margin-top: 14px; }