.month-navigation{display:grid;grid-template-columns:42px minmax(170px,1fr) 42px;align-items:center;gap:.75rem;max-width:360px;margin:1.25rem auto}.month-navigation strong{text-align:center;font-size:1.15rem;text-transform:capitalize}.month-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dfe5ed;border-radius:50%;background:#fff;color:#1967d2;font-size:1.8rem;line-height:1;cursor:pointer}.month-button:hover{background:#edf4ff}.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #dfe5ed;border-left:1px solid #dfe5ed}.weekday{padding:.6rem .4rem;border-right:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed;background:#f5f7fb;color:#687789;font-size:.72rem;font-weight:800;text-align:center;text-transform:uppercase}.calendar-day{min-width:0;min-height:125px;padding:.45rem;border-right:1px solid #dfe5ed;border-bottom:1px solid #dfe5ed;background:#fff}.calendar-day.outside{background:#f8fafc;color:#9aa5b2}.calendar-day.today{background:#f1f6ff}.day-number{display:grid;place-items:center;width:27px;height:27px;margin:0 0 .35rem auto;border-radius:50%;font-size:.78rem;font-weight:800}.today .day-number{background:#1967d2;color:#fff}.day-events{display:grid;gap:.28rem}.calendar-event{display:block;overflow:hidden;padding:.28rem .38rem;border-left:3px solid #1967d2;border-radius:5px;background:#eaf2ff;color:#173760;font-size:.72rem;font-weight:700;line-height:1.25;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.calendar-event.timed::before{content:attr(data-time);margin-right:.28rem;font-weight:500}.calendar-event:hover{background:#dbe9ff}.more-events{padding:.15rem .3rem;color:#657181;font-size:.68rem;font-weight:700}@media(max-width:760px){.calendar-shell{padding:.8rem}.calendar-head h1{font-size:1.8rem}.weekday{padding:.4rem .1rem;font-size:.58rem}.calendar-day{min-height:82px;padding:.2rem}.day-number{width:22px;height:22px;font-size:.68rem}.calendar-event{padding:.2rem;border-left-width:2px;font-size:.6rem}.calendar-event.timed::before{content:""}.more-events{font-size:.58rem}}