/* Kort med gab (Daniel 2026-10-31, besluttet efter forsøg): "altid kort med gab".
   Headeren svæver som kort overalt (som på app-siderne), og Viden-læsesidens ark bliver et hvidt kort under den
   med samme bredde og et gab imellem. Overstyrer kun ét-ark-reglerne i viden.css (løsning A).
   Erstatter løsning A (ét ark). Gå tilbage til ét ark: fjern indlæsningen af denne fil i inc/designsystem.php. */

/* Headeren som på app-siderne: hele kanten, alle hjørner, skygge */
body:has(.indhold.hentry:not(.har-custom-modul)) .header-inner {
  border-bottom-color: var(--ds-kant);
  border-radius: var(--ds-r);
  box-shadow: var(--ds-skygge-1);
}

/* Arket som eget kort under headeren, samme bredde, gab som på app-siderne */
.site-wrap.container:has(.indhold.hentry:not(.har-custom-modul)) {
  margin-top: var(--ds-6);
  border-top: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r);
}
@media (max-width: 768px) {
  .site-wrap.container:has(.indhold.hentry:not(.har-custom-modul)) { margin-top: var(--ds-4); }
}

/* Brødkrummen (broedkrumme.css) står i gabet over arket, venstrestillet med arkets kant; gabet vokser med én linje */
.site-wrap.container:has(.indhold.hentry:not(.har-custom-modul) .broedkrumme) {
  position: relative;
  margin-top: calc(var(--ds-4) + var(--ds-fs-sm) * var(--ds-lh) + var(--ds-2));
}
.site-wrap.container .indhold.hentry:not(.har-custom-modul) .broedkrumme {
  position: absolute;
  bottom: calc(100% + var(--ds-2));
  left: 0;
  right: 0;
  margin: 0;
}