/* AbildskovUndervisning - abildskovundervisning.dk */

.english-forms-menu .addition-menu-header { margin-bottom: 8px; }
.english-forms-menu .page-title { font-size: clamp(1.7rem, 5vh, 2.4rem); margin-bottom: 4px; }
.english-forms-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 8px;
}
.english-forms-menu .addition-setting-section { margin-bottom: 8px; }
.english-forms-menu .addition-setting-title { font-size: 1rem; margin-bottom: 3px; }
.english-forms-menu .addition-option-button { min-height: 36px; padding: 4px 8px; }
.english-forms-note { margin: 4px 0; font-size: 0.9rem; }
.english-forms-menu .addition-menu-actions { margin-top: 8px; }
.english-forms-instruction { font-size: clamp(1rem, 3vh, 1.4rem); }

.english-forms-result.addition-training-result {
    width: min(96vw, 920px);
    padding: 4px;
    margin: 0 auto;
    gap: 5px;
}
.english-forms-result .addition-training-result-title,
.english-forms-result .addition-training-result-score { margin: 0; font-size: 1.1rem; }
.english-forms-result .addition-training-result-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    max-height: none;
    overflow: visible;
}
.english-forms-result .addition-training-result-row { padding: 3px 6px; font-size: 0.85rem; }
.english-forms-result .addition-training-result-question,
.english-forms-result .addition-training-result-correction { white-space: normal; overflow-wrap: anywhere; }

@media (max-width: 600px), (max-height: 500px) {
    .english-forms-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .english-forms-menu .addition-option-button { overflow-wrap: anywhere; }
    .english-forms-result .addition-training-result-list { grid-template-columns: 1fr; }
}