.question-header-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.question-actions { display: flex; align-items: center; gap: 24px; }
.question-action-link { border: 0; padding: 0; background: transparent; color: #007bff; font: 600 14px system-ui,sans-serif; text-decoration: none; cursor: pointer; }
.question-action-link:hover { text-decoration: underline; }
.question-number { color: #999; font-size: 14px; }
.quiz-question-heading { text-align: center; font-size: 17px; line-height: 1.3; margin: 0 0 8px; }
.quiz-question-progress { margin-bottom: 18px; }
.time-remaining-pill { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 12px; background: #e7f1fb; border: 1px solid #bdd5ec; color: #17456d; font-size: 12px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.time-remaining-pill.time-warning { background: #fff0e3; border-color: #e49a41; color: #8d3d0b; animation: timer-warning-pulse 1.8s ease-in-out infinite; }
@keyframes timer-warning-pulse { 0%, 100% { box-shadow: 0 0 0 0 #e49a4100; opacity: 1; } 50% { box-shadow: 0 0 0 5px #e49a412b; opacity: .65; } }
@media (prefers-reduced-motion: reduce) { .time-remaining-pill.time-warning { animation: none; } }