/* the practice chips live inside the search box, under the search line */
  .sx-box { margin: 22px 0 0; background: var(--paper); border: 1px solid var(--line-strong, rgba(28,24,16,.2)); border-radius: 30px; padding: 6px; transition: border-color .2s ease, box-shadow .2s ease; }
  .sx-box:focus-within { border-color: var(--ink); }
  .ex-sticky .sx-box { margin: 0; }
  .ex-sticky.is-stuck .sx-box { box-shadow: 0 10px 26px -18px rgba(28,24,16,.5); }
  .sx-box .search-row { margin: 0 !important; }
  .sx-box .search-combined { border: 0 !important; background: transparent; min-height: 54px; }
  .sx-box .search-combined .search-discover { border-radius: 999px !important; margin: 0 !important; padding: 0 28px; }
  .sx-box .search-combined .search-filters { border-left: 1px solid var(--line); }
  .sx-box .search-combined .search-filters:hover, .sx-box .search-combined .search-filters[aria-expanded="true"] { background: transparent; color: var(--cedar); }
  .sx-box .search-input { padding-left: 22px; }
  html body .sx-box #subFilterRow { margin: 6px -6px -6px !important; padding: 10px 14px 12px !important; border-top: 1px solid var(--line) !important; gap: 6px !important; border-radius: 0 !important; }
  html body .sx-box #subFilterRow .sub-pill { padding: 7px 13px; font-size: 13px; background: transparent; border-color: var(--line); }
  html body .sx-box #subFilterRow .sub-pill:hover { border-color: var(--ink); }
  html body .sx-box #subFilterRow .sub-pill.active { background: var(--ink); border-color: var(--ink); color: var(--cream); }
  html.sf-wait .sx-box #subFilterRow[hidden] { height: 50px; margin: 6px -6px -6px !important; }
  html.sg-dark .sx-box { background: var(--paper); }
  @media (max-width: 640px) {
    .sx-box { border-radius: 22px; padding: 4px; }
    .sx-box .search-combined .search-discover { margin: 4px 0 0 !important; padding: 14px; border-radius: 16px !important; }
    .sx-box .search-combined .search-filters { border-left: 0; }
    html body .sx-box #subFilterRow { margin: 4px -4px -4px !important; padding: 10px 12px 12px !important; }
  }
  @media (max-width: 640px) {
    /* phones: the practice chips sit right under the search line */
    html body .sx-box .search-combined > #subFilterRow { order: 2; flex: 1 1 100%; min-width: 0; margin: 0 !important; padding: 10px 12px !important; border-top: 1px solid var(--line) !important; }
    .sx-box .search-combined .search-filters { order: 3 !important; }
    .sx-box .search-combined .search-loc { order: 4 !important; }
    .sx-box .search-combined .search-discover { order: 5 !important; }
  }
  /* phones: once you scroll, the search shrinks to one slim row (search + Filters) so the results get the screen */
  @media (max-width: 767px) {
    .ex-sticky.is-stuck { padding-top: 6px; padding-bottom: 6px; }
    .ex-sticky.is-stuck .sx-box { padding: 4px; border-radius: 999px; }
    .ex-sticky.is-stuck .sx-box .search-combined { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; min-height: 0 !important; gap: 0; }
    .ex-sticky.is-stuck .search-loc, .ex-sticky.is-stuck .search-discover, .ex-sticky.is-stuck .sub-filter-row,
    .ex-sticky.is-stuck .ex-bar, .ex-sticky.is-stuck .mod-row { display: none !important; }
    .ex-sticky.is-stuck .search-input { flex: 1 1 auto; min-width: 0; padding: 10px 16px !important; height: auto !important; border: 0 !important; }
    .ex-sticky.is-stuck .search-filters { flex: none; width: auto !important; border: 0 !important; border-left: 1px solid var(--line) !important; border-radius: 0 999px 999px 0 !important; padding: 8px 14px !important; margin: 0 !important; }
  }