.month-page .listing{max-width:1100px}
.month-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0 0 15px}
.month-navigation strong{color:#173b5c;font-size:18px;text-align:center}
.month-navigation a{display:inline-flex;width:fit-content;padding:10px 13px;border:1px solid #bdd9ec;border-radius:8px;background:#fff;color:#176a9f;font-size:13px;font-weight:700}
.month-navigation a:last-child{justify-self:end}.month-navigation a:hover{background:#e4f4ff}
.month-nav-compact,.week-short,.weekday-short{display:none}
.month-hint{color:#56758b;font-size:13px;line-height:1.5;margin:0 0 14px}
.month-scroll{overflow-x:auto;border:1px solid #c7e0ee;border-radius:14px;background:#fff;box-shadow:0 10px 30px #234f5910}
.month-grid{width:100%;min-width:650px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.month-grid th,.month-grid td{border-right:1px solid #e2edf4;border-bottom:1px solid #e2edf4}
.month-grid tr>*:last-child{border-right:0}.month-grid tbody tr:last-child>*{border-bottom:0}
.month-grid thead th{padding:13px 7px;background:#e4f4ff;color:#204b69;text-align:center;font-size:13px}
.month-grid thead th:first-child,.month-grid tbody th{width:110px}
.month-grid tbody th{padding:13px 11px;background:#f3faff;color:#214c6a;text-align:left;font-size:13px}
.month-grid td{height:72px;vertical-align:top;background:#fff}.month-grid td.outside-month{background:#f7fafd}
.month-grid td a{display:flex;flex-direction:column;gap:5px;width:100%;min-height:72px;padding:10px 8px;color:#173b5c}
.month-grid td a:hover{background:#e9f6ff}.month-grid td.selected-date a{background:#d7efff;box-shadow:inset 0 0 0 2px #268bc7}
.month-grid td.today-date .day-number{background:#176a9f;color:#fff;border-radius:999px;width:26px;height:26px;display:grid;place-items:center;margin:-3px 0}
.day-number{font-weight:800;font-size:15px}.day-count{color:#197aaf;font-size:11px;font-weight:700}
.month-results{margin-top:35px;scroll-margin-top:20px}.month-results .section-title{gap:12px}.month-results .event-list{margin-top:22px}
@media(max-width:570px){
  .month-page .page-heading{padding:18px 15px 20px}
  .month-page .page-heading h1{font-size:25px;line-height:1.12}
  .month-page .listing{padding:14px 10px 52px}
  .month-navigation{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px;margin-bottom:8px}
  .month-navigation strong{font-size:16px;white-space:nowrap}
  .month-navigation a{width:42px;height:38px;justify-content:center;align-items:center;padding:0;font-size:21px}
  .month-nav-full,.week-long,.weekday-long,.count-label{display:none}
  .month-nav-compact,.week-short,.weekday-short{display:inline}
  .month-hint{font-size:11px;margin-bottom:8px;line-height:1.35}
  .month-scroll{overflow-x:hidden;border-radius:9px}
  .month-grid{min-width:0;width:100%}
  .month-grid thead th:first-child,.month-grid tbody th{width:48px}
  .month-grid thead th{padding:8px 0;font-size:10px;white-space:nowrap}
  .month-grid tbody th{padding:8px 3px;font-size:10px;text-align:center}
  .month-grid td{height:43px}
  .month-grid td a{min-height:43px;gap:1px;align-items:center;padding:4px 1px;text-align:center}
  .day-number{font-size:12px}
  .day-count{font-size:9px;line-height:1}
  .month-grid td.today-date .day-number{width:20px;height:20px;margin:-2px 0}
  .month-results{margin-top:24px}.month-results .section-title h2{font-size:19px}
}