.question-difficulty { display: inline-flex; align-items: center; gap: .35em; padding: .25em .65em; border: 1px solid currentColor; border-radius: 999px; font-size: .875rem; font-weight: 650; line-height: 1.6; letter-spacing: normal; text-transform: none; white-space: normal; overflow-wrap: anywhere; }
.difficulty-foundation { color: #175b47; background: #e6f4ed; }
.difficulty-standard { color: #1c4c83; background: #e9f1ff; }
.difficulty-extended { color: #66328a; background: #f3eafa; }
.difficulty-unlabelled { color: #4d5652; background: #f0f2f0; }
.question-level-summary { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.work-question-body > .question-difficulty { display: inline-flex; margin-bottom: 8px; }
.question-filters { margin: 16px 0; }
.question-filters label { display: block; min-width: 0; }
.question-filters :is(input, select) { width: 100%; min-width: 0; }
.question-filters .button { align-self: end; }
.question-filter-note { color: var(--muted); margin: 12px 0; }
.test-jump .question-difficulty { font-size: .75em; }
body[data-screen-size="large"] .question-difficulty { font-size: 1rem; }
body[data-screen-size="extra_large"] .question-difficulty { font-size: 1.25rem; }
@media (max-width: 560px) { .question-filters { grid-template-columns: minmax(0, 1fr); } }