/* Mempool page: one consistent content lane on phones and tablets. */
@media (max-width: 940px) {
  body[data-page="mempool"] .terminal-page-hero,
  body[data-page="mempool"] main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  body[data-page="mempool"] .terminal-page-hero > *,
  body[data-page="mempool"] main > *,
  body[data-page="mempool"] .fee-traffic-panel,
  body[data-page="mempool"] .fee-radar-grid,
  body[data-page="mempool"] .fee-radar-grid > *,
  body[data-page="mempool"] .fee-blocks-card,
  body[data-page="mempool"] .fee-mosaic-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="mempool"] .fee-radar-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-page="mempool"] .fee-block-lane,
  body[data-page="mempool"] .fee-band-grid,
  body[data-page="mempool"] .traffic-stat-row,
  body[data-page="mempool"] .fee-mosaic,
  body[data-page="mempool"] .fee-legend {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="mempool"] .fee-blocks-card,
  body[data-page="mempool"] .fee-mosaic-card {
    overflow: hidden !important;
  }
}

@media (max-width: 560px) {
  body[data-page="mempool"] .terminal-page-hero,
  body[data-page="mempool"] main {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body[data-page="mempool"] .fee-traffic-panel {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}