/* Performance (pages/performance.js). Its tiles, cards and tables are pods.css's. */
.performance-chart { display: block; min-width: 420px; max-height: 240px; margin: 0 auto; }
/* on a phone the chart scrolls inside its card and opens at its right end, so this month's bar shows first */
@media (max-width: 760px) { .pods-sec > div:has(> .performance-chart) { display: flex; flex-direction: row-reverse; overflow-x: auto; } .performance-chart { min-width: 700px; max-height: none; } }
