/* Mobile-specific corrections kept separate from the minified base stylesheet. */
@media (max-width: 820px) {
  .step-list article {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .step-list article > span {
    grid-column: 1 / -1;
  }

  .step-list article > div:last-child {
    min-width: 0;
  }

  .values-layout,
  .values-layout > *,
  .value-visual {
    min-width: 0;
  }

  .value-visual {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .value {
    aspect-ratio: auto;
    min-height: 145px;
  }
}