/* /schedule: the week and the Saturday. */

.sched-card .loc-body { padding: 26px 30px 30px; }
.sched-card h2 { font-style: normal; }
.sched-card.city { border-color: var(--orange); }
.sched-card.city h2 { color: var(--orange); }
.sched-card.city .sched-when { color: var(--orange); border-color: var(--orange); }
.sched-card p { font-size: 14px; }

.sched-list { margin: 0; padding-left: 18px; }
.sched-list li { margin-bottom: 7px; font-size: 14px; line-height: 1.6; color: #c3c5b9; }

.sched-rows { display: flex; flex-direction: column; gap: 2px; margin: 14px 0 18px; }
.sched-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: start; padding: 16px 0; border-top: 1px solid #1c2b28; }
.sched-row:last-child { border-bottom: 1px solid #1c2b28; }
.sched-when {
  font: 800 30px/1 var(--display); text-transform: uppercase; color: var(--teal);
  border-left: 3px solid var(--teal); padding-left: 12px;
}
.sched-when small { display: block; margin-top: 4px; font: 400 12px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: #8a938b; }
.sched-row strong { display: block; font: 700 22px/1.1 var(--display); text-transform: uppercase; color: var(--paper); }
.sched-row p { margin-top: 6px; }
.sched-note { margin-top: 14px; color: #8a938b !important; font-size: 13px !important; }

@media (max-width: 800px) {
  .sched-card .loc-body { padding: 20px 18px 24px; }
  .sched-row { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 14px 0; }
  .sched-when { font-size: 26px; }
}