@charset "UTF-8";

.service-filters { margin: -12px 0 28px; }
.service-filter-options { display: flex; flex-wrap: wrap; gap: 10px; }
.service-filter {
  min-height: 44px;
  max-width: 100%;
  padding: 11px 17px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  color: var(--ink);
  font-size: 13px;
  line-height: 1.35;
  text-align: left;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.service-filter:hover { border-color: var(--action); color: var(--link); }
.service-filter[aria-pressed="true"] { background: var(--action); border-color: var(--action); color: white; }
.service-filter[aria-pressed="true"]:hover { background: var(--action-hover); border-color: var(--action-hover); }
.service-filter-status { margin-top: 12px; min-height: 1.5em; color: var(--muted); font-size: 13px; }

@media (max-width: 760px) {
  .service-filters { margin-top: -4px; margin-bottom: 24px; }
  .service-filter-options { gap: 8px; }
  .service-filter { padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .service-filter { transition: none; }
}
@media print {
  .service-filters { display: none !important; }
  .service-grid > .service[hidden] { display: flex !important; }
}