/*
 * Schedule board without horizontal scrolling.
 * Desktop: the table fits the container; long group names and schedules wrap.
 * Tablets and phones: every row becomes a compact card.
 * `:root` keeps these rules above the older ones in landing.css.
 */
:root .dboard-scroll{overflow:visible}
:root .dboard table{width:100%;min-width:0;table-layout:auto}
:root .dboard th{padding:12px 14px 10px}
:root .dboard td{padding:12px 14px;vertical-align:middle}
:root .dboard th:first-child,:root .dboard td:first-child{padding-left:22px}
:root .dboard th:last-child,:root .dboard td:last-child{padding-right:22px;text-align:right}
/* Group name and schedule may wrap; short technical columns stay on one line. */
:root .dboard td:nth-child(3){white-space:normal;min-width:140px;font-weight:500}
:root .dboard td:nth-child(4){white-space:normal;min-width:120px}
:root .dboard td:nth-child(5){white-space:normal}
:root .dboard .book{white-space:nowrap;padding:8px 14px}

@media (max-width:1080px){
  :root .dboard thead{display:none}
  :root .dboard table{display:block;width:100%}
  :root .dboard tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
  :root .dboard tbody tr{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "date  level"
      "group group"
      "sched sched"
      "teach seats"
      "book  book";
    align-content:start;
    gap:6px 12px;
    padding:16px 18px;
    background:#252B31;
    border-radius:14px;
  }
  :root .dboard tbody td{display:block;padding:0;border:0;white-space:normal;min-width:0;text-align:left}
  :root .dboard td:first-child,:root .dboard td:last-child{padding:0;text-align:left}
  :root .dboard td:nth-child(1){grid-area:date}
  :root .dboard td:nth-child(2){grid-area:level;justify-self:end}
  :root .dboard td:nth-child(3){grid-area:group;font-size:16px;font-weight:600;color:#fff;margin-top:2px}
  :root .dboard td:nth-child(4){grid-area:sched}
  :root .dboard td:nth-child(5){grid-area:teach;color:#C9CED3;align-self:center}
  :root .dboard td:nth-child(6){grid-area:seats;justify-self:end;align-self:center}
  :root .dboard td:nth-child(7){grid-area:book;margin-top:8px}
  :root .dboard td:nth-child(7) .book{display:flex;width:100%;justify-content:center;min-height:44px}
  /* Rows hidden by the level filter */
  :root .dboard tbody tr.hide{display:none}
}
@media (max-width:640px){
  :root .dboard tbody{grid-template-columns:1fr;padding:10px}
  :root .dboard tbody tr{padding:14px 16px}
}
:root .dboard .slot{white-space:nowrap}