/* ── components/stat-block.css ──────────────────────────
   Component: nf--stat-block
   Horizontal row of stat callouts, separated from
   surrounding content by a top border.
   Uses global nf--stat__num / __pct / __label primitives
   from global.css.
   ──────────────────────────────────────────────────────── */

.nf--stat-block {
    display: flex;
    flex-direction: row;
    gap: var(--spacing6);
    margin-top: var(--spacing6);
    padding-top: var(--spacing6);
    border-top: 1px solid var(--fog);
}

.nf--stat-block__stat {
    display: flex;
    flex-direction: column;
}

.nf--stat-block__stat .nf--stat__label {
    max-width: none;
}

@media (max-width: 900px) {
    .nf--stat-block {
        flex-direction: column;
        gap: var(--spacing5);
    }
}