/* naturfag-emner3d.css — knaprækken under emne-modellerne (2026-10-24) */
.topic-model-art.har-emne3d.har-emne3d-kontrol { display: flex; flex-direction: column; align-items: stretch; place-items: stretch; min-height: 360px; }
.topic-model-art.har-emne3d-kontrol > .emne3d { position: relative; inset: auto; flex: 1 1 auto; min-height: 290px; order: 1; }
.topic-model-art.har-emne3d-kontrol > .emne3d__kontrol { order: 2; }
.emne3d__kontrol { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; padding: 10px 10px 12px; background: #0a1a31; border-top: 1px solid #1c3558; }
.emne3d__gruppe { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.emne3d__knap { min-height: 40px; padding: 7px 13px; border-radius: 999px; border: 1px solid rgba(160, 220, 255, .3); background: rgba(255, 255, 255, .06); color: #e8f4ff; font: 750 .8rem/1.15 -apple-system, "Segoe UI", system-ui, sans-serif; cursor: pointer; transition: background .2s, border-color .2s; }
.emne3d__knap:hover { background: rgba(255, 255, 255, .12); }
.emne3d__knap[aria-pressed="true"] { background: linear-gradient(135deg, #2ee6c8, #22b8d9); color: #04202a; border-color: transparent; }
.emne3d__knap:focus-visible { outline: 3px solid #ffd166; outline-offset: 2px; }
.emne3d__knap--link { background: transparent; border-color: rgba(255, 209, 102, .55); color: #ffe7a3; }
.emne3d__knap--link:hover { background: rgba(255, 209, 102, .14); }
@media (max-width: 520px) {
  .emne3d__knap { font-size: .74rem; padding: 6px 10px; min-height: 38px; }
  .topic-model-art.har-emne3d.har-emne3d-kontrol { min-height: 330px; }
}