/* gd-smal-skaerm.css - Papir-sorterings App (beslutning 252 og 254).
   Målt i testbrowser over alle 384 svarkombinationer, uden denne fil, og med samme tal i appen før Mortens rettelser og efter dem (så det er ikke
   hans ord): på 280 px er resultatet for bredt i 308 af 384 kombinationer, fordi et langt ord som «brugsanvisninger» eller «forsikringsspørgsmål»
   er bredere end tekstspalten i trinet: teksten i trinet står op til 28 px og den lille linje under trinet op til 26 px uden for trinets boks, og
   siden er op til 7 px bredere end skærmen; på 300 px gælder det 62 kombinationer (op til 8 px og 13 px); fra 320 px og op er der intet. 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; }
}