/*
 * sf-results-stats — generic results/stats bar.
 * Brand values lifted into CSS custom properties (defaults = original brand).
 * The per-instance accent color is applied inline on each h3 via the `accent` field.
 */
[data-sf-block="sf-results-stats"] {
  --sf-results-bg: #111;
  --sf-results-label-color: #888;
  --sf-results-accent: #eab308;
}
[data-sf-block="sf-results-stats"] .results-section { background: var(--sf-results-bg); padding: 80px 40px; }
[data-sf-block="sf-results-stats"] .results-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; text-align: center; }
[data-sf-block="sf-results-stats"] .result-stat h3 { font-size: 40px; font-weight: 800; margin-bottom: 8px; color: var(--sf-results-accent); }
[data-sf-block="sf-results-stats"] .result-stat p { font-size: 14px; color: var(--sf-results-label-color); }
@media (max-width: 600px) {
  [data-sf-block="sf-results-stats"] .results-inner { gap: 48px; }
}