/* Keep desktop and mobile plan renderers mutually exclusive. */
body.app-shell #planStep > .mobile-schedule {
  display: none;
}

body.app-shell #planStep > .table-shell[hidden],
body.app-shell #planStep > .mobile-schedule[hidden] {
  display: none !important;
}

@media (max-width: 720px) {
  body.app-shell #planStep > .table-shell {
    display: none;
  }

  body.app-shell #planStep > .mobile-schedule {
    display: grid;
  }
}