/* Keep calendar controls together on computers without changing event artwork. */
@media screen and (min-width:901px) and (hover:hover) and (pointer:fine){
 .calendar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto 220px;gap:8px 18px;align-items:end;margin-bottom:12px}
 .calendar-tools>.sectionhead{display:contents}
 .calendar-tools>.sectionhead>div{grid-column:1;grid-row:1;min-width:0}
 .calendar-tools>.sectionhead h2{margin:3px 0 0;font-size:28px;line-height:1.2}
 .calendar-tools>.sectionhead .eyebrow{margin:0;line-height:1.3}
 .calendar-tools>.sectionhead>a{grid-column:2;grid-row:1;align-self:end;margin:0;min-height:46px;padding:8px 12px;white-space:nowrap}
 .calendar-tools>.calendar-filters{grid-column:3;grid-row:1;display:block;margin:0;min-width:0}
 .calendar-tools>.calendar-filters .field{margin:0;gap:4px;font-size:14px;line-height:1.3}
 .calendar-tools>.calendar-filters select{width:100%;height:46px;min-height:46px;font-size:15px}
 .calendar-tools>p{grid-column:1/-1;grid-row:2;margin:0;line-height:1.45}
}