/*
|--------------------------------------------------------------------------
| User Area Hero Compact Standardization
|--------------------------------------------------------------------------
| Keeps user dashboard/module hero sections at a consistent, compact scale.
| This file is loaded after page-specific CSS so it can normalize pages that
| were built in different iterations.
*/

.pm-dashboard-main .pm-dashboard-hero,
.pm-dashboard-main .pm-quiz-hero,
.pm-dashboard-main .pm-library-hero,
.pm-dashboard-main .pm-subscription-hero,
.pm-dashboard-main .pm-profile-hero,
.pm-dashboard-main .pm-vocab-hero,
.pm-dashboard-main .pm-sentence-hero,
.pm-dashboard-main .pm-sentence-practice-head,
.pm-dashboard-main .pm-cloze-user-hero,
.pm-dashboard-main .pm-cloze-exercise-head,
.pm-dashboard-main .pm-flash-hero,
.pm-dashboard-main .pm-flashcard-hero {
    min-height: auto !important;
    padding: clamp(1rem, 1.8vw, 1.35rem) !important;
    border-radius: 1.35rem !important;
    gap: clamp(0.85rem, 1.8vw, 1.25rem) !important;
}

.pm-dashboard-main .pm-dashboard-hero,
.pm-dashboard-main .pm-quiz-hero,
.pm-dashboard-main .pm-library-hero,
.pm-dashboard-main .pm-subscription-hero,
.pm-dashboard-main .pm-profile-hero,
.pm-dashboard-main .pm-vocab-hero,
.pm-dashboard-main .pm-sentence-hero,
.pm-dashboard-main .pm-cloze-user-hero,
.pm-dashboard-main .pm-flash-hero,
.pm-dashboard-main .pm-flashcard-hero {
    align-items: center !important;
}

.pm-dashboard-main .pm-dashboard-hero h1,
.pm-dashboard-main .pm-quiz-hero h1,
.pm-dashboard-main .pm-library-hero h1,
.pm-dashboard-main .pm-subscription-hero h1,
.pm-dashboard-main .pm-profile-hero h1,
.pm-dashboard-main .pm-vocab-hero h1,
.pm-dashboard-main .pm-sentence-hero h1,
.pm-dashboard-main .pm-sentence-practice-head h1,
.pm-dashboard-main .pm-cloze-user-hero h1,
.pm-dashboard-main .pm-cloze-exercise-head h1,
.pm-dashboard-main .pm-flash-hero h1,
.pm-dashboard-main .pm-flashcard-hero h1 {
    margin: 0.25rem 0 0.35rem !important;
    font-size: clamp(1.65rem, 2.4vw, 2.35rem) !important;
    line-height: 1.08 !important;
    max-width: 44rem !important;
}

.pm-dashboard-main .pm-dashboard-hero p,
.pm-dashboard-main .pm-quiz-hero p,
.pm-dashboard-main .pm-library-hero p,
.pm-dashboard-main .pm-subscription-hero p,
.pm-dashboard-main .pm-profile-hero p,
.pm-dashboard-main .pm-vocab-hero p,
.pm-dashboard-main .pm-sentence-hero p,
.pm-dashboard-main .pm-sentence-practice-head p,
.pm-dashboard-main .pm-cloze-user-hero p,
.pm-dashboard-main .pm-cloze-exercise-head p,
.pm-dashboard-main .pm-flash-hero p,
.pm-dashboard-main .pm-flashcard-hero p {
    font-size: clamp(0.92rem, 1vw, 1rem) !important;
    line-height: 1.55 !important;
    max-width: 42rem !important;
}

.pm-dashboard-main .pm-dashboard-hero-art,
.pm-dashboard-main .pm-vocab-hero-art,
.pm-dashboard-main .pm-quiz-hero-card,
.pm-dashboard-main .pm-library-hero-card,
.pm-dashboard-main .pm-profile-hero-card,
.pm-dashboard-main .pm-hero-card {
    max-height: 10rem !important;
}

.pm-dashboard-main .pm-sentence-stat-grid article,
.pm-dashboard-main .pm-quiz-hero-card,
.pm-dashboard-main .pm-library-hero-card,
.pm-dashboard-main .pm-profile-hero-card,
.pm-dashboard-main .pm-hero-card {
    padding: 0.85rem !important;
    border-radius: 1rem !important;
}

.pm-dashboard-main .pm-sentence-stat-grid strong,
.pm-dashboard-main .pm-quiz-hero-card strong,
.pm-dashboard-main .pm-library-hero-card strong,
.pm-dashboard-main .pm-profile-hero-card strong,
.pm-dashboard-main .pm-hero-card strong {
    font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
    line-height: 1.05 !important;
}

.pm-dashboard-main .pm-sentence-stat-grid {
    grid-template-columns: repeat(3, minmax(5.5rem, 1fr)) !important;
}

.pm-dashboard-main .pm-sentence-content,
.pm-dashboard-main .pm-cloze-content,
.pm-dashboard-main .pm-quiz-content,
.pm-dashboard-main .pm-library-content,
.pm-dashboard-main .pm-subscription-content,
.pm-dashboard-main .pm-profile-content,
.pm-dashboard-main .pm-vocab-main,
.pm-dashboard-main .pm-flash-main,
.pm-dashboard-main .pm-dashboard-main-content {
    gap: 1.25rem !important;
}

@media (max-width: 920px) {
    .pm-dashboard-main .pm-dashboard-hero,
    .pm-dashboard-main .pm-quiz-hero,
    .pm-dashboard-main .pm-library-hero,
    .pm-dashboard-main .pm-subscription-hero,
    .pm-dashboard-main .pm-profile-hero,
    .pm-dashboard-main .pm-vocab-hero,
    .pm-dashboard-main .pm-sentence-hero,
    .pm-dashboard-main .pm-cloze-user-hero,
    .pm-dashboard-main .pm-flash-hero,
    .pm-dashboard-main .pm-flashcard-hero {
        grid-template-columns: 1fr !important;
    }

    .pm-dashboard-main .pm-dashboard-hero-art,
    .pm-dashboard-main .pm-vocab-hero-art {
        display: none !important;
    }
}

@media (max-width: 640px) {
    .pm-dashboard-main .pm-dashboard-hero h1,
    .pm-dashboard-main .pm-quiz-hero h1,
    .pm-dashboard-main .pm-library-hero h1,
    .pm-dashboard-main .pm-subscription-hero h1,
    .pm-dashboard-main .pm-profile-hero h1,
    .pm-dashboard-main .pm-vocab-hero h1,
    .pm-dashboard-main .pm-sentence-hero h1,
    .pm-dashboard-main .pm-sentence-practice-head h1,
    .pm-dashboard-main .pm-cloze-user-hero h1,
    .pm-dashboard-main .pm-cloze-exercise-head h1,
    .pm-dashboard-main .pm-flash-hero h1,
    .pm-dashboard-main .pm-flashcard-hero h1 {
        font-size: 1.55rem !important;
    }

    .pm-dashboard-main .pm-sentence-stat-grid {
        grid-template-columns: 1fr !important;
    }
}