/* Fælles typografi for Lekta's undersider */
:root { --teal:#1E4D5C; --teal-lys:#E6EFF2; --bg:#F7F9FA; --tekst:#1B2A30; --daempet:#5F6F76; --kant:#E3E8EA; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--tekst); line-height:1.65;
       font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; }
a { color:var(--teal); }
.wrap { width:100%; max-width:820px; margin:0 auto; padding:0 20px; }
.top { padding:22px 0; }
.logo { font-size:28px; font-weight:800; color:var(--teal); letter-spacing:-.5px; text-decoration:none; }
.tekst { background:#fff; border:1px solid var(--kant); border-radius:16px; padding:32px 28px 40px; margin-bottom:32px; }
.tekst h1 { font-size:clamp(28px,5vw,38px); line-height:1.15; letter-spacing:-.5px; margin:0 0 6px; }
.tekst h2 { font-size:22px; line-height:1.25; margin:36px 0 10px; }
.tekst h3 { font-size:17px; margin:22px 0 6px; }
.tekst p, .tekst li { font-size:16px; }
.tekst p { margin:0 0 12px; }
.tekst ul, .tekst ol { margin:0 0 14px; padding-left:22px; }
.tekst li { margin-bottom:6px; }
.dato { color:var(--daempet); font-size:14px !important; margin-bottom:24px !important; }
.note { background:var(--teal-lys); border-radius:12px; padding:14px 16px; margin:16px 0; font-size:15px; }
.tabel-wrap { overflow-x:auto; margin:8px 0 16px; }
table { border-collapse:collapse; width:100%; min-width:520px; font-size:15px; }
th, td { text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--kant); }
th { background:var(--bg); font-weight:700; }
details { border-bottom:1px solid var(--kant); padding:12px 0; }
summary { cursor:pointer; font-weight:600; font-size:16px; }
details p { margin:10px 0 0; color:var(--tekst); }
.knap { display:inline-block; background:var(--teal); color:#fff; text-decoration:none; font-weight:700; padding:12px 22px; border-radius:12px; }
.bund { padding:8px 0 48px; color:var(--daempet); font-size:14px; }
.bund p { margin:8px 0 0; }
.fodlinks { display:flex; flex-wrap:wrap; gap:8px 20px; }
.fodlinks a { color:var(--teal); font-weight:600; text-decoration:none; }
.fodlinks a:hover { text-decoration:underline; }
@media (max-width:520px) { .tekst { padding:24px 18px 32px; border-radius:12px; } }