@media(max-width:680px){html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-next{display:none!important}}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #summaryMetrics .summary-next:before{content:"Coming up next"!important}

/* calendar month-grid font sizes (approved 2026-11-02, Claude via WhatsApp) */
@media(min-width:681px){
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarGridView .day .event,html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #days .event{font-size:12.5px!important;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarGridView .day .tiny-hebrew{font-size:11px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarGridView .day .date{font-size:15px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarGridView .weekday{font-size:12.5px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #showOldEvents,html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarPageOldEvents,html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign [data-page-all-events]{font-size:12.5px!important}
}
@media(max-width:680px){
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarGridView .weekday{font-size:11.5px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarGridView .day .date{font-size:14px!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarGridView .day .tiny-hebrew{font-size:10px!important}
}

/* phone-only inside-calendar order (approved 2026-11-02, Claude via WhatsApp 1:53pm): title card -> selected-day box -> Upcoming -> month grid */
@media(max-width:680px){
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarPage .calendar-page-fullcalendar{display:contents!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarPage .individual-day-events{order:1!important;margin-top:0!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarPage .individual-upcoming-column{order:2!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarPage .calendar-page-fullcalendar>h2{order:3!important}
html body#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign#referenceDesign #calendarPage .calendar-page-grid-mount{order:4!important}
}

/* Zip code box paired next to City and State: same row on desktop, stacked on phone */
.yc-cityzip-row{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:end}
@media (max-width:680px){.yc-cityzip-row{grid-template-columns:1fr}}
