/* gd-smal-skaerm.css - appen rolig-aftenrutine.
   Målt i testbrowser ved 390, 360, 320, 300 og 280 px, formular og resultat. Siden er på 280 px 4 px bredere end skærmen i formular og resultat.
   Det var den også før Mortens emneord (beslutning 261); fra 300 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; }
}