/* AbildskovUndervisning - abildskovundervisning.dk */

.rhyme-search-grid {
    --ws-cell: calc((min(var(--app-vh, 100vh) - 240px, 92vw - 220px, 480px) - 36px) / var(--ws-size));
}

.rhyme-search-list {
    width: 200px;
}

.rhyme-search-prompt {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 4px;
}

.rhyme-search-result.addition-training-result {
    margin: 0 auto;
    padding: 4px;
    gap: 6px;
}

.rhyme-search-result .addition-training-result-title,
.rhyme-search-result .addition-training-result-score {
    margin: 0;
}

.rhyme-search-result .addition-training-result-title { font-size: 1.5rem; }
.rhyme-search-result .addition-training-result-score { font-size: 1.1rem; }
.rhyme-search-result .addition-training-result-list {
    gap: 3px;
    max-height: none;
    overflow: visible;
}
.rhyme-search-result .addition-training-result-row {
    padding: 3px 8px;
    font-size: 1rem;
}

@media (max-width: 600px), (max-height: 500px) {
    .rhyme-search-grid {
        --ws-cell: calc((min(100vw - 80px, 480px) - (var(--ws-size) - 1) * 2px) / var(--ws-size));
    }
    .rhyme-search-list { width: 100%; }
    .rhyme-search-prompt { grid-column: 1 / -1; }
}