/* Approved course-period typography; year never affects separator alignment. */
.course-block .course-block-start:has(.course-period) { margin-top: 22px; }
.course-period { display: grid; grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 8px; row-gap: 8px; align-items: center; width: 100%; max-width: 390px; margin-inline: auto; text-align: center; }
.course-period-date { display: contents; }
.course-period-day { grid-row: 1; font-family: 'Libre Caslon Display', Georgia, serif; font-size: 28px; font-weight: 400; line-height: 1.1; white-space: nowrap; font-variant-numeric: normal; }
.course-period-year { grid-row: 2; font-family: 'DM Sans', Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.4; color: var(--brown-dark, #4e3d33); }
.course-period-date--start > span { grid-column: 1; }
.course-period-date--end > span { grid-column: 3; }
.course-period-separator { grid-column: 2; grid-row: 1; font-family: 'DM Sans', Arial, sans-serif; font-size: 22px; line-height: 1; font-weight: 300; color: var(--brown-dark, #4e3d33); }
@media (min-width: 601px) {
 .course-block .course-block-start:has(.course-period) + .course-block-status { margin-top: 38px; }
 .course-block .course-block-start:has(.course-period) + .course-block-differences { margin-top: 38px; }
}
@media (max-width: 600px) {
 .course-block-details--switchable .course-block .course-block-start:has(.course-period) { margin-top: 0; }
 .course-period-day { font-size: 30px; }
 .course-period-year { font-size: 14px; }
}
@media (max-width: 390px) { .course-period-day { font-size: 28px; } }
@media (max-width: 340px) { .course-period-day { font-size: 26px; } }