/* 6-bufcaps-filter — Mobile white gap above the filter title block (buffer-caps)
 *
 * ROOT CAUSE: On staging, the buffer-caps page also loads the
 * `buffer-scenario-analyzer.*.css` _nuxt chunk (it is NOT loaded on prod).
 * That chunk contains:
 *     .mobile-filter .mobile-filter__container { padding: 6px 0 24px }
 * which beats the page's own `.mobile-filter__container { padding: 0 }`
 * (buffer-caps.css). The 6px padding-top is the unwanted white gap above the
 * "Filter By Reference Asset" title block at mobile widths; the 24px bottom
 * adds extra space below. Prod has padding:0 here.
 *
 * FIX: restore prod's padding:0 on the mobile filter container at mobile
 * widths, scoped to the buffer-caps page. Specificity (page-id-49 + two
 * classes = 0,3,0) beats the offending _nuxt rule (0,2,0) without !important.
 */
@media (max-width: 767px) {
  body.page-id-49 .mobile-filter .mobile-filter__container {
    padding: 0 !important;
  }
}