/* numbers.css — The numbers view and the filter counts: stat boxes, provenance pills.
 *
 * A contiguous slice of what was panels.css, in the order it was in, so the
 * cascade is unchanged. It decides no colour and no shape of its own: those
 * are the look’s, in public/tokens.css. See docs/frontend-files.md.
 */
.fcount{font-family:var(--mono);font-size:10.5px;background:var(--color--surface);color:var(--ink);
  padding:0 6px;margin-left:7px;border-radius:9px}
/* The counts the three stat cards used to hold, as one quiet line. */
.summary{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0 0 14px;line-height:1.5}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.fgrid{grid-template-columns:1fr}}
/* Provenance strip: how far a reader should trust this account. These four
   signals were all either collected-but-hidden or absent, and buried in
   grey meta text they read as trivia. They are the most important thing
   on the card after the narrative itself. */
.rcard .prov{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 0}
.pv{font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.04em;
  text-transform:uppercase;padding:2px 8px;border:1px solid var(--rule);color:var(--muted)}
.pv.strong{font-weight:700}
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.statbox{background:var(--card);border:1px solid var(--rule);padding:13px 15px}
.statbox .v{font-family:var(--cond);font-weight:700;font-size:26px;line-height:1}
.statbox .k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}
.statrow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;
  border-bottom:1px solid var(--rule-soft);font-size:14px}
.statrow:last-child{border-bottom:0}
.statrow .n{font-family:var(--mono);font-size:13px;color:var(--muted)}
.asof{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0 0 16px}