/* Schedule categories only; grade labels and the rest of the website are unchanged. */
.day-teaser.category-practice{color:#18764e;border-left-color:#18764e}
.day-teaser.category-match{color:#215eac;border-left-color:#215eac}
.day-teaser.category-other{color:#756080;border-left-color:#756080}
.day-teaser.cancelled{color:#5c6b73;border-left-color:#5c6b73}
.calendar-hint .other-key{background:#756080}
.calendar-hint .match-key{background:#215eac}
.calendar-hint .practice-key{background:#18764e}
.category-badge.category-practice{background:#e8f2e9;color:#18764e}
.category-badge.category-match{background:#e8f0fc;color:#215eac}
.category-badge.category-other{background:#f0ebf3;color:#756080}
.event-card.category-other h4{color:#756080}
.event-card.category-match h4{color:#215eac}
.event-card.is-cancelled h4{color:#5c6b73}
.calendar-blog-link{display:inline-flex;align-items:center;min-height:36px;font-size:12px;padding:5px 0;color:#18764e;text-decoration:underline;text-underline-offset:3px}
.calendar-blog-link:hover{color:#0c2945}
.category-help{display:block;font-size:10px;color:#5c6b73;line-height:1.8;margin-top:6px}
@media(max-width:640px){.calendar-hint{flex-wrap:wrap;row-gap:4px}.calendar-blog-link{line-height:1.9}}

/* Four previews per date and a shared date column in the monthly list. */
.calendar-day,.calendar-blank{min-height:154px}
.month-day-group{display:grid;grid-template-columns:105px minmax(0,1fr);gap:26px;border-top:1px solid var(--line);padding:23px 3px}
.month-day-group>.event-date{padding-top:8px}
.month-day-events{min-width:0}
.month-day-events>.event-card{grid-template-columns:minmax(0,1fr);gap:0;padding:20px 0;border-top:1px solid var(--line)}
.month-day-events>.event-card:first-child{border-top:0;padding-top:0}
.month-day-events>.event-card:last-child{padding-bottom:0}
@media(max-width:640px){
 .calendar-day,.calendar-blank{min-height:128px}
 .month-day-group{grid-template-columns:55px minmax(0,1fr);gap:15px;padding:19px 3px}
 .month-day-events>.event-card{padding-top:17px;padding-bottom:17px}
 .month-day-events>.event-card:first-child{padding-top:0}
 .month-day-events>.event-card:last-child{padding-bottom:0}
}

/* Public holidays use the same date color as Sunday, including on Saturdays. */
.calendar-day.holiday{color:var(--red)}