/* Keep MIC overview metrics in two stable rows on phones. */
@media screen and (max-width: 575.98px) {
  .mic-performance .performance-summary > .ant-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .mic-performance .performance-summary > .ant-row::before,
  .mic-performance .performance-summary > .ant-row::after {
    display: none;
  }

  .mic-performance .performance-summary > .ant-row > [class*="ant-col-"] {
    display: flex;
    float: none;
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 0;
  }

  .mic-performance .performance-summary > .ant-row > [class*="ant-col-"] > .summary-card {
    width: 100%;
    height: auto;
  }
}