/* gd-smal-skaerm.css - Vaskemærke App (beslutning 250).
   Målt i testbrowser over alle 384 svarkombinationer, uden denne fil: (a) på 280 px er toppen af siden 25 px bredere end skærmen, og på 300 px
   5 px bredere (heroens ene spalte og kortet «Ét tydeligt næste skridt» kan ikke blive smallere end deres indhold); (b) i resultatet står
   teksten i trinene op til 48 px (280 px), 28 px (300 px) og 8 px (320 px) uden for trinets boks, fordi et langt ord som «vaskeanvisningerne»
   (18 bogstaver) er bredere end tekstspalten; (c) den lille linje «Det er producenten, der skriver vaskeanvisningen.» stikker 17 px ud
   på 280 px. (a) og (b) var også i appen før Mortens rettelser; (c) er ny. Her, og kun under 360 px: heroens ene spalte må blive smallere end sit
   indhold, de to kort får mindre luft, resultatlisten og resultatkortene må blive smallere end deres bredeste ord, og et ord må brydes som
   nødudvej i kortets punkter og i trinene. Fra 360 px og op ændres intet. */
@media (max-width: 359px) {
  .hero { grid-template-columns: minmax(0, 1fr); }
  .decision-card { padding: 16px; }
  .decision-card li { padding: 10px; gap: 10px; }
  .decision-card li strong { min-width: 0; overflow-wrap: anywhere; }
  .result-list { grid-template-columns: minmax(0, 1fr); }
  .result-card { min-width: 0; padding: 16px; }
  .result-steps li { padding: 12px; gap: 10px; overflow-wrap: anywhere; }
}