/* Postie · StatTile — a figure with a label and a line under it. tone="brand" is the hero-tile. */
.postie-stat {
  display: flex; flex-direction: column; gap: 6px;
  box-sizing: border-box; padding: 20px 22px; min-width: 0;
  border-radius: var(--postie-radius-panel);
  background: var(--postie-c-raised); color: var(--postie-c-ink);
  font-family: var(--postie-font-ui);
}
.postie-stat--brand { background: var(--postie-ground); color: var(--postie-ink-brand);
  --postie-c-ink: var(--postie-ink-brand); --postie-c-body: var(--postie-body-brand); --postie-c-muted: var(--postie-muted-brand); --postie-c-accent-text: var(--postie-accent-text-brand); }
.postie-stat__label { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: var(--postie-tracking-label); text-transform: uppercase; color: var(--postie-c-muted); }
.postie-stat__value { margin: 0; font-family: var(--postie-font-display); font-weight: var(--postie-weight-display); font-size: 40px; line-height: 1; letter-spacing: var(--postie-tracking-display); font-variant-numeric: tabular-nums; }
.postie-stat__value b { font-weight: inherit; color: var(--postie-c-accent-text); }
.postie-stat__sub { margin: 0; font-size: 13px; color: var(--postie-c-body); }
.postie-stat--sm { padding: 14px 16px; }
.postie-stat--sm .postie-stat__value { font-size: 28px; }