.bf-progress { width: 100%; height: 14px; accent-color: var(--brand); }
.bf-question { margin: 24px 0; padding: 0; border: 0; min-width: 0; scroll-margin-top: 90px; }
.bf-question legend { font-weight: 600; margin-bottom: 8px; }
.bf-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.bf-options label { margin: 0; min-height: 48px; flex-wrap: nowrap; }
.bf-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.bf-score { margin: 24px 0; }
.bf-score h3 { margin-bottom: 10px; }
.bf-bar { height: 14px; background: #e5e7eb; border-radius: 8px; overflow: hidden; }
.bf-bar span { display: block; height: 100%; background: var(--brand); }
.bf-options span { white-space: nowrap; }
@media (min-width: 601px) {
  .bf-options label { padding: 10px 2px; gap: 0 4px; font-size: clamp(12px, 2.1vw, 16px); }
}
@media (max-width: 600px) {
  .bf-options { grid-template-columns: 1fr; gap: 6px; }
}