/* Desktop-only minimum widths. */
.chart-size-options { display: flex; gap: 0; }
.chart-size-options button { min-width: 90px; min-height: 44px; padding: 8px 18px; border: 1px solid #344650; background: #fff; color: #1e303c; font: inherit; cursor: pointer; }
.chart-size-options button + button { border-left: 0; }
.chart-size-options button[aria-pressed="true"] { background: #253c49; color: #fff; font-weight: 800; }
.chart-size-options button:focus-visible { outline: 3px solid #287fb2; outline-offset: 2px; }
@media (min-width: 851px) and (pointer: fine) {
  html[data-chart-size="small"] .market-grid.test-grid:not(.detail-grid) { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
  html[data-chart-size="medium"] .market-grid.test-grid:not(.detail-grid) { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
  html[data-chart-size="large"] .market-grid.test-grid:not(.detail-grid) { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
}