/* Tailwind handles most styling via the Play CDN.
 * This file pins the font stack and the chart container heights. */

html {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  font-feature-settings: 'cv11', 'ss01', 'ss03', 'cv02';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}

.font-mono, code, kbd, pre, samp, .mono {
  font-family: 'JetBrains Mono', 'SF Mono', Menlo, Monaco, Consolas, monospace;
  font-feature-settings: 'calt', 'liga', 'zero';
}

.chart-container { position: relative; height: 220px; }
.chart-container.large { height: 320px; }