font: inherit;
}
#school-schedule .ss-table caption {
  padding: 8px;
  color: #253321;
  font-weight: bold;
  text-align: left;
  caption-side: top;
}
#school-schedule .ss-table th,
#school-schedule .ss-table td {
  padding: 7px 6px;
  border: 1px solid var(--ss-border);
  vertical-align: top;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}
#school-schedule .ss-table thead th {
  background: var(--ss-green);
  color: #fff;
  font-weight: bold;
}
#school-schedule .ss-table tbody tr { background: #fff; }
#school-schedule .ss-table tbody tr:nth-child(even) { background: var(--ss-light); }
#school-schedule .ss-table th:first-child { width: 58px; text-align: center; }
#school-schedule .ss-subject { color: #253321; font-weight: bold; }
#school-schedule .ss-meta { margin-top: 2px; color: #56664e; font-size: 12px; }
#school-schedule .ss-group + .ss-group {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed var(--ss-border);
}
#school-schedule .ss-mobile { display: none; }
#school-schedule .ss-day {
  margin: 0 0 12px;
  overflow: hidden;
  border: 1px solid var(--ss-border);
  border-radius: 6px;
  background: #fff;
}
#school-schedule .ss-day h3 {
  margin: 0;
  padding: 9px 10px;
  background: var(--ss-green);
  color: #fff;
  font: bold 15px/1.4 Arial, sans-serif;
}
#school-schedule .ss-lesson {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 10px;
  border-top: 1px solid var(--ss-border);
}
#school-schedule .ss-lesson:nth-child(even) { background: var(--ss-light); }
#school-schedule .ss-number { color: var(--ss-green); font-weight: bold; }
#school-schedule .ss-message { margin: 8px 0; padding: 10px; background: var(--ss-light); }
@media (max-width: 800px) {
  #school-schedule .ss-table-wrap { display: none; }
  #school-schedule .ss-mobile { display: block; }
  #school-schedule .ss-field { flex-basis: 130px; }
  #school-schedule .ss-lesson { font-size: 14px; }
}