/* ==========================
   YEAR LEVEL PAGE
   ========================== */

.year-levels,
.ncea,
.notes {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
}

.year-group h3,
.ncea-level h3 {
    margin-top: 0;
    color: var(--primary);
}

.year-group,
.ncea-level,
.school-card,
.notes ul {
    background: var(--card-bg);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}