/* gd-smal-skaerm.css - Nødpakke App (beslutning 249).
   Mortens ordvalg «nødhjælpspakken» (15 bogstaver) og «nødhjælpspakke» (14 bogstaver) står i kortet «Ét tydeligt næste skridt» (punkt 2), i
   overskriften «Dine 5 trin til nødhjælpspakken for ugen.» og i titlen på det femte trin («Et sted at opbevare nødhjælpspakken»). Målt i
   testbrowser før denne fil: på 280 px blev toppen af siden 17 px bredere end skærmen (kortets mindste bredde 281 px), overskriften over
   resultatet stak 14 px ud af sin boks på 300 px, og titlen på det femte trin stak 11 px ud af sin spalte på 320 px. Her, og kun under 340 px:
   heroens ene spalte må blive smallere end sit indhold, kortene får mindre luft, overskriften bliver lidt mindre, og et ord må brydes som
   nødudvej. Fra 340 px og op ændres intet. */
@media (max-width: 339px) {
  .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; }
  .results .section-heading h2 { font-size: 1.75rem; overflow-wrap: anywhere; }
  .result-card { padding: 16px; }
  .result-steps li { padding: 12px; gap: 10px; }
  .result-steps li .trin-krop strong { overflow-wrap: anywhere; }
}