/* Cycle Planner Layout */
.cycle-planner-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 1024px) {
  .cycle-planner-layout {
    grid-template-columns: 1fr 1.5fr;
  }
}