/* Keep the event a plain document within the site's usual typography and width. */
.school-intro { padding: 12px 0 4px; }
.school-banner { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; object-position: 60% center; margin-bottom: 24px; }
.school-intro h1 { font-size: 2rem; line-height: 1.25; letter-spacing: -.5px; }
.school-dates { font-weight: 600; }
.school-dates span { padding: 0 5px; }
.school-section { margin: 28px 0; }
.school-section h2 { font-size: 1.5rem; }
.school-section h3 { font-size: 1.15rem; }
.school-note { color: #666; font-size: .9rem; }
.school-module { margin: 24px 0; }
.school-module h3 { margin-bottom: 6px; }
.school-module-meta { color: #666; font-size: .8rem; margin-bottom: 6px; }
.school-speaker { font-weight: 600; font-size: .95rem; }
.school-swatch { display: inline-block; width: .8em; height: .8em; margin-right: .4em; border: 1px solid #bbb; }
.school-timetable { table-layout: fixed; font-size: .85rem; color: #202124; }
.winter-school .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.school-timetable th, .school-timetable td { padding: 10px 8px; vertical-align: top; overflow-wrap: break-word; }
.school-timetable th { background: #eee; }
.school-timetable th[rowspan] { width: 15%; }
.school-timetable thead { text-align: center; }
.school-session-speakers { display: block; margin-top: 6px; font-size: .8rem; font-weight: 600; line-height: 1.4; }
.school-lecture { display: block; margin-top: 6px; font-size: .8rem; color: #454545; }
.school-timetable-mobile { display: none; }
/* Module colours from the planning Sheet, shared by table, phone list and headings. */
.winter-school .school-rocq { background: #dceaf7; }
.winter-school .school-types { background: #ddeedc; }
.winter-school .school-security { background: #fce4cf; }
.winter-school .school-separation { background: #e9e0f3; }
.winter-school .school-ebpf { background: #fff1bf; }
.winter-school .school-runtime { background: #d9efef; }
@media (max-width: 700px) {
  .school-banner { aspect-ratio: 4 / 3; }
  .school-intro h1 { font-size: 1.7rem; }
  .school-dates span { display: block; height: 0; visibility: hidden; }
  .school-timetable-desktop { display: none; }
  .school-timetable-mobile { display: block; }
  .school-day { margin-top: 20px; }
  .school-day h3 { padding: 8px 0; margin-bottom: 0; }
  .school-day ol { list-style: none; margin: 0; }
  .school-day li { display: grid; grid-template-columns: 94px minmax(0, 1fr); gap: 8px; padding: 12px; border-bottom: 2px solid #fff; }
  .school-time { font-size: .82rem; color: #454545; padding-top: 2px; }
  .school-lecture { margin-top: 4px; }
}
@media print {
  .school-timetable-desktop { display: block; }
  .school-timetable-mobile { display: none; }
  .school-timetable { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}