/* Agent C — archive filter-bar responsive fix (people/expertise/events/careers).
   Loads site-wide after style.css. Scoped to <=640px so desktop/tablet unchanged. */

@media (max-width: 640px) {
  /* Safety cap: a .fb-sel select must never grow past its container.
     Harmless to the short filters on /events/ and /careers/. */
  .filterbar .fb-sel {
    max-width: 100%;
    box-sizing: border-box;
  }

  /* /people/ (archive-lawyer) has multiple long-labelled dropdowns
     ("All practice areas", full industry names) that otherwise stretch
     past the right edge and get clipped. Stack them full-width so every
     option label stays readable and inside the viewport. */
  .post-type-archive-lawyer .filterbar .fb-sel {
    width: 100%;
    flex: 1 1 100%;
  }
}