/* gd-smal-skaerm.css - Venskabsrutine App (beslutning 247).
   Mortens ordvalg «venskabskontakter» (17 bogstaver) står i etiketten øverst på det første resultatkort («DINE 5 VENSKABSKONTAKTER»,
   store bogstaver med luft imellem) og i overskriften «Dine 5 venskabskontakter for ugen.». Etiketten gør kortets mindste bredde 283 px,
   så kortet på en skærm smallere end 353 px stak ud over sin ramme (13 px ved 340 px, 33 px ved 320 px), og på 300 px og derunder også
   ud over skærmen. Overskriften stak ud over sin boks fra 329 px og ned. Her, og kun under 360 px (kortet) og under 340 px (overskriften):
   kortets spalte må blive smallere end sit indhold, kortet får mindre luft, etiketten (kun den, ikke tallet ved siden af) bliver lidt mindre
   og må brydes som nødudvej, så ordet stadig står på én linje ned til 300 px, og overskriften bliver lidt mindre. Fra 360 px og op ændres
   intet. Målt i testbrowser. */
@media (max-width: 359px) {
  .result-list { grid-template-columns: minmax(0, 1fr); }
  .result-card { min-width: 0; padding: 16px; }
  .result-number { font-size: 13px; letter-spacing: .05em; }
  .result-number > span:first-child { min-width: 0; overflow-wrap: anywhere; }
}
@media (max-width: 339px) {
  .results .section-heading h2 { font-size: 1.75rem; overflow-wrap: anywhere; }
}