/* Keep bottom cards centered even when a page caps their width. Important
   declarations in this layer take precedence over legacy unlayered overrides. */
@layer cmep-mobile-tooltip-placement {
  @media (max-width: 820px), (hover: none), (pointer: coarse) {
    :is(
      #tooltip,
      #cmep-global-tooltip,
      #cmep-house-arc-tooltip,
      #cmep-house-national-map-tooltip,
      #cmep-governor-map-tooltip,
      .cmep-site-tooltip,
      .chart-tooltip,
      .county-tooltip,
      .map-tooltip,
      .general-map-tooltip,
      .en-house-state-map-tooltip
    ):is(.mobile, .is-mobile, .mobile-popout, .mobile-center) {
      left: 8px !important;
      right: 8px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      transform: none !important;
      box-sizing: border-box !important;
    }
  }
}