/* Blisko designsystem, oktober 2026.
Farver og sektionsopbygning efter ShieldUp (lyst tema): fersken, papir, himmel, sand,
alarm-rød, signalblå og natblå. Overskrifter i Archivo (smal), brødtekst i Open Sans.
Filen ligger oven på sidernes egne inline-styles og skal derfor indlæses EFTER dem.
Rytme: hver sektion er én fuld flade. To ens flader står aldrig efter hinanden.
Mørke flader har én lys partnerfarve til overskrift og tal:
signalblå + himmel · alarm + papir · natblå + sand
Knapper og links er Bliskos egne former. */
/* Egne skrifter (CSP tillader kun font-src 'self'). Variable fonte skåret til de vægte og
bredder, siden bruger. Archivos breddeinterval 62-80 % gør, at den altid er smal,
også hvor en regel ikke sætter font-stretch. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:700 900;font-stretch:62% 80%;font-display:swap;
src:url(/assets/fonts/archivo-latin.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700 900;font-stretch:62% 80%;font-display:swap;
src:url(/assets/fonts/archivo-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;
src:url(/assets/fonts/open-sans-latin.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;
src:url(/assets/fonts/open-sans-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
--fersken:#f2cfbc;--papir:#f6f1e7;--himmel:#c9dcff;--sandgul:#f3e3a6;--sand:#f6f1e7;
--alarm:#b42318;--signal:#1e40af;--natbla:#0f172a;
}
body{font-family:'Open Sans',system-ui,sans-serif!important;background:var(--papir);color:var(--natbla)}
p,li,a,button,input,textarea,select,label,span,.btn{font-family:'Open Sans',system-ui,sans-serif!important}
/* ---------- Lys flade er standard: natblå tekst ---------- */
#hero,section{
--tint:var(--natbla);
--ink:#0f172a;--im:#1f2937;--it:#334155;--ih:#3f4a5c;
--g1:var(--natbla);--g2:var(--natbla);--g3:var(--natbla);--g4:var(--natbla);
--sandd:rgba(15,23,42,.18);--gl:transparent;--gt:transparent;--klit:transparent;--ler:transparent;--fjord:transparent;
--am:var(--natbla);--am-txt:var(--natbla);--amp:transparent;--wh:#fff;
--s1:none;--s2:none;--s3:none;
--knap-bg:var(--natbla);--knap-tx:#fbfbf9;--kontur:var(--natbla);
color:var(--im);
}
/* Mørk flade: lys tekst i fladens partnerfarve */
#problem,#audiences,#contact{
--ink:var(--tint);--im:var(--tint);--it:var(--tint);--ih:var(--tint);
--g1:var(--tint);--g2:var(--tint);--g3:var(--tint);--g4:var(--tint);
--sandd:color-mix(in srgb,var(--tint) 30%,transparent);
--knap-bg:var(--tint);--knap-tx:var(--natbla);--kontur:var(--tint);
color:var(--tint);
}
section{padding:120px 0!important}
@media (max-width:640px){section{padding:72px 0!important}}
/* ---------- Overskrifter i ShieldUp-skala ---------- */
h1,h2,h3,.logo,.led-h{font-family:'Archivo',Impact,sans-serif!important;font-stretch:66%;font-weight:800;letter-spacing:-.005em}
h1{font-weight:900;font-size:clamp(2.8rem,5.6vw,4.6rem)!important;line-height:1!important;color:var(--natbla)!important}
section h2{font-size:clamp(2.6rem,4.8vw,4.2rem)!important;line-height:1!important;max-width:560px;color:var(--tint)!important;margin-bottom:18px!important}
#home-page section h2 + .lead{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:700!important;font-size:clamp(1.2rem,1.9vw,1.45rem)!important;line-height:1.2!important;color:var(--tint)!important;max-width:520px}
.led-h{font-size:clamp(1.8rem,3vw,2.5rem)!important;line-height:1.05!important;color:var(--tint)!important}
/* Små overskrifter i Open Sans fed, kondenseret skrift læses dårligt småt */
h4,.sc h4,.ac-card h3,.ch,.hs h3,.hs h4,.box h3,.pc-name{font-family:'Open Sans',system-ui,sans-serif!important;font-stretch:100%!important;font-weight:700!important;font-size:1.02rem!important;line-height:1.3!important;letter-spacing:0!important;color:var(--tint)!important}
section p,section li{color:var(--im)}
/* ---------- Åbne kolonner med streg foroven ---------- */
.sc,.ac-card,.box,.hs,.pc{background:transparent!important;border:none!important;border-top:2px solid var(--tint)!important;border-radius:0!important;box-shadow:none!important;padding:22px 4px 0!important;transform:none!important}
.sc:hover,.ac-card:hover,.box:hover,.pc:hover{transform:none!important;box-shadow:none!important}
.how-grid{border:none!important;gap:40px 32px!important}
.led{background:transparent!important;padding:56px 0 0!important;border-radius:0!important;margin-top:56px!important;border-top:1px solid var(--sandd)!important}
.sg,.ag,.pricegrid{gap:40px 32px!important}
/* ---------- Knapper (Bliskos former) ---------- */
.btn-p,.btn-am{background:var(--knap-bg)!important;color:var(--knap-tx)!important;box-shadow:none!important;border:none!important}
/* .fsub uden !important på baggrund: app.js sætter rød/blå inline ved fejl og afsendt */
#contact .fsub,.fsub{background:var(--sandgul);color:var(--natbla)!important;box-shadow:none!important;border:none!important}
.btn-o{background:transparent!important;color:var(--kontur)!important;border:1.5px solid var(--kontur)!important}
section p a:not(.btn),section li a:not(.btn){color:var(--tint)!important;text-decoration:underline}
/* ---------- Menu: mørk med lys knap (som ønsket) ---------- */
#nav,#nav.nav-glas{background:rgba(15,23,42,.97)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
#nav .logo{color:#fff!important}
#nav .nl a{color:#e6ebf3!important}
#nav .nl a:hover{color:var(--sandgul)!important}
#nav .nl a.n-cta,#nav a.n-cta{background:var(--sandgul)!important;color:var(--natbla)!important}
.ham span,.ham i,.ham::before,.ham::after{background:#fff!important}
/* ---------- Footer: natblå, store rolige overskrifter ---------- */
footer{background:var(--natbla)!important;color:rgba(246,241,231,.8)!important}
footer .fh{font-family:'Archivo',Impact,sans-serif!important;font-stretch:66%;font-weight:800!important;font-size:clamp(1.5rem,2.2vw,2rem)!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;color:var(--sandgul)!important;margin-bottom:18px!important}
/* ---------- Fladerne i rækkefølge ---------- */
/* 1. Fersken: hero */
#hero{background:var(--fersken)!important;padding-top:150px!important;padding-bottom:120px!important}
#hero .hero-orb{display:none}
#hero .hero-def{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:700!important;font-size:clamp(1.25rem,2vw,1.55rem)!important;line-height:1.2!important;color:var(--natbla)!important;max-width:520px}
#hero .hero-sub,#hero p.lead{color:#1f2937!important;font-weight:400!important}
#hero figcaption{color:#334155!important}
@media (min-width:961px){
.g2-hero{grid-template-columns:1.05fr 1fr!important;gap:64px!important;align-items:center}
#hero .case-shot{max-width:none!important;width:calc(100% + 48px)}
}
/* Ingen kant på skærmbilledet: kanten gav sorte hjørner uden for de runde hjørner */
#hero .case-shot a{display:block;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px rgba(15,23,42,.22)}
#hero .case-shot img{border:none!important;border-radius:0!important;box-shadow:none!important}
/* 2. Papir: nærhed */
#naerhed{background:var(--papir)!important}
/* 3. Alarm-rød + papir: tallene, som ShieldUps "18" */
#problem{background:var(--alarm)!important;--tint:var(--papir)}
#problem .pstats{grid-template-columns:repeat(3,1fr)!important;gap:28px!important}
#problem .ps{background:transparent!important;border:none!important;border-top:2px solid var(--papir)!important;border-radius:0!important;padding:18px 0 0!important}
#problem .ps-n{font-family:'Archivo',Impact,sans-serif!important;font-stretch:66%;font-weight:900!important;font-size:clamp(2.8rem,4.6vw,4rem)!important;line-height:1;color:var(--papir)!important;margin-bottom:8px}
#problem .ps-l{color:var(--papir)!important;font-size:.85rem!important;line-height:1.5!important}
#problem .plist svg,#problem .plist span{color:var(--papir)!important}
#problem .plist li{border-color:rgba(246,241,231,.3)!important}
@media (max-width:640px){#problem .pstats{grid-template-columns:1fr 1fr!important}}
/* 4. Himmel: forløbet */
#how{background:var(--himmel)!important}
#how .hs-n{font-family:'Archivo',Impact,sans-serif!important;font-stretch:66%;font-weight:800!important;color:var(--signal)!important}
#how .hs-tag{color:var(--signal)!important}
/* 5. Papir: ydelserne */
#services{background:var(--papir)!important}
#services .shck{color:var(--signal)!important;background:transparent!important}
@media (min-width:961px){
#services .led-1 .sg{grid-template-columns:1fr 1fr!important}
#services .led-1 .sc-hero{grid-column:span 2!important}
}
/* 6. Signalblå + himmel: målgrupperne, som ShieldUps "44 moduler" */
#audiences{background:var(--signal)!important;--tint:var(--himmel)}
#audiences .ac-ico{background:transparent!important}
#audiences .ac-ico svg{color:var(--himmel)!important}
@media (min-width:961px){
#audiences .ag{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:auto!important}
#audiences .ac-big{grid-row:auto!important}
}
/* 7. Papir: priser. Partner-pakken er det ene fremhævede objekt i natblå */
#pricing{background:var(--papir)!important}
#pricing .pc.pop{background:var(--natbla)!important;border:none!important;border-radius:var(--rx)!important;padding:30px 24px!important;
--tint:var(--sandgul);--ink:var(--papir);--im:var(--papir);--it:#e6e1d6;--g1:var(--sandgul);--g2:var(--sandgul);--g3:var(--sandgul);--sandd:rgba(246,241,231,.2);--knap-bg:var(--sandgul);--knap-tx:var(--natbla);color:var(--papir)}
#pricing .pc.pop *{color:inherit}
#pricing .pc.pop .pc-name,#pricing .pc.pop .pc-price{color:var(--sandgul)!important}
#pricing .pc-price{font-family:'Archivo',Impact,sans-serif!important;font-stretch:66%;font-weight:800!important}
#pricing .ptag{background:var(--sandgul)!important;color:var(--natbla)!important}
/* 8. Sand: forskningen, som ShieldUps "Bygget som et spil" */
#indsigt{background:var(--sandgul)!important}
#indsigt .box p[style*="1.4rem"]{font-family:'Open Sans',system-ui,sans-serif!important;font-size:1.2rem!important;font-weight:600!important;line-height:1.4!important;color:var(--natbla)!important}
/* 9. Papir: bloggen. Kortene er hvide objekter */
#blog-sec{background:var(--papir)!important}
#blog-sec .bc-card{background:#fff!important;border:1px solid rgba(15,23,42,.14)!important}
#blog-sec .bc-arrow{background:#fff!important;color:var(--natbla)!important}
/* 10. Himmel: spørgsmål */
#faq-sec{background:var(--himmel)!important}
#faq-sec .fbtn{color:var(--natbla)!important}
/* 11. Natblå + sand: kontakt, som ShieldUps "Start med fem medarbejdere" */
#contact{background:var(--natbla)!important;--tint:var(--sandgul)}
#contact .cform{--tint:var(--papir);--ink:var(--papir);--im:var(--papir);color:var(--papir)}
#contact .cform h3{color:var(--papir)!important}
#contact p[style*="uppercase"]{text-transform:none!important;letter-spacing:0!important;font-size:.85rem!important}
#contact .lead{color:var(--sandgul)!important}
.corb{display:none!important}
/* ---------- Kun to skrifter: Archivo og Open Sans ---------- */
.tb-n,.ps-n,.hs-n,.pc-price,.roi-big,.cst-n{font-family:'Archivo',Impact,sans-serif!important;font-stretch:66%!important;font-style:normal!important;letter-spacing:0!important}
.pq,.cq,.bc-title,.pc-sub{font-family:'Open Sans',system-ui,sans-serif!important;font-style:normal!important}
[style*="font-family:'Archivo'"],.bc-cat,.btn,.cat-tag,.cookie-btn,.fico,.hero-pill,.hs-tag,.pc-sfx,.pc-y1,.sc-note,.tb-l{font-family:'Open Sans',system-ui,sans-serif!important}
[style*="font-weight:300"],.lead{font-weight:400}
/* Tekster med gennemsigtig farve skrevet i HTML'en faldt under 4,5:1 på de mørke flader */
#problem p[style*="rgba"]{color:var(--papir)!important;opacity:.92}
#contact p[style*="rgba"],#contact [style*="rgba(255,255,255,.4"]{color:#d9dce2!important}
/* ---------- Ydelser segmenteret i tre flader (v8) ----------
Sektionen var for lang og vidensttung på én papirflade. De tre led får hver sin ShieldUp-flade
i fuld bredde, så man kan se, hvor ét led slutter og det næste begynder:
Synlighed = natblå + sand (hovedproduktet, det tungeste punkt)
Velkomst = fersken + natblå
Integration = sand + natblå
Fuld bredde laves med box-shadow + clip-path, så markup'en ikke skal ændres. */
#services{padding-bottom:0!important}
#services .led{margin-top:96px!important;padding:88px 0 96px!important;border-top:none!important;
box-shadow:0 0 0 100vmax var(--led-bg);clip-path:inset(0 -100vmax);background:var(--led-bg)!important}
#services .led + .led{margin-top:0!important}
#services .led-1{--led-bg:var(--natbla);--tint:var(--sandgul);
--ink:var(--papir);--im:#e6e1d6;--it:#d9d4c8;--ih:#d9d4c8;--g1:var(--sandgul);--g2:var(--sandgul);--g3:var(--sandgul);
--sandd:rgba(246,241,231,.2);--knap-bg:var(--sandgul);--knap-tx:var(--natbla);--kontur:var(--sandgul);color:#e6e1d6}
#services .led-1 p,#services .led-1 li{color:#e6e1d6!important}
#services .led-1 h3,#services .led-1 h4{color:var(--sandgul)!important}
#services .led-1 .shck{color:var(--sandgul)!important}
#services .led-1 .shl li{border-color:rgba(246,241,231,.18)!important}
#services .led-1 p a:not(.btn){color:var(--sandgul)!important}
#services .led-2{--led-bg:var(--fersken)}
#services .led-3{--led-bg:var(--sandgul)}
/* Ledenes overskrifter får samme tyngde som en sektionsoverskrift */
#services .led-h{font-size:clamp(2.1rem,3.6vw,3.2rem)!important;line-height:1!important;max-width:640px}
/* Kontakt: kortere venstre kolonne. Tre korte trin uden boks, eksempler som almindelige links */
#contact .kort-trin{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:0;max-width:460px}
#contact .kort-trin li{display:flex;gap:16px;align-items:baseline;padding:14px 0;border-top:1px solid rgba(243,227,166,.3);color:var(--papir);font-size:1.05rem}
#contact .kort-trin li:last-child{border-bottom:1px solid rgba(243,227,166,.3)}
#contact .kort-trin span{font-family:'Archivo',Impact,sans-serif!important;font-stretch:66%;font-weight:800;font-size:1.4rem;color:var(--sandgul);min-width:18px}
#contact .kort-eks{margin-top:22px;color:var(--papir)!important;font-size:.95rem}
#contact .kort-eks + .kort-eks{margin-top:8px}
#contact .kort-eks a{color:var(--sandgul)!important;text-decoration:underline;text-underline-offset:3px}
/* Menu: hvid, som Bliskos egen menu (Michal: "menu skal forblive hvid") */
#nav,#nav.nav-glas{background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;box-shadow:none!important}
#nav .logo{color:var(--natbla)!important}
#nav .nl a{color:var(--natbla)!important}
#nav .nl a:hover{color:var(--signal)!important}
#nav .nl a.n-cta,#nav a.n-cta{background:var(--natbla)!important;color:#fff!important}
.ham span,.ham i,.ham::before,.ham::after{background:var(--natbla)!important}
/* ---------- Strammere ydelsesblokke (v9) ----------
Kolonnerne stod 4 px inde i forhold til overskriften, og listen startede højere end teksten.
Nu flugter alt med venstre kant, toppen er fælles og afstandene er kortere. */
.sc,.ac-card,.box,.hs,.pc{padding:20px 0 0!important}
#services .led{padding:72px 0 80px!important}
#services .led > p{max-width:620px;margin-bottom:28px!important}
#services .sg{gap:28px 48px!important;margin-top:0!important}
#services .sc-hero{align-items:start!important;gap:48px!important;padding-top:24px!important}
#services .sc-hero::after{display:none!important}
#services .sc-hero h3{font-size:clamp(1.6rem,2.4vw,2rem)!important;line-height:1!important;margin:0 0 12px!important}
#services .sc-hero p{margin-bottom:20px!important}
#services .sc-hero .btn{margin-top:0!important}
#services .shl{margin:0!important;padding:0!important}
#services .shl li{padding:9px 0!important;gap:12px!important;align-items:baseline}
#services .shl li:first-child{padding-top:0!important}
#services .shck{min-width:14px}
#services .sc h4{margin-bottom:6px!important}
/* ---------- Undersider (v10) ----------
Samme system som forsiden. Første flade er fersken-hero med natblå tekst.
Derefter skifter sektionerne i fuld bredde mellem papir, himmel og sand, så lange
sider bliver delt op. Kun lyse flader her, da undersiderne har tabeller og meget tekst.
Fuld bredde via box-shadow + clip-path, da nogle sektioner selv er .wrap. */
main:not(#home-page) > section,main:not(#home-page) > header{
--sek-bg:var(--papir);background:var(--sek-bg)!important;
box-shadow:0 0 0 100vmax var(--sek-bg);clip-path:inset(0 -100vmax);
padding:88px 0!important;border:none!important}
main:not(#home-page) > section:nth-of-type(4n+3){--sek-bg:var(--himmel)}
main:not(#home-page) > section:nth-of-type(4n+5){--sek-bg:var(--sandgul)}
/* Hero: første flade */
main:not(#home-page) > section:first-of-type,main:not(#home-page) > header:first-child,main:not(#home-page) .blog-hero,main:not(#home-page) .om-top{
--sek-bg:var(--fersken)!important;background:var(--fersken)!important;padding:132px 0 80px!important}
main:not(#home-page) > header:first-child + section{--sek-bg:var(--papir)}
main:not(#home-page) h1{color:var(--natbla)!important;max-width:820px}
main:not(#home-page) > section:first-of-type p,main:not(#home-page) .blog-hero p,main:not(#home-page) .om-top p{color:#1f2937!important}
/* Overskrifter på undersider: lidt mindre end forsidens, de står tættere */
main:not(#home-page) section h2{font-size:clamp(2.1rem,3.6vw,3.2rem)!important;max-width:680px}
/* Tabeller og bokse: hvid flade med tynd streg, så tal kan læses på alle baggrunde */
main:not(#home-page) table{background:#fff;border-collapse:collapse}
main:not(#home-page) th,main:not(#home-page) td{border-color:rgba(15,23,42,.12)!important}
/* Kontakt: signalblå i stedet for natblå, så den ikke flyder sammen med footeren.
Himmel til overskrift og tal (ShieldUps par for signalblå). Formularen er det ene natblå objekt. */
#contact{background:var(--signal)!important;--tint:var(--himmel)}
#contact h2,#contact .lead{color:var(--himmel)!important}
#contact .kort-trin li{border-color:rgba(201,220,255,.35)!important;color:#fff!important}
#contact .kort-trin span{color:var(--himmel)!important}
#contact .kort-eks{color:#fff!important}
#contact .kort-eks a{color:var(--himmel)!important}
#contact .cform{background:var(--natbla)!important;border:none!important}
#contact .fsub{background:var(--sandgul);color:var(--natbla)!important}
/* ---------- Rettelser fra kontrastmåling af undersiderne ---------- */
/* 1. Den fremhævede pakke er natblå på alle sider, ikke kun forsiden */
.pc.pop{background:var(--natbla)!important;border:none!important;border-radius:var(--rx)!important;padding:30px 24px!important;
--tint:var(--sandgul);--ink:var(--papir);--im:var(--papir);--it:#e6e1d6;--ih:#e6e1d6;--g1:var(--sandgul);--g2:var(--sandgul);--g3:var(--sandgul);
--sandd:rgba(246,241,231,.2);--knap-bg:var(--sandgul);--knap-tx:var(--natbla);--kontur:var(--sandgul);color:var(--papir)}
.pc.pop *{color:inherit}
.pc.pop .pc-name,.pc.pop .pc-price{color:var(--sandgul)!important}
.pc.pop .btn-p,.pc.pop .btn-am{background:var(--sandgul)!important;color:var(--natbla)!important}
/* 2. (fjernet: tidligere grønne sektioner er nu natblå flader, se længere nede) */
[style*="#d9a030"]{color:var(--signal)!important}
/* 3. Mørke CTA-bokse (baggrund var(--g1) = natblå): knappen bliver sand, tekst lys */
[style*="background:var(--g1)"]{--ink:var(--papir);--im:var(--papir);--it:#e6e1d6;color:var(--papir)}
[style*="background:var(--g1)"] h2,[style*="background:var(--g1)"] h3{color:var(--sandgul)!important}
[style*="background:var(--g1)"] .btn,[style*="background:var(--g1)"] .btn-p,[style*="background:var(--g1)"] .btn-am{background:var(--sandgul)!important;color:var(--natbla)!important;border:none!important}
/* ---------- v11: AI-tegn væk, større heroes, hover overalt ---------- */
/* Små dekorative firkanter og prikker foran overskrifter og metadata er generiske AI-tegn */
.fsek-mark::before,.art-dot,.hero-pill-dot{display:none!important}
.fsek-mark{padding-left:0!important;gap:0!important}
/* Amber-token fra Bliskos gamle palet peges mod signalblå */
:root{--ams:#1e40af}
/* Mørk CTA-boks i blogindlæg: lys tekst og sand knap */
.art-cta{--ink:var(--papir);--im:var(--papir);--it:#e6e1d6;color:var(--papir)}
.art-cta h2,.art-cta h3{color:var(--sandgul)!important}
.art-cta .btn,.art-cta .btn-am,.art-cta .btn-p{background:var(--sandgul)!important;color:var(--natbla)!important}
/* Underside-heroes lige så store som kommunesidens: høj flade, stor overskrift, indhold lodret centreret */
main:not(#home-page) > section:first-of-type,main:not(#home-page) > header:first-child,main:not(#home-page) .blog-hero,main:not(#home-page) .om-top{
min-height:min(72vh,640px);display:flex;flex-direction:column;justify-content:center;padding:150px 0 110px!important}
main:not(#home-page) > section:first-of-type > *,main:not(#home-page) .blog-hero > *,main:not(#home-page) .om-top > *{width:100%}
main:not(#home-page) h1{font-size:clamp(3rem,6vw,5rem)!important;line-height:.98!important;margin-bottom:22px!important}
/* Hover: ens på alle links og knapper. Tekstlinks får tykkere understregning, knapper løfter sig 2 px */
a{transition:color .15s,text-decoration-color .15s,text-decoration-thickness .15s,opacity .15s}
section p a:not(.btn),section li a:not(.btn),footer a,.kort-eks a,main a:not(.btn):not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
section p a:not(.btn):hover,section li a:not(.btn):hover,.kort-eks a:hover,main a:not(.btn):not([class]):hover{text-decoration-thickness:2px;opacity:.8}
footer a{text-decoration-color:transparent}
footer a:hover{text-decoration-color:currentColor;color:var(--sandgul)!important}
.btn,.n-cta,.fsub,.cookie-btn{transition:transform .15s,background-color .15s,border-color .15s,opacity .15s!important}
.btn:hover,.n-cta:hover,.fsub:hover{transform:translateY(-2px)}
.btn-p:hover,.btn-am:hover,.n-cta:hover,.fsub:hover{opacity:.9}
.btn-o:hover{background:color-mix(in srgb,var(--kontur,#0f172a) 8%,transparent)!important}
#nav .nl a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.bc-card,.fbtn{transition:transform .2s,box-shadow .2s}
.bc-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.12)}
.fbtn:hover{opacity:.75}
a:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.btn:hover,.n-cta:hover,.fsub:hover,.bc-card:hover{transform:none}}
/* ---------- v12: Typografi til læsning ----------
Fed kondenseret underrubrik kun på forsidens korte .lead. Lange afsnit i fed kondenseret skrift
blev en mur af tekst. Al brødtekst: Open Sans 17 px, linjeafstand 1,65, højst ca. 68 tegn pr. linje. */
section p,section li{font-size:1.0625rem;line-height:1.65}
section p{max-width:68ch}
section p + p{margin-top:.9em}
section small,section .note,section figcaption{font-size:.875rem;line-height:1.5}
/* Første afsnit efter en overskrift: lidt større, almindelig vægt, mørkeste tekstfarve */
main:not(#home-page) section h2 + p,main:not(#home-page) section h2 + .lead{
font-family:'Open Sans',system-ui,sans-serif!important;font-stretch:100%!important;font-weight:400!important;
font-size:1.175rem!important;line-height:1.6!important;color:var(--ink)!important;max-width:64ch}
#home-page #naerhed h2 + p{font-family:'Open Sans',system-ui,sans-serif!important;font-stretch:100%;font-weight:400!important;font-size:1.2rem!important;line-height:1.6!important}
/* Hero-indledning på undersider */
main:not(#home-page) h1 + p{font-family:'Open Sans',system-ui,sans-serif!important;font-stretch:100%!important;font-weight:500!important;
font-size:clamp(1.1rem,1.6vw,1.3rem)!important;line-height:1.55!important;color:var(--natbla)!important;max-width:60ch}
/* Overskrifter i halve kolonner: mindre, så de holder sig til 1-2 linjer */
main:not(#home-page) section [class*="g2"] h2,main:not(#home-page) section [style*="grid-template-columns"] h2,
main:not(#home-page) section [class*="grid"] h2,main:not(#home-page) section [class*="col"] h2{
font-size:clamp(1.8rem,2.6vw,2.4rem)!important;line-height:1.05!important}
main:not(#home-page) section h3{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800;font-size:clamp(1.35rem,1.9vw,1.6rem)!important;line-height:1.1!important;margin:1.6em 0 .5em}
main:not(#home-page) section h2{margin-bottom:20px!important}
/* Lister: luft mellem punkter, så de kan skimmes */
section ul li + li,section ol li + li{margin-top:.35em}
/* ---------- v13: Stram visuel struktur på undersiderne ---------- */
/* 1. Venstrestilling overalt. Centrerede sektioner med smalle overskrifter flugtede ikke */
section,section [style*="text-align:center"],section .wrap,section [class*="center"]{text-align:left!important}
section h2,section h1{margin-left:0!important;margin-right:0!important}
section [style*="justify-content:center"]{justify-content:flex-start!important}
main:not(#home-page) > section:first-of-type .wrap{text-align:left!important}
main:not(#home-page) > section:first-of-type h1 + p{margin-left:0!important}
/* 2. Hvide kort -> åbne kolonner med streg foroven, ligesom forsiden */
main:not(#home-page) :is(.how-box,.hcard,.fund-card,.bsc,.blc,.bfeat,.topbox,.om-tyve),
main:not(#home-page) section [style*="background:var(--wh)"][style*="border-radius"]{
background:transparent!important;border:none!important;border-top:2px solid var(--natbla)!important;border-radius:0!important;
box-shadow:none!important;padding:20px 0 0!important}
main:not(#home-page) :is(.how-box,.hcard,.fund-card,.bsc,.blc,.bfeat) :is(h3,h4){font-family:'Open Sans',system-ui,sans-serif!important;font-stretch:100%!important;font-weight:700!important;font-size:1.05rem!important;line-height:1.3!important;margin:0 0 8px!important}
main:not(#home-page) :is(.how-box,.hcard,.fund-card,.bsc,.blc,.bfeat) p{font-size:1rem!important;line-height:1.6!important}
/* CTA-bokse er det ene objekt: natblå med lys tekst */
.cta-box{background:var(--natbla)!important;border:none!important;color:var(--papir);--ink:var(--papir);--im:var(--papir);--it:#e6e1d6}
.cta-box :is(h2,h3){color:var(--sandgul)!important}
.cta-box p{color:#e6e1d6!important}
.cta-box .btn{background:var(--sandgul)!important;color:var(--natbla)!important;border:none!important}
/* 3. Versaletiketter -> almindelige bogstaver, fed natblå */
main [style*="text-transform:uppercase"],main .hs-tag,main .bc-cat,main .ptag~*{text-transform:none!important;letter-spacing:0!important}
main:not(#home-page) [style*="text-transform:uppercase"]{font-weight:700!important;color:var(--natbla)!important;font-size:.9rem!important}
/* 4. Lister med navn + forklaring (fx byerne på foreningssiden) som rækker med streg imellem */
main:not(#home-page) ul[style*="flex-direction:column"]{gap:0!important;max-width:820px}
main:not(#home-page) ul[style*="flex-direction:column"] > li[style*="display:flex"]{padding:16px 0!important;border-top:1px solid rgba(15,23,42,.15);gap:24px!important;margin:0!important;color:#1f2937!important}
main:not(#home-page) ul[style*="flex-direction:column"] > li[style*="display:flex"]:last-child{border-bottom:1px solid rgba(15,23,42,.15)}
main:not(#home-page) ul[style*="flex-direction:column"] > li > span[style*="--ams"]{color:var(--natbla)!important;font-weight:700!important;font-size:1rem!important;min-width:140px!important;padding-top:0!important}
/* 5. Knapper uden synlig kant (var hvide på de gamle grønne flader) får natblå kontur */
main:not(#home-page) a.btn[style*="var(--wh)"],main:not(#home-page) a.btn[style*="rgba(255,255,255"]{
border:1.5px solid var(--natbla)!important;color:var(--natbla)!important;background:transparent!important;padding:12px 22px!important}
/* Fælles venstrekant: smalle, centrerede beholdere gav forskudte sektioner.
Alle .wrap er lige brede; læsebredden styres af afsnittenes 68ch i stedet */
main section .wrap{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}
main section .wrap [style*="margin:0 auto"],main section .wrap [style*="margin: 0 auto"]{margin-left:0!important;margin-right:auto!important}
/* ---------- v14: Prissiden og bloggen ---------- */
/* Sektioner der selv er .wrap, og afsnit centreret med margin auto: samme venstrekant som resten */
main section.wrap{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;padding-left:22px!important;padding-right:22px!important}
main section [style*="margin-left:auto"]{margin-left:0!important}
main section p[style*="text-align:center"]{text-align:left!important}
main:not(#home-page){padding-top:0!important}
/* Tilkøb som én prisliste: navn til venstre, pris til højre, tynde linjer. Ingen kasse udenom */
main section div[style*="background:var(--gt)"][style*="max-width:900px"]{background:transparent!important;padding:0!important;margin-top:0!important;max-width:720px!important}
.addon-grid{display:block!important;margin-top:24px!important;max-width:720px}
.addon-grid > div{background:transparent!important;border-radius:0!important;border:none!important;border-top:1px solid rgba(15,23,42,.18)!important;padding:14px 0!important;align-items:baseline}
.addon-grid > div:last-child{border-bottom:1px solid rgba(15,23,42,.18)!important}
.addon-grid > div > span:last-child{white-space:nowrap}
/* Bloglisten */
#blog-page .blog-hero{min-height:0!important;padding:140px 0 64px!important}
/* Kategorier som tekst i signalblå, ikke piller */
.cat-tag{background:transparent!important;padding:0!important;border-radius:0!important;color:var(--signal)!important;font-weight:700!important;font-size:.85rem!important;letter-spacing:0!important}
/* Filtre som faneblade med understregning i stedet for piller */
.fbtn-row{gap:6px 22px!important;border-bottom:1px solid rgba(15,23,42,.15);padding-bottom:0!important;margin-bottom:8px}
.fbtn-omr{background:transparent!important;border:none!important;border-radius:0!important;padding:10px 0!important;min-height:44px;color:#334155!important;font-weight:600!important;border-bottom:2px solid transparent!important;margin-bottom:-1px}
.fbtn-omr:hover{color:var(--natbla)!important;border-bottom-color:rgba(15,23,42,.35)!important}
.fbtn-omr.act,.fbtn-omr[aria-pressed="true"]{color:var(--natbla)!important;border-bottom-color:var(--natbla)!important}
/* Fremhævet artikel og sidebar: åbne, med tynd streg */
.bfeat,.bsc{border-top:2px solid var(--natbla)!important;padding:20px 0 0!important}
.bfeat h2,.bfeat h3{font-size:clamp(1.8rem,2.8vw,2.4rem)!important;line-height:1.05!important}
.bsc{border-top:1px solid rgba(15,23,42,.2)!important;padding:14px 0!important}
.bsc-img,.blc-img,.blc-kort{display:none!important}
.bsc-body,.blc-body,.bf-body{padding:0!important}
.bsc h3,.bsc h4{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800!important;font-size:1.2rem!important;line-height:1.1!important}
/* Artikelrækker: tynd linje, ingen indryk, større titel man kan skimme */
.blg .blc{border:none!important;border-top:1px solid rgba(15,23,42,.18)!important;padding:22px 0!important;display:grid!important;grid-template-columns:1fr auto;column-gap:32px}
.blg .blc:first-child{border-top:2px solid var(--natbla)!important}
.blg .blc h3{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800!important;font-size:clamp(1.35rem,2vw,1.6rem)!important;line-height:1.1!important;margin:6px 0 8px!important;color:var(--natbla)!important}
.blg .blc p{font-size:1rem!important;max-width:62ch;color:#334155!important}
.blg .blc:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.blc-meta{color:#475569!important;font-size:.85rem!important}
.bmd{display:none!important}
/* Skærpede selektorer: kort-reglen fra v13 vandt over bloglisten */
main:not(#home-page) .blg .blc{padding:24px 0!important;border-top:1px solid rgba(15,23,42,.18)!important}
main:not(#home-page) .blg .blc:first-child{border-top:2px solid var(--natbla)!important}
main:not(#home-page) .blg .blc h3{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%!important;font-weight:800!important;font-size:clamp(1.35rem,2vw,1.6rem)!important;line-height:1.1!important;margin:6px 0 8px!important;color:var(--natbla)!important}
main:not(#home-page) .bsc :is(h3,h4){font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%!important;font-weight:800!important;font-size:1.2rem!important;line-height:1.15!important}
/* Tidligere tonede bokse på undersider: ingen baggrund og ingen indre luft, så teksten flugter */
main:not(#home-page) section div[style*="background:var(--gt)"],main:not(#home-page) section div[style*="background:var(--gl)"]{background:transparent!important;padding-left:0!important;padding-right:0!important;border-radius:0!important}
/* Prissidens afslutning: to åbne kolonner med fed overskrift, kommune-noten som lille linje under */
.pris-slut{display:flex!important;flex-direction:column}
.pris-slut > div{order:1;display:grid!important;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:0!important;padding:0!important;max-width:none!important}
.pris-slut > div > p{border-top:2px solid var(--natbla);padding-top:18px;margin:0!important;font-size:1.0625rem!important;line-height:1.65!important;color:#1f2937!important}
.pris-slut > div > p strong{display:block;font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800;font-size:1.5rem;line-height:1.1;color:var(--natbla);margin-bottom:8px}
.pris-slut > p{order:2;margin-top:36px!important;padding-top:16px;border-top:1px solid rgba(15,23,42,.15);font-size:.95rem!important;max-width:none!important}
@media (max-width:700px){.pris-slut > div{grid-template-columns:1fr}}
/* Pladsholdere som [bynavn] i signalblå på natblå: lys sand i stedet */
[style*="background:var(--g1)"] [style*="--am"],.cta-box [style*="--am"],[style*="background:var(--g1)"] [style*="#1e40af"]{color:var(--sandgul)!important}
.fill{color:var(--sandgul)!important}
/* ---------- Forskningssiden: seks blokke, hver sin flade i fuld bredde ----------
Før stod alt på én papirflade under én sektion. Nu er hver kilde-gruppe sin egen flade.
Egen kortlægning er natblå, fordi den er Bliskos eget bidrag og sidens blikfang. */
#forsk-body{padding:0!important;box-shadow:none!important;clip-path:none!important;background:transparent!important}
#forsk-body .fsek{--sek-bg:var(--papir);background:var(--sek-bg)!important;box-shadow:0 0 0 100vmax var(--sek-bg);clip-path:inset(0 -100vmax);
border-radius:0!important;margin:0!important;padding:88px 0 96px!important}
#forsk-body .fsek:nth-of-type(2){--sek-bg:var(--natbla);--tint:var(--sandgul);
--ink:var(--papir);--im:#e6e1d6;--it:#d9d4c8;--ih:#d9d4c8;--g1:var(--sandgul);--g2:var(--sandgul);--g3:var(--sandgul);color:#e6e1d6}
#forsk-body .fsek:nth-of-type(2) :is(h2,h3){color:var(--sandgul)!important}
#forsk-body .fsek:nth-of-type(2) :is(p,li,div){color:#e6e1d6!important}
#forsk-body .fsek:nth-of-type(2) a{color:var(--sandgul)!important}
#forsk-body .fsek:nth-of-type(3){--sek-bg:var(--himmel)}
#forsk-body .fsek:nth-of-type(5){--sek-bg:var(--sandgul)}
#forsk-body .fsek:nth-of-type(6){--sek-bg:var(--fersken)}
#forsk-body .fsek h2{margin:0 0 28px!important;font-size:clamp(2.2rem,4vw,3.4rem)!important;line-height:1!important;max-width:720px}
/* Hver kilde er en åben kolonne med streg foroven */
#forsk-body .fsek > div:not(.grid-2):not(.how-box){border-top:2px solid currentColor;padding-top:20px;margin-top:40px;max-width:760px}
#forsk-body .fsek:nth-of-type(2) > div:not(.grid-2):not(.how-box){border-top-color:var(--sandgul)}
#forsk-body .fsek > div:not(.grid-2):not(.how-box) > div:first-child{font-size:.9rem!important;font-weight:700!important;color:var(--signal)!important;margin-bottom:4px}
#forsk-body .fsek:nth-of-type(2) > div > div:first-child{color:var(--sandgul)!important}
#forsk-body .fsek h3{margin:4px 0 12px!important;font-size:clamp(1.4rem,2.2vw,1.75rem)!important}
#forsk-body .grid-2{gap:40px 48px!important;margin-top:8px}
#forsk-body .grid-2 > div{background:transparent!important;border:none!important;border-top:2px solid var(--natbla)!important;border-radius:0!important;padding:20px 0 0!important;box-shadow:none!important}
#forsk-body .grid-2 > div h3{font-family:'Open Sans',system-ui,sans-serif!important;font-stretch:100%!important;font-size:1.1rem!important;font-weight:700!important;line-height:1.3!important}
#forsk-body .grid-2 > div > div:first-child{font-size:.85rem!important;font-weight:700!important;color:var(--signal)!important}
#forsk-body .fsek p{line-height:1.65!important;margin-bottom:14px!important}
#forsk-body .fsek ul{max-width:760px}
#forsk-body .fsek ul li{padding:10px 0;border-top:1px solid rgba(15,23,42,.15);margin:0!important}
#forsk-body .how-box{margin-top:56px!important}
/* Den sidste sektion efter forsk-body er ikke længere nødvendig som ekstra flade */
#forsk-body + section{--sek-bg:var(--papir)}
/* Hovedforskning: de tre kilder side om side i stedet for under hinanden, så fladen ikke bliver én lang strækning */
@media (min-width:961px){
#forsk-body .fsek:nth-of-type(1){display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px;align-items:start}
#forsk-body .fsek:nth-of-type(1) > :is(.fsek-mark,h2){grid-column:1/-1}
#forsk-body .fsek:nth-of-type(1) > div:not(.grid-2):not(.how-box){margin-top:8px!important;max-width:none}
#forsk-body .fsek:nth-of-type(1) h3{font-size:1.35rem!important}
#forsk-body .fsek:nth-of-type(1) p{font-size:1rem!important}
}
/* Etiketter på den natblå flade: sand i stedet for signalblå (målt 2,05:1) */
#forsk-body .fsek:nth-of-type(2) > div:not(.grid-2):not(.how-box) > div:first-child{color:var(--sandgul)!important}
#forsk-body .fsek > div[style*="padding:24px"]{padding-top:20px!important;padding-bottom:0!important}
/* Ramme om ydelsesblokken gav tynde lodrette streger i kanten af fladen */
#forsk-body .fsek{border:none!important}
/* Tom papirstribe under sidste blok: forsk-body arvede 88 px luft fra den generelle sektionsregel */
main:not(#home-page) > section#forsk-body{padding-top:0!important;padding-bottom:0!important}
/* ---------- Én brødtekststørrelse på undersiderne ----------
Indledningen efter H2 (18,8 px) og inline-størrelser i HTML'en (14-15 px) gav tre størrelser i samme kolonne.
Nu: alle afsnit og listepunkter 17 px, samme farve. Kun noter/kilder (small, .kilde, figcaption) er mindre. */
main:not(#home-page) section :is(p,li):not(.cat-tag):not(.blc-meta){font-size:1.0625rem!important;line-height:1.65!important}
main:not(#home-page) section h2 + p,main:not(#home-page) section h2 + .lead{font-size:1.0625rem!important;color:#1f2937!important;font-weight:400!important}
main:not(#home-page) section :is(p,li){color:#1f2937}
main:not(#home-page) section :is(small,figcaption,.kilde,.blc-meta,.bf-meta) {font-size:.875rem!important}
/* Hero-indledningen må gerne være større end brødteksten */
main:not(#home-page) > section:first-of-type h1 + p,main:not(#home-page) .blog-hero h1 + p,main:not(#home-page) .om-top h1 + p{font-size:clamp(1.1rem,1.6vw,1.3rem)!important}
/* Mørke flader beholder lys tekst */
main:not(#home-page) :is(.cta-box,.pc.pop,[style*="background:var(--g1)"],#forsk-body .fsek:nth-of-type(2)) :is(p,li){color:#e6e1d6!important}
/* Strammere rytme på undersiderne: faste afstande, overskrift tæt på sin tekst */
main:not(#home-page) > section:not(:first-of-type){padding-top:80px!important;padding-bottom:80px!important}
main:not(#home-page) section h2{margin-bottom:14px!important}
main:not(#home-page) section p + p{margin-top:12px!important}
main:not(#home-page) section :is(p,li){margin-bottom:0}
main:not(#home-page) section [class*="g2"],main:not(#home-page) section [style*="grid-template-columns:1fr 1fr"]{column-gap:64px!important;row-gap:48px!important;align-items:start!important}
/* Artikler: samme brødtekst som resten */
article :is(p,li){font-size:1.0625rem!important;line-height:1.7!important}
/* To-kolonne-sektioner: begge kolonner starter i samme højde.
Højre kolonne er en "faktaboks" med natblå streg foroven, så den læses som et sidespor til venstre tekst */
main:not(#home-page) section .g2 > *:first-child > :first-child,
main:not(#home-page) section .g2 > * > h3:first-child{margin-top:0!important}
main:not(#home-page) section .g2{align-items:start!important}
main:not(#home-page) section .g2 > div:nth-child(2):not(:has(h2)){border-top:2px solid var(--natbla);padding-top:20px;margin-top:8px}
main:not(#home-page) section .g2 > div:nth-child(2) h3{font-size:1.35rem!important;margin:0 0 10px!important}
/* Punktlister: tynd linje i stedet for runde prikker */
main:not(#home-page) section ul:not([style*="flex-direction"]):not(.plist):not(.shl){list-style:none!important;padding-left:0!important;margin:0!important}
main:not(#home-page) section ul:not([style*="flex-direction"]):not(.plist):not(.shl) > li{padding:10px 0!important;border-bottom:1px solid rgba(15,23,42,.14);margin:0!important}
main:not(#home-page) section ul:not([style*="flex-direction"]):not(.plist):not(.shl) + p{margin-top:16px!important}
/* "Se modellen i brug" og lignende tidligere grønne bånd: natblå flade med sand overskrift.
Sidste regel vinder over de lyse regler ovenfor */
main:not(#home-page) > section[style*="background:var(--g1)"]{--sek-bg:var(--natbla)!important;background:var(--natbla)!important}
main:not(#home-page) > section[style*="background:var(--g1)"] :is(h2,h3){color:var(--sandgul)!important}
main:not(#home-page) > section[style*="background:var(--g1)"] :is(p,li){color:#e6e1d6!important}
main:not(#home-page) > section[style*="background:var(--g1)"] a.btn{background:transparent!important;color:var(--sandgul)!important;border:1.5px solid var(--sandgul)!important;margin:0 12px 12px 0!important}
main:not(#home-page) > section[style*="background:var(--g1)"] a.btn:first-of-type{background:var(--sandgul)!important;color:var(--natbla)!important}
main:not(#home-page) > section[style*="background:var(--g1)"] p{margin-bottom:28px!important}
/* To kolonner med hver sin H2 (fx "Hvem står bag"): samme streg foroven og mindre overskrift,
så de læses som to ligeværdige blokke */
main:not(#home-page) section .g2 > div:has(> h2){border-top:2px solid var(--natbla);padding-top:22px}
main:not(#home-page) section .g2 > div > h2{font-size:clamp(1.7rem,2.4vw,2.1rem)!important;line-height:1.05!important;margin-bottom:14px!important}
/* Natblå bånd: tokens så inline-farver (var(--g1), var(--im) osv.) bliver lyse */
main:not(#home-page) > section[style*="background:var(--g1)"]{--tint:var(--sandgul);--g1:var(--sandgul);--g2:var(--sandgul);--g3:var(--sandgul);
--ink:#f6f1e7;--im:#e6e1d6;--it:#d9d4c8;--ih:#d9d4c8;--wh:#f6f1e7;color:#e6e1d6!important}
main:not(#home-page) > section[style*="background:var(--g1)"] *:not(a.btn):not(h2):not(h3){color:inherit}
main:not(#home-page) > section[style*="background:var(--g1)"] :is(strong,b,span[style*="--ams"],span[style*="font-weight"]){color:var(--sandgul)!important}
main:not(#home-page) > section[style*="background:var(--g1)"] ul li{border-color:rgba(246,241,231,.2)!important}
/* Prisrækker i to-kolonne-sektioner: én række pr. post med navn til venstre og pris til højre.
Ingen tonede kasser; den anbefalede pakke er det ene natblå objekt */
main:not(#home-page) .g2 div[style*="background:var(--gt)"],main:not(#home-page) .g2 div[style*="background:var(--fjord)"]{
background:transparent!important;border-radius:0!important;border-top:1px solid rgba(15,23,42,.18)!important;padding:16px 0!important;margin:0!important}
main:not(#home-page) .g2 div[style*="flex-direction:column"]{gap:0!important;border-bottom:1px solid rgba(15,23,42,.18);margin-top:24px!important}
main:not(#home-page) .g2 div[style*="background:var(--gt)"][style*="padding:28px"]{border-top:2px solid var(--natbla)!important;margin-top:24px!important}
main:not(#home-page) .g2 div[style*="background:var(--amp)"]{background:var(--natbla)!important;border:none!important;border-radius:var(--rl)!important;padding:24px 26px!important;margin-top:20px!important;color:#e6e1d6}
main:not(#home-page) .g2 div[style*="background:var(--amp)"] :is(p,span){color:#e6e1d6!important}
main:not(#home-page) .g2 div[style*="background:var(--amp)"] span[style*="font-size:1.2rem"]{color:var(--sandgul)!important}
main:not(#home-page) .g2 div[style*="background:var(--amp)"] span[style*="border-radius:100px"]{background:var(--sandgul)!important;color:var(--natbla)!important;font-weight:700}
main:not(#home-page) .g2 span[style*="font-size:1.2rem"]{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-size:1.6rem!important;font-weight:800!important}
/* Ansøgningsskabelonen (.tmpl) er en natblå boks: lys tekst */
main:not(#home-page) section .tmpl :is(p,li,div,span){color:#e6e1d6!important}
main:not(#home-page) section .tmpl :is(h3,h4,strong){color:var(--sandgul)!important}
/* Bynavne i rækker på natblå flade: sand */
main:not(#home-page) > section[style*="background:var(--g1)"] ul[style*="flex-direction:column"] > li > span[style*="--ams"]{color:var(--sandgul)!important}
/* ---------- Landsdel-oversigten ----------
Rækkefølge: guiderne først (det man kommer for), så tabellen, så de fire spørgsmål som 2x2-gitter */
.ld-guides{--sek-bg:var(--papir)!important}
.ld-guides h2{font-size:clamp(2.1rem,3.6vw,3.2rem)!important;margin-bottom:28px!important}
.ld-guides .blg{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:40px 32px!important}
main:not(#home-page) .ld-guides .blg .blc{display:block!important;border-top:2px solid var(--natbla)!important;padding:18px 0 0!important}
main:not(#home-page) .ld-guides .blg .blc h3{font-size:1.5rem!important;margin:0 0 8px!important}
.ld-guides .blc p{font-size:1rem!important}
.ld-guides .blc-meta{margin-top:10px;font-weight:700;color:var(--signal)!important}
@media (max-width:960px){.ld-guides .blg{grid-template-columns:1fr 1fr!important}}
@media (max-width:560px){.ld-guides .blg{grid-template-columns:1fr!important}}
.ld-tabel{--sek-bg:var(--himmel)!important}
.ld-tabel .art-body{max-width:none!important;padding-top:0!important}
.ld-tabel .art-body > p{max-width:68ch;margin-bottom:24px!important}
.ld-tabel table{background:#fff!important;font-size:.95rem!important}
.ld-tabel thead tr{background:var(--natbla)!important}
.ld-tabel th{color:#fff!important}
.ld-tabel td a{color:var(--signal)!important;font-weight:700!important}
.ld-faq{--sek-bg:var(--sandgul)!important}
.ld-qgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px 56px}
.ld-q{border-top:2px solid var(--natbla);padding-top:20px}
main:not(#home-page) .ld-q h2{font-size:clamp(1.6rem,2.3vw,2rem)!important;line-height:1.05!important;margin:0 0 12px!important}
.ld-q p{font-size:1.0625rem!important}
@media (max-width:760px){.ld-qgrid{grid-template-columns:1fr}}
/* Tabellen: tekst øverst i cellen, landsdel som lille overskrift, tydelige rækker */
.ld-tabel h2{font-size:clamp(2.1rem,3.6vw,3.2rem)!important;margin-bottom:14px!important}
.ld-tabel table{border-radius:6px;overflow:hidden}
.ld-tabel :is(th,td){vertical-align:top!important;padding:14px 18px!important;line-height:1.5}
.ld-tabel th{font-weight:700!important;font-size:.9rem!important}
.ld-tabel td:first-child a{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800!important;font-size:1.2rem;text-decoration:none!important;color:var(--natbla)!important}
.ld-tabel td:first-child a:hover{text-decoration:underline!important;color:var(--signal)!important}
.ld-tabel td:nth-child(3){color:#475569}
.ld-tabel tbody tr:hover{background:#f6f8ff}
/* ---------- Bytal og kommunetal ----------
Én flade pr. emne: hurtige svar (papir), største byer (himmel), skrumper (sand), vækst/tilbagegang (himmel), søgning (papir) */
main > section.tal-sek:nth-of-type(3){--sek-bg:var(--himmel)!important}
main > section.tal-sek:nth-of-type(4){--sek-bg:var(--sandgul)!important}
main > section.tal-sek:nth-of-type(5){--sek-bg:var(--himmel)!important}
main > section.tal-sek:nth-of-type(6){--sek-bg:var(--papir)!important}
main > section.tal-sek:last-of-type{--sek-bg:var(--papir)!important}
main > section.tal-sek h2{font-size:clamp(2.1rem,3.6vw,3.2rem)!important;margin-bottom:14px!important}
/* Hurtige svar: to kolonner, hvert par spørgsmål/svar med streg foroven */
main > section.svar{max-width:1100px!important}
.svar dl{display:grid;grid-template-columns:1fr 1fr;gap:36px 48px;margin-top:32px;border:none!important}
.svar-par{border-top:2px solid var(--natbla);padding-top:18px}
.svar-par > dt{border:none!important;padding:0!important;margin:0 0 8px!important;
font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800!important;font-size:1.35rem!important;line-height:1.15!important;color:var(--natbla)!important}
.svar-par > dd{margin:0!important;padding:0!important;border:none!important;font-size:1.0625rem!important;line-height:1.6!important;color:#1f2937!important}
@media (max-width:760px){.svar dl{grid-template-columns:1fr}}
/* Top-lister: ingen ekstra luft over underoverskriften, rækker med tynde streger */
main > section.tal-sek .g2 > div > h3:first-child,main > section.tal-sek [style*="grid"] > div > h3:first-child{margin-top:0!important}
main > section.tal-sek .g2 > div,main > section.tal-sek [style*="grid-template-columns"] > div{padding-top:18px!important}
main > section.tal-sek ol{list-style:none!important;counter-reset:n;padding:0!important;margin:12px 0 0!important}
main > section.tal-sek ol > li{counter-increment:n;display:flex;gap:14px;align-items:baseline;padding:10px 0!important;border-bottom:1px solid rgba(15,23,42,.15);margin:0!important}
main > section.tal-sek ol > li::before{content:counter(n);font-family:'Archivo',Impact,sans-serif;font-stretch:72%;font-weight:800;font-size:1.2rem;color:var(--signal);min-width:22px}
main > section.tal-sek ol[start="6"]{counter-reset:n 5}
/* Søgefelt og tabel */
main > section.tal-sek input[type="search"],main > section.tal-sek input[type="text"]{border:2px solid var(--natbla)!important;border-radius:6px!important;font-size:1.05rem!important}
main > section.tal-sek table{background:#fff!important;border-radius:6px;overflow:hidden}
main > section.tal-sek thead tr,main > section.tal-sek thead th{background:var(--natbla)!important;color:#fff!important}
/* ---------- Finansiering: tre flader og mere luft omkring teksten ---------- */
main > section.fi-kilder{--sek-bg:var(--papir)!important}
main > section.fi-udkast{--sek-bg:var(--himmel)!important}
main > section.fi-gang{--sek-bg:var(--sandgul)!important}
main > section.fi-sek h2{font-size:clamp(2.1rem,3.6vw,3.2rem)!important;margin:0 0 14px!important}
main > section.fi-sek > p{max-width:62ch}
/* Fire finansieringskilder: etiket, kort titel, ét afsnit, punkter som rækker */
.fund-grid{gap:48px 56px!important;margin-top:36px!important}
main:not(#home-page) .fund-card > div:first-child,.fund-card .fc-tag{font-size:.85rem!important;font-weight:700!important;color:var(--signal)!important;margin-bottom:4px}
main:not(#home-page) .fund-card h3{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%!important;font-weight:800!important;font-size:1.55rem!important;line-height:1.1!important;margin:0 0 10px!important}
main:not(#home-page) .fund-card p{font-size:1rem!important;line-height:1.6!important;color:#334155!important}
.fund-card ul{margin-top:14px!important}
.fund-card li{font-size:.98rem!important;padding:9px 0!important;border-bottom:1px solid rgba(15,23,42,.14)!important;color:#1f2937!important}
.fund-card li:first-child{border-top:1px solid rgba(15,23,42,.14)}
.fund-card li::before{background-image:url("data:image/svg+xml;utf8,")!important}
/* "Vigtigt" som rolig note i natblå tekst med blå kant */
.callout{background:transparent!important;border-left:3px solid var(--signal)!important;border-radius:0!important;padding:4px 0 4px 20px!important;margin:48px 0 0!important;max-width:62ch}
.callout p{color:#1f2937!important;font-size:1rem!important}
/* Skabelonen: natblå objekt, bredere luft, kursiv væk for læsbarhed */
.tmpl{background:var(--natbla)!important;border-radius:8px!important;padding:36px 40px!important;margin-top:28px!important}
.tmpl p,.tmpl em,.tmpl i{font-style:normal!important}
.tmpl p{margin-bottom:14px!important;max-width:70ch}
/* Trin: store tal i overskriftsskrift og streg imellem */
.steps{list-style:none!important;counter-reset:t;padding:0!important;margin-top:24px!important;max-width:760px}
.steps li{counter-increment:t;display:flex!important;gap:20px;align-items:baseline;padding:16px 0!important;border-top:1px solid rgba(15,23,42,.2);margin:0!important;font-size:1.0625rem!important}
.steps li:last-child{border-bottom:1px solid rgba(15,23,42,.2)}
.steps li::before{content:counter(t)!important;font-family:'Archivo',Impact,sans-serif;font-stretch:72%;font-weight:800;font-size:1.8rem;line-height:1;color:var(--natbla);min-width:24px;background:none!important;width:auto!important;height:auto!important;border-radius:0!important;display:block!important;position:static!important}
/* Argumentet til kommunen som natblå streg-note */
.amp-box{background:transparent!important;border:none!important;border-left:3px solid var(--natbla)!important;border-radius:0!important;padding:4px 0 4px 20px!important;margin-top:32px!important;color:#1f2937!important;font-size:1rem!important;max-width:70ch}
.amp-box small{display:block;margin-top:8px;font-size:.85rem!important;color:#334155!important}
/* ---------- Blogindlæg (skabelon for alle artikler) ----------
Én læsekolonne, ingen farvesegmentering i selve teksten. Hero i fersken som de andre sider,
tydelige mellemrubrikker, bokse i ShieldUp-farver, læsebredde ca. 68 tegn */
article{--g1:var(--natbla);--g2:var(--natbla);--g3:var(--signal);--im:#1f2937;--it:#334155;--ih:#475569}
.art-hero{background:var(--fersken)!important;padding:140px 0 64px!important}
.art-hero-in,.art-body,.art-related-in{max-width:720px!important}
.art-hero h1{font-size:clamp(2.6rem,5vw,4rem)!important;line-height:1!important;margin:10px 0 22px!important;max-width:none!important}
.art-meta{font-size:.9rem!important;color:#334155!important;gap:10px!important}
.art-meta .art-by{font-weight:700;color:var(--natbla)!important}
.art-hero .cat-tag{font-size:.9rem!important}
.art-body{padding:64px 22px 48px!important}
.art-body p,.art-body li{font-size:1.0625rem!important;line-height:1.75!important;color:#1f2937!important}
.art-body p{margin-bottom:18px!important}
.art-body strong{color:var(--natbla)!important;font-weight:700!important}
/* Mellemrubrikker: større og med luft over, så artiklen får tydelige afsnit */
.art-body h2{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%!important;font-weight:800!important;font-size:clamp(1.7rem,2.6vw,2.1rem)!important;line-height:1.08!important;margin:56px 0 14px!important;color:var(--natbla)!important;padding-top:20px;border-top:2px solid var(--natbla)}
.art-body h3{font-family:'Open Sans',system-ui,sans-serif!important;font-stretch:100%!important;font-size:1.15rem!important;font-weight:700!important;margin:32px 0 8px!important}
.art-body a:not(.btn){color:var(--signal)!important;text-decoration:underline;text-underline-offset:3px}
.art-body a:not(.btn):hover{text-decoration-thickness:2px}
/* Kort fortalt: himmel-boks med fede natblå punkter */
.tldr{background:var(--himmel)!important;border:none!important;border-radius:8px!important;padding:26px 30px!important;margin:0 0 40px!important}
.tldr-h{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800!important;font-size:1.3rem!important;color:var(--natbla)!important;letter-spacing:0!important;margin-bottom:12px!important}
.tldr li{font-size:1rem!important;line-height:1.55!important;padding:8px 0 8px 22px!important;margin:0!important;border-top:1px solid rgba(15,23,42,.15)}
.tldr li::before{background:var(--natbla)!important;border-radius:0!important;width:7px!important;height:2px!important;top:20px!important}
/* Tip-boks: sand flade */
.art-callout{background:var(--sandgul)!important;border:none!important;border-radius:8px!important;padding:20px 24px!important;margin:32px 0!important}
.art-callout p{font-size:1rem!important;color:#1f2937!important}
.art-callout a{color:var(--natbla)!important}
/* Tabeller: hvid med natblå hoved */
.tblwrap{border:none!important;border-radius:6px!important;margin:28px 0 10px!important}
.art-body thead th{background:var(--natbla)!important;color:#fff!important;border:none!important}
.art-body tbody td{border-bottom:1px solid rgba(15,23,42,.1)!important;color:#1f2937!important;font-size:.95rem}
.art-body tbody tr:hover{background:#f6f8ff}
/* CTA i artiklen: natblå objekt */
.art-cta{background:var(--natbla)!important;border-radius:8px!important}
.art-cta h3{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-size:1.5rem!important;color:var(--sandgul)!important}
.art-cta p{color:#e6e1d6!important}
/* Relaterede artikler: himmel-flade */
.art-related{background:var(--himmel)!important;padding:80px 0!important}
/* "Læs også" under artikler: ikke en hero. Himmel-flade, normal luft, bredere så titlerne ikke brydes i 5 linjer */
main:not(#home-page) > section.art-related{--sek-bg:var(--himmel)!important;background:var(--himmel)!important;min-height:0!important;display:block!important;padding:72px 0 80px!important}
.art-related .art-related-in{max-width:1100px!important}
.art-related-in > :is(h2,h3,div,p):first-child{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%!important;font-weight:800!important;font-size:clamp(1.8rem,2.8vw,2.4rem)!important;line-height:1!important;color:var(--natbla)!important;margin:0 0 28px!important}
.art-related .blg{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:32px 40px!important}
main:not(#home-page) .art-related .blg .blc,main:not(#home-page) .art-related .blg .blc:first-child{display:block!important;border:none!important;border-top:2px solid var(--natbla)!important;padding:18px 0 0!important}
main:not(#home-page) .art-related .blc h3{font-size:1.35rem!important;line-height:1.12!important;margin:6px 0 10px!important}
.art-related .blc:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:760px){.art-related .blg{grid-template-columns:1fr!important}}
/* Artikler: ingen papirstribe mellem menu og hero. Heroens egen luft dækker menuen */
main > article{padding-top:0!important}
/* "Læs også" som rigtig overskrift */
.art-related-in > .lbl{display:block;font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%!important;font-weight:800!important;font-size:clamp(1.8rem,2.8vw,2.4rem)!important;line-height:1!important;color:var(--natbla)!important;margin:0 0 28px!important;text-transform:none!important;letter-spacing:0!important}
/* Footer med fire menukolonner: Blisko (om, blog, kontakt), Ydelser, Fokusområder, Ressourcer */
footer .fi{grid-template-columns:1.5fr repeat(4,1fr)!important;gap:40px!important}
@media (max-width:960px){footer .fi{grid-template-columns:1fr 1fr!important}}
/* ---------- Om-siden ----------
Personlig historie: én læsekolonne med fakta-sidespalte, men uden de store huller.
Hvert kapitel adskilles af en natblå streg i stedet for 140 px tom luft */
.om-krop{padding-top:72px!important;padding-bottom:88px!important;gap:64px!important}
.om-krop section.om-note{padding:28px 0 48px!important;border-top:2px solid var(--natbla);background:transparent!important;box-shadow:none!important;clip-path:none!important;min-height:0!important}
.om-krop section.om-note:first-of-type{border-top:none;padding-top:0!important}
.om-krop section.om-note h2{font-size:clamp(1.9rem,3vw,2.5rem)!important;margin:0 0 14px!important}
/* Sidespalten: klæber mens man læser, etiketter i blå */
.om-krop > aside,.om-krop > div:first-child{position:sticky;top:110px;align-self:start}
.om-krop > :first-child :is(dt,small,span,div)[class*="l"],.om-krop > :first-child dt{color:var(--signal)!important;font-weight:700!important;font-size:.85rem!important}
/* 5 af 20: tallet stort */
.om-krop strong:first-child:is([class*="tal"],[class*="n"]),.om-tyve strong{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800;font-size:1.8rem;color:var(--natbla)}
.om-tyve{background:#fff!important;border:none!important;border-top:2px solid var(--natbla)!important;border-radius:0!important;padding:20px 22px!important}
.om-prikker > *{border-radius:2px!important}
/* Ja/Nej-listen: to kolonner med tydelige overskrifter */
.om-ja-nej{border-color:rgba(15,23,42,.18)!important}
/* Citatet: større, natblå streg */
.om-krop blockquote{border-left:3px solid var(--natbla)!important;padding-left:20px!important;font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-style:normal!important;font-weight:800!important;font-size:1.6rem!important;line-height:1.15!important;color:var(--natbla)!important;margin-top:28px!important}
/* Kontakt nederst: natblå flade, så den ikke ligner heroen */
main:not(#home-page) > section.om-slut{--sek-bg:var(--natbla)!important;background:var(--natbla)!important;min-height:0!important;display:block!important;padding:88px 0!important;color:#e6e1d6}
.om-slut :is(h2,h3){color:var(--sandgul)!important}
.om-slut :is(p,li,dd,span){color:#e6e1d6!important}
.om-slut :is(dt,small,.lbl){color:#c9d3e4!important}
.om-slut a:not(.btn){color:var(--sandgul)!important}
.om-slut .btn{background:var(--sandgul)!important;color:var(--natbla)!important}
.om-slut .om-kontakt{border-top-color:var(--sandgul)!important}
.om-slut .om-kontakt *{border-color:rgba(246,241,231,.2)!important}
main:not(#home-page) > section.om-slut :is(p,li,dd){color:#e6e1d6!important}
/* ---------- Mobil (v15) ---------- */
/* 1. Sektioner der selv er .wrap mistede sidemargen: reglen med :not(#home-page) havde højere prioritet */
main:not(#home-page) > section.wrap,main#home-page > section.wrap{padding-left:22px!important;padding-right:22px!important}
@media (max-width:640px){
main:not(#home-page) > section.wrap{padding-left:18px!important;padding-right:18px!important}
}
/* 2. Kommunale pristrin: grønne toner -> rækker som de andre prislister, sidste trin natblå */
:root{--trin1:transparent;--trin2:transparent;--trin3:transparent}
main:not(#home-page) div[style*="background:var(--trin"]{background:transparent!important;border-radius:0!important;border-top:1px solid rgba(15,23,42,.18);padding:16px 0!important;margin:0!important}
/* 3. Fast "Book en snak"-bjælke på mobil: natblå med sand knap, så den hører til siden */
.mcta{background:rgba(15,23,42,.97)!important;border-top:none!important}
.mcta .btn{background:var(--sandgul)!important;color:var(--natbla)!important;border:none!important}
/* 4. Tabeller: ikke under 13 px på mobil, og tal-tabeller kan scrolles vandret */
@media (max-width:640px){
main table :is(td,th){font-size:.85rem!important;padding:10px 10px!important}
main section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* Forskning: forsk-body havde padding 0 for fuld-bredde-fladerne, men skal stadig have sidemargen */
main:not(#home-page) > section#forsk-body{padding-left:22px!important;padding-right:22px!important}
@media (max-width:640px){main:not(#home-page) > section#forsk-body{padding-left:18px!important;padding-right:18px!important}}
/* Om: sidespalten klæber kun fast på desktop */
@media (max-width:960px){.om-krop > aside,.om-krop > div:first-child{position:static!important}}
/* Mobil: store overskrifter lidt mindre, så de ikke fylder hele skærmen */
@media (max-width:640px){
main:not(#home-page) h1,.art-hero h1{font-size:2.5rem!important}
section h2{font-size:2.05rem!important}
main:not(#home-page) > section:first-of-type,main:not(#home-page) .blog-hero,main:not(#home-page) .om-top{min-height:0!important;padding:110px 0 56px!important}
.art-hero{padding:110px 0 44px!important}
}
/* Landsdelstabel på mobil: hver landsdel som blok (navn, afgrænsning, byer) i stedet for tre smalle kolonner */
@media (max-width:640px){
.ld-tabel table,.ld-tabel tbody,.ld-tabel tr,.ld-tabel td{display:block!important;width:auto!important}
.ld-tabel thead{display:none!important}
.ld-tabel tr{padding:14px 16px!important;border-bottom:1px solid rgba(15,23,42,.12)}
.ld-tabel td{padding:2px 0!important;font-size:.95rem!important;white-space:normal!important}
.ld-tabel td:first-child a{font-size:1.3rem!important}
}
/* Landsdel-tabellen bruger .art-body, men er ikke en artikel: ingen ekstra indryk og ingen artikel-streg over H2 */
.ld-tabel .art-body{padding:0!important}
.ld-tabel .art-body h2{border-top:none!important;padding-top:0!important;margin-top:0!important}
@media (max-width:640px){.ld-tabel td{border:none!important}}
/* ---------- Rettelser fra code review 2. okt ---------- */
/* Fokusramme: lys sand på mørke og blå flader, hvor signalblå ikke kan ses (krav 3:1) */
:is(#contact,#problem,#audiences,.om-slut,.cta-box,.art-cta,.pc.pop,.tmpl,footer,.mcta,.led-1,
main:not(#home-page) > section[style*="background:var(--g1)"],#forsk-body .fsek:nth-of-type(2))
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #f3e3a6!important;outline-offset:3px}
/* Bloggens indholdsfortegnelse: synlig venstrestreg igen */
.toc{border-left-color:#1e40af!important;background:transparent!important}
/* Mobil: "Læs også" og Om-sidens kontakt er ikke heroes, selv om de er første i */
@media (max-width:640px){
main:not(#home-page) > section.art-related{padding:56px 0 64px!important}
main:not(#home-page) > section.om-slut{padding:64px 0!important}
}
/* 404-siden: det store tal var papirfarve på papir */
.e-code{color:#1e40af!important}
/* ---------- Rettelser 2. okt (code review 2 + UX + AI-sprog) ---------- */
/* Blogfilter: filter.js skjuler kort med style.display='none'; display:grid!important må ikke vinde */
.blg .blc[style*="display: none"],.blg .blc[style*="display:none"],.blog-grid[style*="display: none"]{display:none!important}
/* Kontaktknap: når app.js sætter rød/blå baggrund, skal teksten være lys */
.fsub[style*="background"]{color:#fff!important}
/* Prisbokse: ingen versaler og ingen pille. Pakkenavn som almindelig fed tekst, "Anbefales" som tekst */
.pc-name{text-transform:none!important;letter-spacing:0!important;font-size:1.05rem!important}
.ptag{position:static!important;transform:none!important;display:block!important;background:transparent!important;border-radius:0!important;
padding:0!important;margin:0 0 8px!important;letter-spacing:0!important;font-size:.9rem!important;color:var(--sandgul)!important;text-align:left}
/* Forsidens spørgsmål: samme venstrekant som overskriften */
#faq-sec .faq-wrap{margin:32px 0 0!important;max-width:760px!important}
/* Runde punkttegn -> streger som resten af siden; ingen fodnoter under 13 px */
main section ul:not([class]):not([style]) > li::marker{content:''}
main section ul:not([class]):not([style]){list-style:none!important;padding-left:0!important}
main section ul:not([class]):not([style]) > li{padding:9px 0!important;border-bottom:1px solid rgba(15,23,42,.14);margin:0!important}
main section [style*="font-size:.7"],main section [style*="font-size:.6"]{font-size:.8125rem!important;line-height:1.5!important}
/* Mobil-hero: samme specificitet som den generelle hero-regel, så luften faktisk bliver mindre */
@media (max-width:640px){
main:not(#home-page) > section:first-of-type,main:not(#home-page) > header:first-child,
main:not(#home-page) .blog-hero,main:not(#home-page) .om-top,#blog-page .blog-hero{min-height:0!important;padding:110px 0 56px!important}
main:not(#home-page) > section.art-related{padding:56px 0 64px!important}
main:not(#home-page) > section.om-slut{padding:64px 0!important}
}
/* Hero er nu rød, så tal-sektionen skifter til natblå + sand (ShieldUps "Besejr DarkByte"-par) */
#problem{background:var(--natbla)!important;--tint:var(--sandgul)}
#problem h2,#problem .ps-n,#problem a{color:var(--sandgul)!important}
#problem p,#problem .ps-l,#problem li{color:#e6e1d6!important}
#problem .ps{border-top-color:rgba(243,227,166,.55)!important}
#problem .plist svg,#problem .plist span{color:var(--sandgul)!important}
#problem .plist li{border-color:rgba(246,241,231,.18)!important}
#contact .fsub[style*="background"]{color:#fff!important}
#problem .plist li{color:#e6e1d6!important}
/* Kun krydset i sand, selve teksten lys */
#problem .plist li > span:not(.px){color:#e6e1d6!important}
#problem .plist .px{color:var(--sandgul)!important;background:transparent!important}
/* Mobilmenu: store links i overskriftsskriften (den globale a{Open Sans!important} må ikke vinde) */
#mob .mob-liste > a:not(.n-cta),#mob .mob-logo{font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%!important}
/* ---------- Mobilrettelser 2. okt ---------- */
/* Bloglisten: datoen og kategorien må ikke dele celle; filtret er én vandret rulleliste */
@media (max-width:640px){
main:not(#home-page) .blg .blc:not([style*="display: none"]){display:block!important}
.blc-meta{margin-top:8px!important}
.fbtn-row{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0 18px!important}
.fbtn-row::-webkit-scrollbar{display:none}
.fbtn-omr{flex:0 0 auto;white-space:nowrap}
}
/* Prikken mellem dato og læsetid kom aldrig med i ny form, så de stod sammen ("20269 min.") */
.bmd{display:inline-block!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important}
.bmd::before{content:"·"}
/* Tilkøbslisten: én tynd streg mellem alle rækker (kort-reglen gav hver anden en tyk natblå) */
main:not(#home-page) .addon-grid > div{border-top:1px solid rgba(15,23,42,.18)!important;padding:14px 0!important}
/* "Anbefalet" på foreningssiden: tekst, ikke pille */
main:not(#home-page) .g2 div[style*="background:var(--amp)"] span[style*="border-radius:100px"]{background:transparent!important;color:var(--sandgul)!important;padding:0!important;margin-left:8px!important;font-weight:700!important}
/* Landsdelssider: .art-body i en .wrap-sektion gav dobbelt indryk */
main:not(#home-page) > section.wrap > .art-body,main:not(#home-page) > section.wrap .art-body{padding-left:0!important;padding-right:0!important}
/* Forfatterlinket i artikler: større trykflade */
.art-meta .art-by{padding:8px 0}
/* .blc-body er et gitter, hvor datoen på mobil havnede i samme celle som kategorien */
@media (max-width:640px){.blc-body{display:flex!important;flex-direction:column}.blc-body > .cat-tag{order:0}.blc-meta{order:9;grid-row:auto!important}}
/* ---------- Mobil-UX 2. okt ---------- */
/* Forløbet: bogstaver i stedet for 01-04, ingen uge-mærker (fjernet i HTML) */
#how .hs-n{font-size:2.2rem!important}
@media (max-width:640px){
/* Samtykke-feltet er påkrævet for at sende formularen, så det skal kunne rammes med en finger */
#cf-gdpr{width:24px!important;height:24px!important;flex:0 0 24px;margin-top:0!important;accent-color:#f3e3a6}
label[for="cf-gdpr"]{font-size:.9rem!important;line-height:1.45!important;min-height:44px;color:#e6e1d6!important}
/* Logo og "til toppen" med trykflade på mindst 44 px */
#nav .logo{min-height:44px;display:inline-flex!important;align-items:center}
.scroll-top{width:48px!important;height:48px!important}
/* Den faste "Book en snak"-bjælke må ikke dække footerens nederste linjer */
body:has(.mcta) footer{padding-bottom:96px!important}
/* Lidt mindre luft mellem sektioner på telefon: siden var 15-18 skærme lang */
section{padding-top:60px!important;padding-bottom:60px!important}
#home-page section .led{padding:56px 0 60px!important}
}
/* Forløbs-gitteret havde runde hjørner med overflow:hidden, som klippede den første streg til en pille */
.how-grid{border-radius:0!important;overflow:visible!important}
/* ---------- Menu i Tubik-stil (desktop) ----------
Fuld bredde: logo yderst til venstre, store links i midten, "book en snak" som blå tekst yderst til højre.
Linkene er markante (op til 2 rem), små bogstaver og stram spatiering; rulle-hoveret fra nav.js beholdes. */
@media (min-width:941px){
#nav{padding:22px 0!important}
#nav .nav-in{max-width:none!important;padding:0 clamp(24px,3.4vw,56px)!important;position:relative}
#nav .logo{font-size:clamp(1.7rem,2.2vw,2.5rem)!important}
#nav .nl{flex:1;justify-content:center;gap:clamp(18px,2.4vw,40px)!important}
#nav .nl a:not(.n-cta){font-family:'Open Sans',system-ui,sans-serif!important;font-size:clamp(1.25rem,1.9vw,2.3rem)!important;font-weight:600!important;letter-spacing:-.035em!important;color:var(--natbla)!important}
#nav .nl a:not(.n-cta):hover{text-decoration:none!important;color:var(--natbla)!important}
#nav .nl li:last-child{position:absolute;right:clamp(24px,3.4vw,56px);top:50%;transform:translateY(-50%)}
#nav .nl a.n-cta,#nav a.n-cta{background:transparent!important;color:var(--signal)!important;padding:4px 0!important;border-radius:0!important;
font-size:clamp(1.25rem,1.9vw,2.3rem)!important;font-weight:600!important;letter-spacing:-.035em!important;text-transform:lowercase!important}
#nav a.n-cta:hover{transform:none!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:6px}
}
/* Mellemstore skærme: linkene må ikke løbe ind i logo og knap */
@media (min-width:941px) and (max-width:1180px){
#nav .nl{justify-content:flex-start;padding-left:clamp(24px,4vw,56px)}
}
/* "book en snak" i menuen: tekst + pil i en cirkel, så den læses som en handling og ikke bare et link.
Hover: cirklen fyldes, pilen glider frem, og en streg vokser ind under teksten. */
@media (min-width:941px){
#nav .nl a.n-cta{display:inline-flex!important;align-items:center;gap:14px;
background-image:linear-gradient(currentColor,currentColor)!important;background-repeat:no-repeat!important;
background-size:0% 2px!important;background-position:0 100%!important;transition:background-size .3s ease,color .2s!important}
#nav .nl a.n-cta::after{content:"\2192";display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
width:1.55em;height:1.55em;border-radius:50%;border:2px solid currentColor;font-size:.62em;font-weight:700;letter-spacing:0;
transition:background-color .25s,color .25s,transform .25s}
#nav .nl a.n-cta:hover,#nav .nl a.n-cta:focus-visible{opacity:1!important;text-decoration:none!important;background-size:calc(100% - 1.55em*.62 - 14px) 2px!important}
#nav .nl a.n-cta:hover::after,#nav .nl a.n-cta:focus-visible::after{background:#1e40af!important;border-color:#1e40af!important;color:#fff!important;transform:translateX(4px)}
}
@media (min-width:941px) and (prefers-reduced-motion:reduce){#nav .nl a.n-cta::after{transition:none}#nav .nl a.n-cta:hover::after{transform:none}}
/* ---------- Forside-flow (problem → ydelser → forløb → priser) ---------- */
/* Knap lige efter tallene, hvor læseren er mest overbevist */
#problem .problem-cta{margin-top:28px!important}
#problem .problem-cta .btn{background:var(--sandgul)!important;color:var(--natbla)!important}
/* Ydelser: navnene på en række, så hvert led kan læses på få sekunder */
#services .led-liste{list-style:none!important;padding:0!important;margin:8px 0 0!important;display:flex;flex-wrap:wrap;gap:0;max-width:none!important;border-top:2px solid currentColor}
#services .led-liste li{flex:1 1 220px;margin:0!important;padding:18px 24px 18px 0!important;border:none!important;
font-family:'Archivo',Impact,sans-serif!important;font-stretch:72%;font-weight:800;font-size:clamp(1.3rem,1.9vw,1.6rem)!important;line-height:1.1!important;color:var(--tint,#0f172a)!important}
#services .led-1 .led-liste li{color:var(--sandgul)!important}
#services .led-liste a{color:inherit!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
#services .led-link{margin-top:6px!important}
#services .led-link a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
#services .led-1 .led-link a{color:var(--sandgul)!important}
#services .led{padding:64px 0 68px!important}
/* Priser som teaser */
#pricing .pris-fra{font-family:'Archivo',Impact,sans-serif!important;font-stretch:66%;font-weight:900;font-size:clamp(3rem,6vw,5rem)!important;line-height:1!important;color:var(--natbla)!important;margin:6px 0 14px!important}
#pricing .pris-tekst{max-width:56ch;font-size:1.1rem!important;line-height:1.6!important}
#pricing .pris-knapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
@media (max-width:640px){#services .led-liste li{flex-basis:100%;padding:14px 0!important;border-bottom:1px solid rgba(15,23,42,.14)!important}
#services .led-1 .led-liste li{border-bottom-color:rgba(246,241,231,.2)!important}#pricing .pris-knapper .btn{width:100%;justify-content:center}}
/* Logoet i menuen: diskret hover, så det også føles klikbart */
#nav .logo{transition:opacity .2s,color .2s}
#nav .logo:hover{opacity:.7}
/* Blogpilene: tydelig hover når de er aktive, og tydeligt slukket når de ikke er */
.bc-arrow{transition:background-color .2s,color .2s,border-color .2s!important}
#blog-sec .bc-arrow:not(:disabled):hover,.bc-arrow:not(:disabled):hover{background:var(--natbla)!important;color:#fff!important;border-color:var(--natbla)!important}
.bc-arrow:disabled{opacity:.35;cursor:default}
/* ---------- Kvalitetsrunde 6. okt ---------- */
/* Ingen tekst under 13 px uden for footeren: etiketter, kategorier, formularfelter, indholdsfortegnelse */
.toc-h,.cat-tag,.bc-cat,.fsek-mark,.ci-l,.fg label,.om-krop dt,.hs-tag,.blc-meta,.bf-meta,.art-meta,.pc-sub,.pc-y1,.fico,.sc-note{font-size:max(.8125rem,1em)!important}
.toc-h{font-size:.875rem!important;font-weight:700!important}
.fg label{font-size:.875rem!important}
/* Links i mørke CTA-bokse i artikler: sand i stedet for signalblå (2,05:1 på natblå) */
.art-cta a:not(.btn),.cta-box a:not(.btn),.tmpl a:not(.btn){color:#f3e3a6!important}
.om-kontakt dt,.om-krop dt{font-size:.875rem!important}
/* Kildelinjer under tabeller havde opacity:.75 inline, så links faldt under 4,5:1 */
main [style*="opacity:.75"],main [style*="opacity:.7"]{opacity:1!important;color:#334155!important}
/* Kontaktformular: synlig markering af felter der mangler, og hvilken pakke man spørger om */
#contact-form [aria-invalid="true"]{border-color:#f87171!important;box-shadow:0 0 0 2px #f87171!important}
#contact-form #cf-gdpr[aria-invalid="true"]{outline:2px solid #f87171;outline-offset:2px}
#contact-form .cf-pakke{margin:0 0 12px;padding:8px 12px;border-left:3px solid #f3e3a6;color:#f3e3a6!important;font-weight:700}
/* Bytabeller på landsdels- og regionssider */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bytabel{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}
.bytabel th{background:#0f172a;color:#fff;text-align:left;padding:10px 14px;font-weight:700}
.bytabel td{padding:9px 14px;border-bottom:1px solid rgba(15,23,42,.1);color:#1f2937}
.bytabel .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bytabel tbody tr:hover{background:#f6f8ff}
main section .tblwrap{max-height:520px;overflow:auto;border-radius:6px;margin:18px 0 8px}
.kildelinje{font-size:.875rem!important;color:#334155!important}
@media (max-width:640px){.bytabel td:nth-child(2),.bytabel th:nth-child(2){display:none}}