/* 49.21-rc3. A scroll region around Career fields, not a replacement form/drawer. */
body[data-active-world="career"] [data-career-filter-scroll] {
  box-sizing: border-box;
  min-inline-size: 0;
  min-block-size: 0;
  max-inline-size: 100%;
  max-block-size: var(--career-filter-available, calc(100vh - 180px));
  max-block-size: var(--career-filter-available, calc(100dvh - 180px));
  overflow-y: scroll;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #426a94 #101925;
  padding-inline-end: 10px;
  padding-block-end: 12px;
  scroll-padding-block: 12px;
}
body[data-active-world="career"] [data-career-filter-scroll]:focus-visible {
  outline: 2px solid #248cff;
  outline-offset: -2px;
  border-radius: 8px;
}
body[data-active-world="career"] [data-career-filter-scroll] :is(fieldset, .career-field, .career-range, .career-attribute-ranges) {
  min-inline-size: 0;
  max-inline-size: 100%;
}
@media(max-width:1023px) {
  body[data-active-world="career"] [data-career-filter-scroll] {
    max-block-size: var(--career-filter-available, calc(100dvh - 150px));
    -webkit-overflow-scrolling: touch;
  }
}

/* 49.35: one scroll owner. The outer filter column reaches the viewport bottom;
   fields can be scrolled upward without a nested scrollbar fighting it. */
body[data-active-world="career"] .career-filter-panel__fields:has([data-career-filter-scroll]) {
  overflow: hidden;
  min-block-size: 0;
}
@media(min-width:1024px) {
  body[data-active-world="career"] .career-database__sidebar {
    position: sticky;
    inset-block-start: 92px;
    block-size: calc(100dvh - 108px);
    min-block-size: 420px;
    align-self: start;
  }
  body[data-active-world="career"] .career-database__sidebar .career-filter-panel { block-size: 100%; min-block-size: 0; }
  body[data-active-world="career"] [data-career-filter-scroll] { max-block-size: 100%; block-size: 100%; }
}