/* ==========================================================================
   Snippet Semantic Data — Enhanced rendering for typed data_points
   Extends .snippet-data-points with colour hints for rates/penalties/thresholds.
   ========================================================================== */

/* --- Rates: blue accent, bold values --- */

.snippet-data-points--rates {
    border-left-color: var(--color-gov-blue);
}

.snippet-data-points--rates dd strong {
    font-variant-numeric: tabular-nums;
}

.snippet-data-points__meta {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-muted);
}

.snippet-data-points__alt {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary);
    font-style: italic;
}

/* --- Penalties: severity colour on the value --- */

.snippet-data-points--penalties {
    border-left-color: var(--color-warning);
}

.snippet-data-points--penalties dd.severity--low strong { color: var(--color-text-primary); }
.snippet-data-points--penalties dd.severity--medium strong { color: var(--color-warning-dark); }
.snippet-data-points--penalties dd.severity--high strong { color: var(--color-error); }
.snippet-data-points--penalties dd.severity--criminal strong { color: var(--color-error-dark); }

/* --- Thresholds: dark blue accent --- */

.snippet-data-points--thresholds {
    border-left-color: var(--color-gov-blue-dark);
}

.snippet-data-points--thresholds dd strong {
    font-variant-numeric: tabular-nums;
}