/* =============================================================================
   curriculum.css — the Curriculum pages (CBSE / CISCE / IGCSE / IB). Semantic HTML
   on tokens + the shared components (tabs, gallery). Mirrors the original design:
   Playfair 70/800 uppercase #F8C604 hero, Montserrat 30/600 uppercase #45ACAF
   section headings, teal pill tabs. Fluid type replaces the fixed breakpoints.
   ============================================================================= */
.kk-curriculum {
    --kk-tabs-accent: #45ACAF;                     /* teal used across these pages */
    --kk-tabs-font: "Montserrat", var(--kk-font-heading);
}
.kk-curriculum__section { max-width: var(--kk-content-max); margin: 0 auto; padding: 40px var(--kk-space-sm); box-sizing: border-box; }
.kk-curriculum img { max-width: 100%; }

/* Hero */
.kk-curriculum__hero { text-align: right; }
.kk-curriculum__hero-title {
    font-family: "Playfair Display", var(--kk-font-heading);
    font-size: clamp(40px, 7vw, 70px);
    font-weight: 800; text-transform: uppercase; line-height: 1.1;
    text-shadow: 0 0 10px rgba(0, 0, 0, .3); color: #F8C604; margin: 0;
}

/* Section headings + divider */
.kk-heading {
    font-family: "Montserrat", var(--kk-font-heading);
    font-size: clamp(22px, 3.5vw, 30px);
    font-weight: 600; text-transform: uppercase; color: #45ACAF;
    text-align: center; margin: 0 0 12px;
}
.kk-divider { width: 13%; min-width: 60px; height: 0; border: 0; border-top: 2px solid #45ACAF; margin: 0 auto 24px; }

/* Prose (text-editor content) */
.kk-prose { font-family: var(--kk-font-body); font-size: 16px; line-height: 1.75; color: #333; overflow-wrap: break-word; }
.kk-prose p { margin: 0 0 16px; }
.kk-prose b, .kk-prose strong { color: #222; }
.kk-prose ul { margin: 0 0 16px; padding-left: 22px; }
.kk-prose li { margin: 0 0 6px; }
.kk-prose a { color: var(--kk-brand); }

/* Tab panels */
.kk-curriculum__panel-title {
    font-family: "Montserrat", var(--kk-font-heading);
    font-size: clamp(20px, 3vw, 26px); font-weight: 600; color: #45ACAF; margin: 0 0 16px;
}
.kk-curriculum__panel-logo { display: inline-block; margin: 0 0 16px; }
.kk-curriculum__panel-logo img { height: 72px; width: auto; }