/* Apps (apps.js): gitteret under "Tilføj apps" og appens præsentationsside */
.app-soeg { width: min(18rem, 100%); }
.app-faner { flex-wrap: wrap; } .app-faner button { white-space: nowrap; }
.app-kort { display: grid; gap: .45rem; align-content: start; }
.app-kort-top { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.app-ikon { display: inline-grid; place-items: center; width: 2rem; height: 2rem; flex: none; border-radius: .5rem; font-weight: 700;
  background: var(--bund); border: 1px solid var(--kant); color: var(--farve); }
.app-maerke { font-size: .72rem; padding: .05rem .5rem; border-radius: 1rem; border: 1px solid var(--god); color: var(--god); white-space: nowrap; }
.app-maerke.ude { border-color: var(--kant); color: var(--daempet); }
.app-tilbage { display: inline-block; margin-bottom: 1rem; }
.app-side { background: var(--flade); border: 1px solid var(--kant); border-radius: .6rem; padding: 1.2rem 1.4rem; max-width: 46rem; }
.app-hoved { display: flex; gap: .9rem; align-items: flex-start; }
.app-hoved .app-ikon { width: 3rem; height: 3rem; font-size: 1.3rem; }
.app-hoved h2 { font-size: 1.3rem; margin: 0; } .app-hoved p { margin: .2rem 0 .4rem; color: var(--daempet); }
.app-hoved .app-maerke { display: inline-block; }
.app-knapper { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.1rem 0 .4rem; }
.app-knapper a.knap { text-decoration: none; }
.app-side h3 { font-size: 1rem; margin: 1.2rem 0 .4rem; }
.app-punkter { margin: 0; padding-left: 1.2rem; display: grid; gap: .25rem; }
@media (max-width: 760px) {
  .app-soeg { width: 100%; } .app-side { padding: 1rem; }
}