.school-booking-unavailable { filter:grayscale(1); opacity:.65; cursor:not-allowed; pointer-events:none; text-decoration:none; }
.school-booking-state { max-width:1100px; margin:24px auto; padding:18px 22px; color:#173334; background:#e1e6df; border-left:4px solid #536462; font:600 16px/1.7 Arial,Meiryo,sans-serif; }
.school-closed-interface { filter:grayscale(1); opacity:.65; pointer-events:none; }
.school-disabled-fields { border:0; padding:0; margin:0; min-width:0; }
#reservationForm .school-disabled-fields { display:contents; }
@media(max-width:767px){.school-booking-state{margin-inline:22px;}}
.booking-paused-label{display:block;font:600 12px/1.5 Arial,Meiryo,sans-serif;letter-spacing:0;}
@media(min-width:901px){.footer-grid:has(> :last-child:nth-child(2)){grid-template-columns:2fr 1fr;}}
@media(min-width:768px){#reservationForm .school-disabled-fields > .form-row:has(h2),#reservationForm .school-disabled-fields > .form-row:has(#agree),#reservationForm .school-disabled-fields > #snowboard-options-global,#reservationForm .school-disabled-fields > .form-row:has(button){grid-column:1/-1;}}

/* Keep the purpose label and availability on separate, predictable rows. */
.day-planner a { display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-rows:auto 18px; column-gap:14px; row-gap:2px; align-items:center; }
.day-planner a > .index { grid-column:1; grid-row:1; }
.day-planner a > .planner-label { grid-column:2; grid-row:1; }
.day-planner a > .planner-arrow { grid-column:3; grid-row:1; margin-left:0; font-size:20px; }
.day-planner a > span.booking-paused-label { grid-column:2 / -1; grid-row:2; margin-left:0; font-size:11px; line-height:1.5; }
.reserve.school-booking-unavailable { flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; }
.reserve.school-booking-unavailable > [aria-hidden="true"] { display:none; }
.reserve.school-booking-unavailable > .booking-paused-label { font-size:11px; white-space:nowrap; }
@media(max-width:1100px) and (min-width:601px) { .day-planner > div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; } }
@media(max-width:600px) { .day-planner a { column-gap:8px; } }

@media(max-width:600px){.day-planner a{font-size:12px;column-gap:6px;} .day-planner a > .booking-paused-label{white-space:nowrap;}}

@media(max-width:600px){.day-planner a{grid-template-rows:minmax(36px,auto) minmax(18px,auto);align-items:start;}}

.school-booking-unavailable:not(.day-planner a){flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;}