/* naturfag-simpel.css — renoveringen af Start-siden: færre ord, ét klart valg.
   Bygger oven på naturfag.css, naturfag-journey.css og naturfag-navigation.css
   (ingen af dem er ændret). Erstatter kun .journey-grid-visningen med et
   kompakt felt-gitter, og giver Atlas og Anatomi en foldet standardvisning. */

/* Find-knappen i toppen: rolig, sekundær, ikke klistret til andre knapper */
.hero-find { margin: 14px 0 0; }

/* Niveau-forklaringen skal ikke konkurrere med overskriften */
.level-explanation { opacity: .82; }

/* Kompakt emnevælger: seks lige store felter, ét ikon og én linje hver */
.emne-vaelger { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 30px; }
.emne-felt {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;
  padding: 18px 18px 16px; border: 1px solid var(--line, #c9d8e6); border-radius: 16px;
  background: #fff; color: var(--navy, #1f3864); text-align: left; cursor: pointer;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.emne-felt:hover, .emne-felt:focus-visible { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(31, 56, 100, .14); border-color: #9fb6d4; outline: none; }
.emne-felt__ikon { font-size: 1.6rem; line-height: 1; }
.emne-felt__titel { font-size: 1rem; font-weight: 850; line-height: 1.25; }
.emne-felt__antal { font-size: .72rem; font-weight: 700; color: var(--muted, #5a6b82); }
.emne-felt__badge {
  position: absolute; top: 14px; right: 14px; font-size: .6rem; font-weight: 900; letter-spacing: .06em;
  text-transform: uppercase; color: #06202a; background: var(--teal, #12c4a8); border-radius: 999px; padding: 3px 9px;
}
.emne-felt.f-anatomi { background: linear-gradient(155deg, #0d2038, #14345a 65%, #0f4a52); border-color: #0f4a52; color: #fff; }
.emne-felt.f-anatomi .emne-felt__antal { color: #cfe3f5; }
.emne-felt.f-anatomi:hover, .emne-felt.f-anatomi:focus-visible { border-color: #7be4ee; }
@media (max-width: 900px) { .emne-vaelger { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .emne-vaelger { grid-template-columns: 1fr; } .emne-felt { flex-direction: row; align-items: center; gap: 12px; padding: 14px 16px; } .emne-felt__ikon { font-size: 1.3rem; } .emne-felt__badge { position: static; margin-left: auto; } }

/* Atlas: ingen automatisk fuld liste, før man selv beder om det */
.atlas__placeholder { margin: 0; padding: 26px 20px; text-align: center; border: 1px dashed var(--line, #c9d8e6); border-radius: 14px; color: var(--muted, #5a6b82); font-size: .86rem; }
.atlas__vis-alle { margin-left: 4px; border: 0; background: none; padding: 0; color: var(--navy, #1f3864); font-weight: 850; text-decoration: underline; cursor: pointer; }

/* Anatomi: foldet sammen som standard, med et tydeligt "åbn" */
#anatomiDetails > summary.anat-sektion__summary { display: flex; align-items: center; gap: 14px; cursor: pointer; list-style: none; padding: 2px 0; }
#anatomiDetails > summary.anat-sektion__summary::-webkit-details-marker { display: none; }
.anat-sektion__summary-badge { flex: none; font-size: .6rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; color: #06202a; background: var(--teal, #12c4a8); border-radius: 999px; padding: 4px 10px; }
.anat-sektion__summary-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.anat-sektion__summary-text h2 { margin: 0; font-size: 1.35rem; color: #fff; }
.anat-sektion__summary-text small { font-size: .78rem; line-height: 1.4; color: #cfe3f5; font-weight: 500; }
.anat-sektion__summary-cta { flex: none; font-size: .78rem; font-weight: 850; color: #7be4ee; white-space: nowrap; }
#anatomiDetails[open] .anat-sektion__summary-cta { display: none; }
#anatomiDetails > *:not(summary) { margin-top: 18px; }
@media (max-width: 600px) {
  #anatomiDetails > summary.anat-sektion__summary { flex-wrap: wrap; }
  .anat-sektion__summary-cta { order: 3; width: 100%; }
}