@layer components {
  .schedule { display:grid; gap: 12px }
  .schedule .slot { display:grid; grid-template-columns: 120px 1fr; gap: 12px; align-items:start }
  @media (max-width: 720px){ .schedule .slot { grid-template-columns: 1fr } }
}