/* Indersiderne: Produkt, Om, Support, Priser og de to juridiske sider.
 *
 * Bygget udelukkende på det, der ligger i site.css. Skiftet til den blå palet
 * 8. september 2026: de gamle grønne variabler findes ikke længere, og grøn
 * er nu forbeholdt knapper.
 */

.sidetop{padding-bottom:36px;}
.sidetop .lead{max-width:64ch;}

/* Tekstspalte. Grid frem for margener, så afstanden mellem afsnit er den
   samme hele vejen ned uden at skulle nulstilles. Maks 62 tegn pr. linje. */
.prosa{max-width:62ch;display:grid;gap:16px;}
.prosa h2{margin-top:24px;}
.prosa h3{margin-top:16px;}
.prosa p{color:var(--tekst-2);}
.prosa ul{margin:0;padding-left:20px;display:grid;gap:8px;}
.prosa li{color:var(--tekst-2);line-height:1.6;}
.prosa li strong{color:var(--tekst);}
.prosa > :first-child{margin-top:0;}

/* Spørgsmål og svar. Bruges på både Priser og Support. */
.sp{display:grid;gap:26px;margin-top:36px;max-width:72ch;}
.sp h3{margin-bottom:4px;}
.sp p{font-size:16.5px;color:var(--tekst-2);}
.sp p + p{margin-top:10px;}
.sp-cta{margin-top:32px;}

/* Kontaktfelter på Support. */
.kontakt{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-top:36px;}
.kontakt h3{margin-bottom:4px;}
.kontakt p{font-size:16.5px;color:var(--tekst-2);}
.kontakt-vaerdi{font-weight:600;color:var(--blaa);}

/* Listen over vidensartikler. */
.artikler{margin-top:28px;max-width:68ch;}
.artikler a{display:block;padding:16px 2px;border-top:1px solid var(--kant);text-decoration:none;}
.artikler a:last-child{border-bottom:1px solid var(--kant);}
.artikler a:hover .artikel-navn{color:var(--blaa);}
.artikel-navn{display:block;font-weight:600;font-size:17px;letter-spacing:-0.01em;color:var(--blaa-dyb);}
.artikler a span + span{font-size:16px;color:var(--tekst-2);}

/* Pladsholder. Bevidst i en farve der ikke findes i paletten, så den ikke
   kan forveksles med noget færdigt. byg.py tæller dem op ved hvert byg og
   nægter at bygge, hvis vis_interne_noter slås fra, mens de stadig står. */
.mangler{border:1px dashed #C9A227;background:#FDFBF3;border-radius:8px;padding:14px 18px;font-size:16px;color:#6B5714;}
.mangler b{display:block;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8A6D1F;margin-bottom:5px;}
.mangler ul{margin:8px 0 0;padding-left:20px;display:grid;gap:5px;}
.mangler li{color:#6B5714;}