/* Dynamic Font Sizing for Flip Cards */
.flip-card-inner {
    container-type: inline-size;
}

/* 
 * Calculate font size based on container width (cqi) and character count.
 * Formula: 130cqi / char-count
 * Clamped between 0.6rem and 1.15rem to prevent it from being too small or too huge.
 */
.flip-front-text,
.flip-card-back {
    font-size: clamp(0.35rem, 130cqi / var(--char-count, 10), 1.15rem);
    line-height: 1.1;
    white-space: nowrap;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ensure the letter count doesn't get messed up */
.flip-letter-count {
    flex-shrink: 0;
    /* Prevent it from shrinking */
}