/* Stack phone columns; stretch cards within their columns at every width. */
@media (max-width: 720px) {
  body main.grid {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0;
  }
  body main.grid > :is(.left, .center, .right1, .right2) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    align-items: stretch;
    grid-column: 1 / -1;
    box-sizing: border-box;
  }
}
  body main.grid > :is(.left, .center, .right1, .right2) > .panel:not(.chart-focus-mode) {
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  body main.grid .pricebox {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    align-items: center;
  }
  body main.grid .pricebox > :is(h2, small, #price, canvas) {
    grid-column: 1 / -1;
    min-width: 0;
    max-width: 100%;
  }
  body main.grid .pricebox h2 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
  body main.grid .pricebox #price {
    font-size: clamp(32px, 10vw, 48px);
    line-height: 1.15;
    overflow-wrap: anywhere;
  }
  body main.grid .pricebox #liveBadge {
    position: static !important;
    inset: auto !important;
    grid-column: 2;
    grid-row: 4;
    justify-self: end;
    margin: 0;
    transform: none;
  }
  body main.grid .pricebox #change { grid-column: 1; grid-row: 4; }
  body main.grid .pricebox canvas { width: 100% !important; box-sizing: border-box; }

@media (max-width: 720px) {
  /* Compact gauges keep the range value below the fixed workspace tabs. */
  body :is(.compare, .scorebox) :is(.smallgauge, .gauge) {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px;
    margin: 4px auto !important;
    filter: drop-shadow(0 0 7px rgba(0,255,255,.55)) !important;
  }
  body :is(.compare, .scorebox) :is(.smallgauge, .gauge) b,
  body #score { font-size: 24px !important; line-height: 1.05; }
  body :is(.compare, .scorebox) :is(.smallgauge, .gauge) small { font-size: 10px; }
}