/* Viden-siderne. Samme skabelon på alle fire: kort svar i en blå boks
   øverst, derefter afsnittene, og en kildeliste nederst.
   Bygget efter mockupperne i pakke-website/viden-*.html. */

.viden-top{padding:74px 0 8px;}
.viden-top h1{max-width:22ch;}

.viden{padding:8px 0 76px;}
.tekst-spalte{max-width:62ch;}
.tekst-spalte h2{margin:44px 0 14px;font-size:26px;line-height:1.2;letter-spacing:-.02em;}
.tekst-spalte h2:first-child{margin-top:0;}
.tekst-spalte p{margin:0 0 18px;font-size:18px;line-height:1.6;}
.tekst-spalte p:last-child{margin-bottom:0;}

/* Det korte svar. Står øverst, fordi de fleste kommer fra en søgning og
   skal have svaret, før de læser resten. */
.kort-svar{background:var(--blaa-lys);border-left:4px solid var(--blaa);border-radius:0 12px 12px 0;padding:22px 26px;margin:0 0 40px;max-width:64ch;}
.kort-svar p{margin:0;font-size:18.5px;line-height:1.55;color:var(--blaa-dyb);font-weight:500;}

/* Før og efter, side om side. */
.foer-efter{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:70ch;margin:24px 0 8px;}
@media(max-width:900px){.foer-efter{grid-template-columns:1fr;}}
.fe{border:1px solid var(--kant);border-radius:12px;padding:20px 22px;}
.fe h3{margin:0 0 8px;font-size:15.5px;font-weight:600;color:var(--tekst-2);}
.fe p{margin:0;font-size:16.5px;line-height:1.5;}
.fe-ny{border-color:var(--blaa-kant);background:var(--hvid);}

/* Eksempelliste med et fremhævet opslagsord. */
.eks{margin:20px 0 0;padding:0;list-style:none;max-width:64ch;}
.eks li{padding:14px 0;border-top:1px solid var(--kant);font-size:16.5px;line-height:1.55;}
.eks li:last-child{border-bottom:1px solid var(--kant);}
.eks b{color:var(--blaa-dyb);}

/* Kildelisten. Links skal være rigtige, og der tilføjes ingen
   paragrafhenvisninger, der ikke er verificeret: en fejlhenvisning på en
   viden-side skader mere end en manglende. Se tekst/AABNE-PUNKTER.md. */
.kilder{margin:20px 0 0;padding:0;list-style:none;font-size:16px;}
.kilder li{padding:6px 0;color:var(--tekst-2);}
.kilder a{color:var(--blaa);text-decoration:underline;text-underline-offset:2px;}
.kilder a:hover{color:var(--blaa-mork);}

.opdateret{margin:36px 0 0;font-size:15px;color:var(--tekst-2);}