@media (max-width: 520px) {
  #w_altcoins_vs_btc .altcoins-vs-btc-history-stats,
  #w_stablecoins .stablecoins-history-stats,
  #w_crypto_dominance .altcoin-history-stats,
  #w_market .market-btc-chart-stats,
  #w_market_eth .market-asset-chart-stats,
  #w_market_trx .market-asset-chart-stats,
  #w_market_bnb .market-asset-chart-stats,
  #w_market_xrp .market-asset-chart-stats,
  #w_market_sol .market-asset-chart-stats,
  #w_sentiment .sentiment-history-stats,
  #w_regime_history .regime-history-chart-stats {
    grid-template-columns: auto minmax(2.4rem, 1fr) auto minmax(2.4rem, 1fr) auto;
    gap: 0.18rem;
  }

  #w_altcoins_vs_btc .altcoins-vs-btc-history-arrow,
  #w_stablecoins .stablecoins-history-arrow,
  #w_crypto_dominance .altcoin-history-arrow {
    display: block;
  }

  #w_altcoins_vs_btc .altcoins-vs-btc-history-delta {
    grid-column: auto;
    justify-self: end;
    white-space: nowrap;
  }

  #w_altcoins_vs_btc .altcoins-vs-btc-history-value,
  #w_altcoins_vs_btc .altcoins-vs-btc-history-delta,
  #w_stablecoins .stablecoins-history-score,
  #w_stablecoins .stablecoins-history-change,
  #w_crypto_dominance .altcoin-history-score,
  #w_crypto_dominance .altcoin-history-change,
  #w_market .market-btc-chart-price,
  #w_market .market-btc-chart-change,
  #w_market_eth .market-asset-chart-price,
  #w_market_trx .market-asset-chart-price,
  #w_market_bnb .market-asset-chart-price,
  #w_market_xrp .market-asset-chart-price,
  #w_market_sol .market-asset-chart-price,
  #w_market_eth .market-asset-chart-change,
  #w_market_trx .market-asset-chart-change,
  #w_market_bnb .market-asset-chart-change,
  #w_market_xrp .market-asset-chart-change,
  #w_market_sol .market-asset-chart-change,
  #w_sentiment .sentiment-history-score,
  #w_sentiment .sentiment-history-change,
  #w_regime_history .regime-history-chart-score,
  #w_regime_history .regime-history-chart-change {
    font-size: 0.6rem;
    white-space: nowrap;
  }

  #w_stablecoins .stablecoin-dominance-headline,
  #w_crypto_dominance .altcoin-dominance-headline {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }

  #w_stablecoins .metric-value-with-chip {
    flex-wrap: nowrap;
  }
}

@media (max-width: 420px) {
  #w_regime .regime-hero,
  #w_leverage_pressure .leverage-pressure-hero {
    grid-template-columns: minmax(5.8rem, auto) minmax(0, 1fr);
    justify-items: stretch;
  }

  #w_regime .regime-summary,
  #w_leverage_pressure .leverage-pressure-summary {
    align-content: start;
  }

  #w_regime .regime-label-chip-large,
  #w_leverage_pressure .leverage-pressure-label-chip-large,
  #w_regime .regime-confidence,
  #w_leverage_pressure .leverage-pressure-bias,
  #w_regime .regime-shock-chip {
    white-space: nowrap;
  }

  #w_regime .regime-tone,
  #w_leverage_pressure .leverage-pressure-tone {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #w_regime .regime-change-bars .mini-chart-row {
    grid-template-columns: minmax(0, 2.7rem) minmax(0, 1fr) minmax(3.2rem, auto);
    gap: 0.24rem;
  }

  #w_leverage_pressure .leverage-driver-row {
    grid-template-columns: minmax(0, 4.6rem) minmax(0, 1fr) minmax(2rem, auto);
    gap: 0.28rem;
  }

  #w_leverage_pressure .leverage-reference-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.28rem;
  }

  #w_leverage_pressure .leverage-reference-label,
  #w_leverage_pressure .leverage-reference-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #w_derivatives .derivatives-liquidation-composition {
    grid-template-columns: minmax(5.6rem, auto) minmax(0, 1fr);
    justify-items: stretch;
    gap: 0.52rem;
  }

  #w_derivatives .derivatives-liquidation-pie {
    width: 5.6rem;
    height: 5.6rem;
  }

  #w_derivatives .derivatives-liquidation-kpis {
    width: auto;
    align-content: center;
  }

  #w_derivatives .derivatives-context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #w_derivatives .derivatives-context-tile {
    padding: 0.34rem 0.3rem;
  }

  #w_derivatives .derivatives-context-value,
  #w_derivatives .derivatives-context-note,
  #w_derivatives .derivatives-liquidation-kpi-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
  }

  #w_derivatives .derivatives-context-note {
    font-size: 0.52rem;
  }

  #w_dominance .dominance-composition {
    grid-template-columns: minmax(5.8rem, auto) minmax(0, 1fr);
    justify-items: stretch;
    gap: 0.5rem;
  }

  #w_dominance .dominance-pie-chart {
    width: 5.8rem;
    height: 5.8rem;
  }

  #w_dominance .dominance-kpis {
    width: auto;
  }

  #w_dominance .dominance-var-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.28rem;
  }

  #w_dominance .dominance-var-values {
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.18rem;
  }

  #w_dominance .dominance-var-val {
    flex: 0 0 auto;
    min-width: 3rem;
    padding: 0.08rem 0.22rem;
    white-space: nowrap;
  }
}