.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.calendar-toolbar h2{margin:0;text-transform:capitalize}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}
.calendar-weekdays{margin-top:1.25rem;text-align:center;font-weight:700}
.calendar-grid{margin-top:.35rem}
.calendar-day,.calendar-blank{min-height:4rem;border-radius:.7rem}
.calendar-day{position:relative;border:1px solid #496175;background:#0d2031;color:#f2f7fb;cursor:pointer;text-align:left;padding:.45rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.15rem}
.calendar-day:hover,.calendar-day:focus-visible{border-color:#78c7e8;outline:2px solid transparent;background:#17354a}
.calendar-day[aria-pressed="true"]{outline:2px solid #78c7e8}
.calendar-day.is-today{border-color:#f8c66c}
.calendar-count{display:inline-block;border-radius:50%;background:#2c728a;color:#fff;min-width:1.3rem;text-align:center;font-size:.75rem}
@media(max-width:600px){.calendar-weekdays,.calendar-grid{gap:.15rem}.calendar-day,.calendar-blank{min-height:3rem}.calendar-day{padding:.25rem;font-size:.8rem;flex-direction:column}.calendar-count{min-width:1rem}}