/* Homepage-only mobile containment for the mempool pressure panel. */
@media (max-width: 760px) {
  body[data-page="home"] .terminal-chain-stage,
  body[data-page="home"] .terminal-chain-stage .terminal-panel,
  body[data-page="home"] .terminal-stage-grid,
  body[data-page="home"] .terminal-stage-grid > div {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .terminal-chain-stage .terminal-panel,
  body[data-page="home"] .terminal-stage-grid > div {
    overflow: hidden !important;
  }

  body[data-page="home"] .terminal-stage-grid {
    width: 100% !important;
    padding: 12px !important;
  }

  body[data-page="home"] #mempoolBlocks.terminal-mempool-blocks {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] #mempoolBlocks > .terminal-pressure-track,
  body[data-page="home"] #mempoolBlocks > .terminal-pressure-scale,
  body[data-page="home"] #mempoolBlocks > .terminal-pressure-caption {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] #mempoolBlocks > .terminal-pressure-scale {
    flex-wrap: wrap;
  }

  body[data-page="home"] #mempoolBlocks > .terminal-pressure-caption {
    overflow-wrap: anywhere;
  }
}

/* One shared outer width for every homepage section on phones and tablets. */
@media (max-width: 940px) {
  body[data-page="home"] .terminal-stats,
  body[data-page="home"] .terminal-intelligence-panel,
  body[data-page="home"] .terminal-two-col,
  body[data-page="home"] .terminal-grid,
  body[data-page="home"] .terminal-chain-stage,
  body[data-page="home"] .terminal-feature-grid {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-page="home"] .terminal-stats > *,
  body[data-page="home"] .terminal-two-col > *,
  body[data-page="home"] .terminal-grid > *,
  body[data-page="home"] .terminal-chain-stage > *,
  body[data-page="home"] .terminal-feature-grid > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}