/**
 * Static HTML pages — Chart.js container sizing
 * Prevents canvas from collapsing to a corner after layout shifts / Tailwind preflight.
 */

.chart-container {
  position: relative;
  width: 100%;
  min-height: 280px;
  height: 350px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.chart-container canvas {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}

.chart-container--sm {
  height: 280px;
  min-height: 220px;
}

.chart-container--lg {
  height: 420px;
  min-height: 320px;
}