/* ============================================
   ASCENDING INTERVAL FLASHCARDS - APP SPECIFIC CSS
   Only styles unique to this app
   Common styles are in flashcard-common.css
   ============================================ */

/* Override highlight size for interval display (smaller than default) */
.highlight {
    font-size: 20px;
    margin: 8px 0;
    line-height: 1;
}

/* Mobile override for highlight */
@media (max-width: 768px) {
    .highlight {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .highlight {
        font-size: 28px;
    }
}