.mobile-calendar-agenda{display:none}

@media (max-width: 620px){
    .calendar-section--standalone .calendar-layout{display:block}
    .calendar-section--standalone .month-calendar{display:none}
    .calendar-section--standalone .upcoming-panel{display:none}
    .mobile-calendar-agenda{display:block;overflow:hidden;border:1px solid #dcdcd6;border-radius:12px;background:#fff}
    .mobile-calendar-agenda>header{padding:18px 18px 16px;border-bottom:1px solid var(--line-soft)}
    .mobile-calendar-agenda>header span{display:block;color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .mobile-calendar-agenda>header h2{margin:4px 0 0;color:var(--navy);font-size:1.18rem;line-height:1.2}
    .mobile-calendar-agenda article{display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}
    .mobile-calendar-agenda article:last-of-type{border-bottom:0}
    .mobile-calendar-agenda time{height:50px;border:1px solid #dcdcd6;border-radius:10px;display:grid;place-items:center;align-content:center;color:var(--navy)}
    .mobile-calendar-agenda time strong{font-size:1.22rem;line-height:1}.mobile-calendar-agenda time span{color:var(--gold);font-size:.58rem;font-weight:800;text-transform:uppercase}
    .mobile-calendar-agenda article>div{min-width:0}.mobile-calendar-agenda article p{margin:1px 0 7px;color:#7c807d;font-size:.68rem;font-weight:750;text-transform:uppercase}
    .mobile-calendar-agenda article a{min-height:38px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #eef0ed;color:var(--navy)}
    .mobile-calendar-agenda article p+a{border-top:0}.mobile-calendar-agenda article a>span{color:var(--teal);font-size:.7rem;font-weight:800}.mobile-calendar-agenda article a>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.mobile-calendar-agenda article a>i{justify-self:end;color:var(--gold);font-size:.86rem}
    .mobile-calendar-agenda__empty{padding:30px 20px;color:#7c807d;font-size:.88rem;text-align:center}
    .calendar-section--standalone .calendar-toolbar{margin-bottom:14px}.calendar-section--standalone .calendar-toolbar h2{font-size:1.18rem}
}