/* Mobile: the white rounded "card" containers become flat, full-width sections.
   The card margin + card padding used to stack up and squeeze the text; now the text gets (almost) the full screen width.
   Same touch + narrow condition as the other *-mobile.css files, so the PC design is untouched. */
@media (max-width: 899px) {
  .desktop-site main :is(
    .results-archive,
    .round-numbers-card,
    .benchmark-card,
    .calculator-main-card,
    .calculator-method-guide-card,
    .generator-workspace,
    .stats-range-bar,
    .occurrence-card,
    .pattern-card,
    .store-explorer
  ) {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
  }
}