@media (min-width: 720px) {
    .days-container { grid-template-columns: 1fr 1fr; }
    .modal { align-items: center; padding: 24px; }
    .modal-dialog { border-radius: 28px; padding: 28px 26px 32px; }
    .choice-grid:not(.two) { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 1040px) {
    .days-container { grid-template-columns: 1fr 1fr 1fr; }
}

@media (hover: hover) {
    .day-card:not(.is-locked):not(.is-sealed):hover { transform: translateY(-3px); }
}