.day {
  display: flex;
  flex-direction: column;
}

.day__header {
  margin-bottom: var(--sp-5);
}

.day__eyebrow {
  font-size: var(--fs-caption-2);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--track-allcaps);
  color: var(--accent);
  margin: 0 0 var(--sp-2);
}

.day__title {
  font-size: var(--fs-title-2);
  font-weight: 600;
  letter-spacing: var(--track-title);
  color: var(--ink-1);
  margin: 0;
  line-height: 1.15;
}

.day__sub {
  font-size: var(--fs-footnote);
  color: var(--ink-3);
  letter-spacing: var(--track-body);
  margin: var(--sp-1) 0 0;
}

/* Today is the hero. Big, confident, plenty of air below. */
.day--today .day__header {
  margin-bottom: var(--sp-6);
}
.day--today .day__title {
  font-size: var(--fs-display-2);
  font-weight: 700;
  letter-spacing: var(--track-display);
  line-height: 1;
}
.day--today .day__sub {
  font-size: var(--fs-callout);
  color: var(--ink-2);
  margin-top: var(--sp-3);
}

.day__list {
  border-top: 1px solid var(--divider);
}

@media (max-width: 640px) {
  .day--today .day__title {
    font-size: var(--fs-display-1);
    letter-spacing: var(--track-display);
  }
}