/* app-ramme-dk.css - de to smaa flader, den gratis danske udgave selv lægger om appen:
   stribe oeverst med vej tilbage til guiden og alle guides, og kontaktlinjen nederst.
   Farverne er guides.gladedage.dk's egne (forsiden, siderne bag adresserne), saa striben
   ligner huset og ikke appens tema. Trykmaal mindst 44 px (R-K21), tekst mindst 4,5:1 (R-K20),
   ingen vandret rulning ved 390 px (R-K5). */
.gd-guide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;
  box-sizing:border-box;width:100%;background:#fffdf8;color:#1f2a24;border-bottom:1px solid #ddd3c0;
  padding:6px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px));
  font:15px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.gd-guide p{margin:0;min-width:0;overflow-wrap:anywhere}
.gd-guide-links{display:flex;flex-wrap:wrap;gap:0 18px}
.gd-guide a{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;color:#1b5e4b;
  font-weight:700;text-decoration:underline;text-underline-offset:3px}
.gd-guide a:focus-visible,.gd-kontakt a:focus-visible{outline:3px solid #1b5e4b;outline-offset:2px}
.gd-kontakt{box-sizing:border-box;width:100%;background:#fffdf8;color:#1f2a24;border-top:1px solid #ddd3c0;
  padding:10px max(16px,env(safe-area-inset-right,0px)) 14px max(16px,env(safe-area-inset-left,0px));
  font:15px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-align:center}
.gd-kontakt p{margin:0}
.gd-kontakt a{display:inline-flex;align-items:center;min-height:44px;color:#1b5e4b;font-weight:700;
  text-decoration:underline;text-underline-offset:3px}
/* Smalle skærme, under 360 px (tilføjet 25/10 efter livemåling i Windows-browseren med skrifttypen Georgia): et langt ord i en overskrift,
   en mærkat eller et resultatkort (rengøringsmidler, abonnementer, vedligeholdelsesplan) gjorde siden op til 57 px bredere end skærmen på
   280 px; skyens test brugte en smallere skrifttype og så det ikke. Her må et langt ord brydes (med bindestreg, hvor browseren kan; ellers
   som nødudvej midt i ordet), og resultatlisten og resultatkortene må blive smallere end deres bredeste ord. Fra 360 px og op ændres
   intet, og ingen ord er ændret. */
@media (max-width:359px){
  h1,h2,h3,.eyebrow,.result-list,.result-card,.decision-card strong{hyphens:auto;overflow-wrap:anywhere}
  .result-list{grid-template-columns:minmax(0,1fr)}
  .result-card{min-width:0}
}