/* WCC chart type samples: phone layout (one card per row) */
@media (max-width: 720px) {
  body { padding: 16px 14px; }
  h1 { font-size: 16px; line-height: 1.3; }
  #grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .card.wide { grid-column: auto; }
}