/* Three Cards Reveal Styles */

.reveal-screen {
    width: min(100%, 860px);
}

.three-card-reveal-container {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 168px));
    gap: var(--space-sm);
    justify-content: center;
    margin: var(--space-lg) auto var(--space-sm);
}

.card-display.small-card {
    width: min(27vw, 168px);
    height: min(40vw, 252px);
    min-width: 96px;
    min-height: 144px;
    margin: 0;
}

.card-display.small-card .card-inner {
    transition: transform 620ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow var(--transition-base);
}

.reading-continue {
    margin-top: var(--space-md);
}

@media (max-width: 520px) {
    .three-card-reveal-container {
        gap: 10px;
    }

    .card-display.small-card {
        width: 29vw;
        height: 43.5vw;
        min-width: 86px;
        min-height: 129px;
    }
}