/* ==========================================================
   Shared Page Headers - Consistent across all student pages
   ========================================================== */

/* ===== PAGE TITLE (h1) ===== */
.page-title {
    font-size: 2.8rem;
    font-weight: 900;
    color: var(--t-heading-color);
    text-shadow: var(--t-heading-shadow);
    margin: 0 0 4px;
    letter-spacing: 0.3px;
    line-height: 1.3;
}

/* ===== PAGE SUBTITLE ===== */
.page-subtitle {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--t-heading-color);
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
    margin: 0;
}

/* ===== PAGE LESSON NAME (medium, between title & subtitle) ===== */
.page-lesson-name {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--t-heading-color);
    text-shadow: var(--t-heading-shadow);
    margin: 2px 0 6px;
}

/* ===== PAGE HEADER CONTAINER ===== */
.page-header {
    text-align: center;
    padding: 28px 0 12px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .page-title {
        font-size: 1.7rem;
    }
    .page-subtitle {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .page-title {
        font-size: 1.5rem;
    }
}