/* Optional trial: remove this stylesheet link to revert switch accents.
   Geometry, animations and permanent usability fixes live elsewhere. */
:is(.service-switch.period, .schedule-head .event-filter, .catalog-sort-switch.period) {
  background: linear-gradient(125deg, #dfedf5, #e3eff6) !important;
  color: #214e6a;
  border-color: rgba(58, 100, 143, .28);
  box-shadow: none !important;
  font-weight: var(--font-weight-semibold);
}
:is(.service-switch.period, .schedule-head .event-filter, .catalog-sort-switch.period):hover {
  background: linear-gradient(125deg, #dfedf5, #e3eff6) !important;
  color: #214e6a;
  border-color: rgba(58, 100, 143, .28);
  box-shadow: none !important;
  filter: none;
}
:is(.schedule-head .event-filter, .catalog-sort-switch.period)[aria-pressed="true"] {
  background: linear-gradient(125deg, #d5e7f1, #dbeaf3) !important;
}
@media (hover: none), (pointer: coarse) {
  :is(.service-switch.period, .schedule-head .event-filter, .catalog-sort-switch.period):hover {
    transform: none;
    box-shadow: none !important;
  }
}