/* Flammepunkt – fælles stilpakke 1.7.1 (24.10.2026; 1.7.1 retter kun navne i tekst og kommentarer). Kilde: Design-System\faelles\. Regler: Design-System\DESIGN.md.
   1.7.0: AdminCenters komponenter (klokke, lås, trinmærke, Udgivelser, Server-tavle med dialog, lange tekster), faste lyse tokens
   (--fpn-fast-*), --fpn-slor, --fpn-r-mellem, --fpn-roed-tone-tekst; tilføjelserne følger Office' lys/mørk (fp-tema.js → fpTema.office()).
   Én sandhed for alle flader: hjemmesiden, Projekt Portal/admin/AdminCenter/Dashboard, Værktøjer, Cert, Viden og panelerne i Office.
   Kopiér HELE mappen (flammepunkt.css, skrifter\, ikoner\) ind i jeres egen server-mappe – intet hentes udefra.
   Ret aldrig i en kopi: ret her, og kopiér igen.

   Lys/mørk: lyst er standard. data-fp-tema="moerk" på <html> skifter alle tokens – kun når brugeren selv har valgt det i
   omskifteren (fp-tema.js), eller når siden beder om at følge enheden med data-fp-tema-auto. Hjemmesiden er altid lys.
   Komponenterne har præfikset fpn- (hjemmesidens indhold har egne fp-klasser med anden betydning, fx fp-tag, fp-card).
   De gamle fælles navne (--fp-flade, --fp-tekst, --fp-gloed …) peger på de nye, så kode, der allerede bruger dem, følger med. */

@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(skrifter/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(skrifter/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(skrifter/inter-latin-700-normal.woff2) format("woff2")}

/* ============ TOKENS – lys (standard) ============ */
:root{
/* faste lyse værdier (1.7.0): skifter ALDRIG med temaet. Toppen, dens telefonpanel og sidefoden står altid lyst (mærkerne kræver det),
   så de låser tokens til disse. De lyse tokens herunder peger på dem, så hver værdi kun står ét sted. */
--fpn-fast-papir:#FDFBF7;--fpn-fast-papir-2:#F8F5F0;--fpn-fast-papir-3:#EFEBE2;--fpn-fast-hvid:#FFFFFF;
--fpn-fast-kant:#E3DDD4;--fpn-fast-kant-staerk:#D0C9BF;--fpn-fast-feltkant:#867F79;
--fpn-fast-tekst-staerk:#251B12;--fpn-fast-tekst:#362C24;--fpn-fast-tekst-svag:#59514A;
--fpn-fast-groen:#006D47;--fpn-fast-groen-tekst:#005336;--fpn-fast-groen-lys:#D2F5E2;
--fpn-fast-obs:#8A5300;--fpn-fast-obs-lys:#FBF1DC;--fpn-fast-obs-tekst:#5C3B00;--fpn-fast-neutral:#433C34;
--fpn-fast-roed-lys:#FFE1D9;--fpn-fast-roed-tone-tekst:#952F0B;
--fpn-fast-skygge-hoej:0 2px 4px rgb(37 27 18 / .04),0 28px 56px -30px rgb(37 27 18 / .42);
/* flader */
--fpn-papir:var(--fpn-fast-papir);--fpn-papir-2:var(--fpn-fast-papir-2);--fpn-papir-3:var(--fpn-fast-papir-3);--fpn-hvid:var(--fpn-fast-hvid);
/* streger: kant = pynt/deler (ikke informationsbærende), feltkant = kant på felter og betjening (≥3:1) */
--fpn-kant:var(--fpn-fast-kant);--fpn-kant-staerk:var(--fpn-fast-kant-staerk);--fpn-feltkant:var(--fpn-fast-feltkant);
/* tekst */
--fpn-tekst-staerk:var(--fpn-fast-tekst-staerk);--fpn-tekst:var(--fpn-fast-tekst);--fpn-tekst-svag:var(--fpn-fast-tekst-svag);
/* ÉN handlingsrød = logoets røde. --fpn-roed er bund på knapper; --fpn-roed-tekst er rød tekst og tynde streger;
   --fpn-roed-tone-tekst er tekst på den tonede bund --fpn-roed-lys (mærkatet "her", fejlbokse) */
--fpn-roed:#B93A0E;--fpn-roed-moerk:#952F0B;--fpn-roed-tekst:var(--fpn-roed);--fpn-roed-lys:var(--fpn-fast-roed-lys);--fpn-paa-roed:#FFFFFF;--fpn-roed-tone-tekst:var(--fpn-fast-roed-tone-tekst);
/* tilstande (ikke handling): ok/resultat, obs, fejl, neutral */
--fpn-groen:var(--fpn-fast-groen);--fpn-groen-tekst:var(--fpn-fast-groen-tekst);--fpn-groen-lys:var(--fpn-fast-groen-lys);
--fpn-obs:var(--fpn-fast-obs);--fpn-obs-lys:var(--fpn-fast-obs-lys);--fpn-obs-tekst:var(--fpn-fast-obs-tekst);
--fpn-fejl:var(--fpn-roed-tekst);--fpn-fejl-lys:var(--fpn-roed-lys);
--fpn-neutral:var(--fpn-fast-neutral);--fpn-neutral-lys:#EFEAE5;
/* de fire produktfarver – KUN til at kende produkterne fra hinanden (mærket, evt. en tynd markering, produktets egen side) */
--fpn-produkt-portal:#B93A0E;--fpn-produkt-referencer:#047857;--fpn-produkt-vaerktoejer:#334155;--fpn-produkt-viden:#1D4ED8;
/* "du er her": produktets egen farve som markering (streg/prik, ≥3:1) og svag tone (aktiv række/paragraf). Aldrig knapfarve.
   Produktet vælges med data-fp-produkt="portal|referencer|vaerktoejer|viden" på <html>; uden det er markeringen neutral. */
--fpn-her:var(--fpn-tekst-staerk);--fpn-her-lys:color-mix(in srgb,var(--fpn-her) 9%,var(--fpn-papir));
/* fladen, produktmærkerne står på: altid lys, så alle fire mærker har mindst 3:1 (skifer og blå er for svage på mørk) */
--fpn-maerkeflade:var(--fpn-fast-papir);
/* dybde; --fpn-slor er bunden bag en dialog (::backdrop) */
--fpn-skygge:0 1px 2px rgb(37 27 18 / .05),0 12px 28px -20px rgb(37 27 18 / .3);
--fpn-skygge-hoej:var(--fpn-fast-skygge-hoej);
--fpn-slor:rgb(37 27 18 / .45);
/* form (--fpn-r-mellem: svævende paneler, faner, små kort) */
--fpn-r-kort:16px;--fpn-r-mellem:12px;--fpn-r-knap:10px;--fpn-r-lille:8px;--fpn-r-pille:999px;
/* skrift: Inter til alt – tekst (400), betjening (600) og overskrifter (700) (Mathias 24.10.2026: "Inter til alt") */
--fpn-skrift:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
/* overskrifter (h1–h4, fpn-h1–h4): Inter 700; tokenet bliver, så systemerne ikke skal ændres */
--fpn-skrift-overskrift:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
--fpn-h1:2.125rem;/* sidetitlen: 34 px på alle Flammepunkts sider (Mathias, svarsiden udg. 6, B3.3-ny) */--fpn-h2:clamp(1.6rem,1.25rem + 1.6vw,2.75rem);--fpn-h3:clamp(1.25rem,1.1rem + .8vw,1.75rem);--fpn-h4:clamp(1rem,.95rem + .4vw,1.25rem);
/* afstand (4-px-trin) */
--fpn-a1:4px;--fpn-a2:8px;--fpn-a3:12px;--fpn-a4:16px;--fpn-a5:24px;--fpn-a6:32px;--fpn-a7:48px;--fpn-a8:64px;--fpn-a9:96px;
/* bredder */
--fpn-bredde-smal:896px;--fpn-bredde-mellem:1240px;--fpn-bredde-bred:1520px;--fpn-bredde-lovtekst:1120px;--fpn-bredde-vaerktoej:1640px;
/* bevægelse */
--fpn-ud:cubic-bezier(.22,1,.36,1);--fpn-hurtig:.15s;--fpn-normal:.24s;
/* trykflade */
--fpn-tryk:44px;
/* kantluft: 16 px på telefon, 24 px fra 700 px, 32 px fra 1000 px (se LAYOUT) */
--fpn-kant-luft:16px;
/* gamle fælles navne -> nye værdier */
--fp-flade:var(--fpn-papir);--fp-tekst:var(--fpn-tekst);--fp-tekst-svag:var(--fpn-tekst-svag);--fp-streg:var(--fpn-kant-staerk);
--fp-gloed:var(--fpn-roed);--fp-paa-gloed:var(--fpn-paa-roed);--fp-gloed-lys:var(--fpn-roed-tekst);
--fp-skrift:var(--fpn-skrift);--fp-skrift-mono:var(--fpn-skrift);
--fp-bredde-smal:var(--fpn-bredde-smal);--fp-bredde-mellem:var(--fpn-bredde-mellem);--fp-bredde-bred:var(--fpn-bredde-bred);
--fp-bredde-lovtekst:var(--fpn-bredde-lovtekst);--fp-bredde-vaerktoej:var(--fpn-bredde-vaerktoej);
--fp-r-betjening:var(--fpn-r-knap);--fp-r-raekke:var(--fpn-r-kort);--fp-r-maerkat:var(--fpn-r-pille);--fp-ud:var(--fpn-ud);
color-scheme:light}

/* ============ TOKENS – mørk (kun produkterne; brugeren vælger selv) ============ */
[data-fp-tema="moerk"]{
--fpn-papir:#15120F;--fpn-papir-2:#1F1B17;--fpn-papir-3:#2A2520;--fpn-hvid:#211C18;
--fpn-kant:#3A332C;--fpn-kant-staerk:#4D453D;--fpn-feltkant:#8C847C;
--fpn-tekst-staerk:#F4F1EE;--fpn-tekst:#EAE7E4;--fpn-tekst-svag:#C7C3BF;
--fpn-roed-tekst:#E8703F;--fpn-roed-lys:#3A1D12;--fpn-roed-moerk:#9E300B;--fpn-roed-tone-tekst:#F3A27F;
--fpn-groen:#6FD3A0;--fpn-groen-tekst:#7FD8A9;--fpn-groen-lys:#0F2E22;
--fpn-obs:#E0A43A;--fpn-obs-lys:#33260F;--fpn-obs-tekst:#F2CB86;
--fpn-neutral:#D9D3CC;--fpn-neutral-lys:#2E2924;
--fpn-skygge:0 1px 2px rgb(0 0 0 / .4),0 12px 28px -18px rgb(0 0 0 / .7);
--fpn-skygge-hoej:0 2px 4px rgb(0 0 0 / .3),0 28px 56px -28px rgb(0 0 0 / .8);
--fpn-slor:rgb(0 0 0 / .6);
color-scheme:dark}
/* produktets "du er her" – lyse udgaver i mørk, så markeringen har ≥3:1 mod den mørke flade */
[data-fp-produkt="portal"]{--fpn-her:var(--fpn-produkt-portal)}
[data-fp-produkt="referencer"]{--fpn-her:var(--fpn-produkt-referencer)}
[data-fp-produkt="vaerktoejer"]{--fpn-her:var(--fpn-produkt-vaerktoejer)}
[data-fp-produkt="viden"]{--fpn-her:var(--fpn-produkt-viden)}
[data-fp-tema="moerk"][data-fp-produkt="portal"]{--fpn-her:#E8703F}
[data-fp-tema="moerk"][data-fp-produkt="referencer"]{--fpn-her:#4CC79A}
[data-fp-tema="moerk"][data-fp-produkt="vaerktoejer"]{--fpn-her:#CBD5E1}
[data-fp-tema="moerk"][data-fp-produkt="viden"]{--fpn-her:#86A8F5}
/* tal med faste bredder (tabeller, datoer, paragraffer, beløb) */
.fpn-tal{font-variant-numeric:tabular-nums}
/* LÅS TIL LYS: dele, der altid står på den lyse mærkeflade (toppens menu og knapper, klokke og lås i toppen, sidefoden i mørk),
   får de faste lyse værdier. Telefonpanelet under toppen låses på samme måde (se TOP). */
.fpn-hoved__nav,.fpn-hoved :is(.fpn-laas,.fpn-klokke__knap),[data-fp-tema="moerk"] .fpn-fod{
--fpn-papir-2:var(--fpn-fast-papir-2);--fpn-papir-3:var(--fpn-fast-papir-3);--fpn-hvid:var(--fpn-fast-hvid);
--fpn-kant:var(--fpn-fast-kant);--fpn-kant-staerk:var(--fpn-fast-kant-staerk);--fpn-feltkant:var(--fpn-fast-feltkant);
--fpn-tekst-staerk:var(--fpn-fast-tekst-staerk);--fpn-tekst:var(--fpn-fast-tekst);--fpn-tekst-svag:var(--fpn-fast-tekst-svag);
--fpn-groen:var(--fpn-fast-groen);--fpn-groen-tekst:var(--fpn-fast-groen-tekst);--fpn-groen-lys:var(--fpn-fast-groen-lys);
--fpn-roed-tekst:var(--fpn-roed);--fpn-roed-lys:var(--fpn-fast-roed-lys);--fpn-roed-tone-tekst:var(--fpn-fast-roed-tone-tekst);color-scheme:light}

/* ============ GRUND (sæt klassen fpn-grund på <body>, hvis systemet ikke har sin egen) ============ */
.fpn-grund{margin:0;background:var(--fpn-papir);color:var(--fpn-tekst);font:400 1rem/1.65 var(--fpn-skrift);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;caret-color:var(--fpn-roed-tekst)}
.fpn-grund ::selection{background:var(--fpn-roed-lys);color:var(--fpn-tekst-staerk)}
.fpn-grund :focus-visible{outline:3px solid var(--fpn-roed-tekst);outline-offset:3px;border-radius:4px}
/* røde links kun i løbende tekst (fpn-prosa, fpn-laes) – navigation, menuer og knapper har deres egen farve */
.fpn-grund :where(a){color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
.fpn-grund :where(a):hover{text-decoration-thickness:2px}
:is(.fpn-prosa,.fpn-laes) a:not([class]){color:var(--fpn-roed-tekst)}
.fpn-grund :is(h1,h2,h3,h4){color:var(--fpn-tekst-staerk);font-family:var(--fpn-skrift-overskrift);font-weight:700;letter-spacing:-.025em;line-height:1.15;text-wrap:balance}
.fpn-grund{scrollbar-color:var(--fpn-kant-staerk) var(--fpn-papir-2)}

/* ============ TYPOGRAFI ============ */
.fpn-h1,.fpn-h2,.fpn-h3,.fpn-h4{margin:0;color:var(--fpn-tekst-staerk);font-family:var(--fpn-skrift-overskrift);font-weight:700;line-height:1.12;text-wrap:balance}
.fpn-h1{font-size:var(--fpn-h1);letter-spacing:-.04em;line-height:1.04}
.fpn-h2{font-size:var(--fpn-h2);letter-spacing:-.03em}
.fpn-h3{font-size:var(--fpn-h3);letter-spacing:-.02em;line-height:1.25}
.fpn-h4{font-size:var(--fpn-h4);letter-spacing:-.01em;line-height:1.3}
.fpn-lead{margin:0;max-width:40rem;color:var(--fpn-tekst-svag);font-size:1.1875rem;line-height:1.6}
.fpn-lille{font-size:.875rem;line-height:1.5;color:var(--fpn-tekst-svag)}
.fpn-etiket{color:var(--fpn-tekst-svag);font:600 .8125rem/1.4 var(--fpn-skrift)}

/* ============ LAYOUT ============ */
.fpn-ramme{box-sizing:border-box;width:100%;max-width:calc(var(--fpn-bredde-mellem) + 2 * var(--fpn-kant-luft));margin-inline:auto;padding-inline:var(--fpn-kant-luft)}
.fpn-ramme--smal{max-width:calc(var(--fpn-bredde-smal) + 2 * var(--fpn-kant-luft))}
.fpn-ramme--bred{max-width:calc(var(--fpn-bredde-bred) + 2 * var(--fpn-kant-luft))}
.fpn-ramme--lovtekst{max-width:calc(var(--fpn-bredde-lovtekst) + 2 * var(--fpn-kant-luft))}
.fpn-ramme--vaerktoej{max-width:calc(var(--fpn-bredde-vaerktoej) + 2 * var(--fpn-kant-luft))}
@media (min-width:700px){:root{--fpn-kant-luft:24px}}
@media (min-width:1000px){:root{--fpn-kant-luft:32px}}
/* AutoGrid: data-kol="2|3|4|5|6" – én spalte på telefon, to fra 640 px, alle fra 1024 px */
.fpn-gitter{display:grid;gap:var(--fpn-gitter-luft,20px);grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.fpn-gitter:not([data-kol="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){
.fpn-gitter[data-kol="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.fpn-gitter[data-kol="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.fpn-gitter[data-kol="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.fpn-gitter[data-kol="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* ============ IKONER (ikoner\*.svg; samme streg 1,75 overalt) ============ */
.fpn-ikon{flex:none;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.25em}
.fpn-ikon--ok{color:var(--fpn-groen)}

/* ============ KNAPPER: rød = hovedhandling (højst én pr. område), stille = alt andet ============ */
.fpn-knap{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:var(--fpn-tryk);padding:10px 18px;border:1px solid var(--fpn-roed);border-radius:var(--fpn-r-knap);background:var(--fpn-roed);color:var(--fpn-paa-roed);font:600 .9375rem/1.2 var(--fpn-skrift);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--fpn-hurtig) var(--fpn-ud),border-color var(--fpn-hurtig) var(--fpn-ud),transform var(--fpn-hurtig) var(--fpn-ud)}
.fpn-knap:hover{background:var(--fpn-roed-moerk);border-color:var(--fpn-roed-moerk);color:var(--fpn-paa-roed);text-decoration:none}
.fpn-knap:active{transform:translateY(1px)}
.fpn-knap--stille{border-color:var(--fpn-kant-staerk);background:var(--fpn-hvid);color:var(--fpn-tekst-staerk)}
.fpn-knap--stille:hover{border-color:var(--fpn-feltkant);background:var(--fpn-papir-2);color:var(--fpn-tekst-staerk)}
.fpn-knap--flad{border-color:transparent;background:transparent;color:var(--fpn-tekst-staerk)}
.fpn-knap--flad:hover{border-color:transparent;background:var(--fpn-papir-3);color:var(--fpn-tekst-staerk)}
/* på en rød flade (fx afslutningsbånd) */
.fpn-knap--lys{border-color:var(--fpn-fast-hvid);background:var(--fpn-fast-hvid);color:#952F0B}
.fpn-knap--lys:hover{border-color:#FFF2EF;background:#FFF2EF;color:#952F0B}
.fpn-knap--kontur-lys{border-color:rgb(255 255 255 / .85);background:transparent;color:var(--fpn-fast-hvid)}
.fpn-knap--kontur-lys:hover{border-color:var(--fpn-fast-hvid);background:rgb(255 255 255 / .12);color:var(--fpn-fast-hvid)}
.fpn-knap:is(:disabled,[aria-disabled="true"]){opacity:.55;cursor:not-allowed;transform:none}
/* indlæsning: aria-busy="true" – teksten bliver stående, en lille ring drejer */
.fpn-knap[aria-busy="true"]{cursor:progress}
.fpn-knap[aria-busy="true"]::before{content:"";width:1em;height:1em;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fpn-drej .8s linear infinite}
@keyframes fpn-drej{to{transform:rotate(360deg)}}
/* knap kun med ikon: skal have aria-label */
.fpn-knap--ikon{min-width:var(--fpn-tryk);padding-inline:10px}

/* lys/mørk-omskifteren: siger, hvad den skifter TIL ("Mørk"/"Lys"); skjult hjælpetekst "Skift udseende". Ikke på hjemmesiden. */
/* brug: <button class="fpn-knap fpn-knap--stille fpn-tema-knap" data-fpn-tema-knap> (se fp-tema.js) */
.fpn-tema-knap .fpn-ikon--maane{display:inline}.fpn-tema-knap .fpn-ikon--sol{display:none}
[data-fp-tema="moerk"] .fpn-tema-knap .fpn-ikon--maane{display:none}[data-fp-tema="moerk"] .fpn-tema-knap .fpn-ikon--sol{display:inline}

/* ============ MÆRKATER: status i ord; prikken gentager (fyldt = her/aktiv, tom = kræver log-ind, stiplet = kommer) ============ */
.fpn-maerkat{display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:100%;box-sizing:border-box;padding:3px 11px 3px 9px;border-radius:var(--fpn-r-pille);background:var(--fpn-neutral-lys);color:var(--fpn-neutral);font:600 .75rem/1.5 var(--fpn-skrift);letter-spacing:.01em}
.fpn-maerkat::before{content:"";flex:none;box-sizing:border-box;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%}
.fpn-maerkat--her{background:var(--fpn-roed-lys);color:var(--fpn-roed-tone-tekst)}
.fpn-maerkat--her::before,.fpn-maerkat--ok::before,.fpn-maerkat--fejl::before,.fpn-maerkat--obs::before{background:currentColor}
.fpn-maerkat--kommer::before{border-style:dashed}
.fpn-maerkat--ok{background:var(--fpn-groen-lys);color:var(--fpn-groen-tekst)}
.fpn-maerkat--obs{background:var(--fpn-obs-lys);color:var(--fpn-obs-tekst)}
.fpn-maerkat--fejl{background:var(--fpn-roed-lys);color:var(--fpn-roed-tekst)}
.fpn-maerkat--uden-prik::before{display:none}

/* ============ PRODUKT: mærke + navn (mærket står ALTID med navnet; filerne fra Flammepunkt.dk\logo\, uændrede) ============ */
.fpn-produkt{display:inline-flex;align-items:center;gap:10px;color:var(--fpn-tekst-staerk);font-weight:700;letter-spacing:-.01em;text-decoration:none}
.fpn-produkt img{flex:none}
/* tynd markering i produktets farve (valgfri): <… class="fpn-produktstreg" style="--fpn-p:var(--fpn-produkt-viden)"> */
.fpn-produktstreg{box-shadow:inset 0 3px 0 var(--fpn-p,transparent)}

/* ============ KORT OG PANELER (aldrig kort i kort) ============ */
.fpn-kort{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding:var(--fpn-a5);border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-kort);background:var(--fpn-hvid);box-shadow:var(--fpn-skygge)}
/* kort med medie/skitse øverst: kortet har ingen luft, medie og tekst har deres egen */
.fpn-kort--medie{padding:0;overflow:hidden}
.fpn-kort--loeft{transition:transform .28s var(--fpn-ud),box-shadow .28s var(--fpn-ud)}
.fpn-kort--loeft:hover{transform:translateY(-3px);box-shadow:var(--fpn-skygge-hoej)}
/* Panel (tone: standard | daempet | tonet | moerk; luft: lille | standard | stor) */
.fpn-panel{box-sizing:border-box;min-width:0;padding:20px;border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-kort);background:var(--fpn-hvid)}
.fpn-panel--daempet{background:var(--fpn-papir-2)}
.fpn-panel--tonet{border-color:color-mix(in srgb,var(--fpn-roed) 30%,transparent);background:color-mix(in srgb,var(--fpn-roed) 6%,var(--fpn-hvid))}
.fpn-panel--moerk{border-color:var(--fpn-tekst-staerk);background:var(--fpn-tekst-staerk);color:var(--fpn-papir)}
.fpn-panel--lille{padding:16px}.fpn-panel--stor{padding:24px}
@media (min-width:768px){.fpn-panel{padding:24px}.fpn-panel--lille{padding:16px}.fpn-panel--stor{padding:32px}}
/* bånd: sektion i fuld bredde med dæmpet bund */
.fpn-baand{background:var(--fpn-papir-2);border-block:1px solid var(--fpn-kant)}
/* MediaFrame: data-forhold="16/9|4/3|1/1|3/4|21/9" */
.fpn-medie{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:var(--fpn-r-knap);background:var(--fpn-papir-3)}
.fpn-medie[data-forhold="4/3"]{aspect-ratio:4/3}.fpn-medie[data-forhold="1/1"]{aspect-ratio:1}.fpn-medie[data-forhold="3/4"]{aspect-ratio:3/4}.fpn-medie[data-forhold="21/9"]{aspect-ratio:21/9}
.fpn-medie>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}

/* ============ FELTER ============ */
.fpn-felt{display:grid;gap:6px}
.fpn-felt>label,.fpn-felt>.fpn-etiket{color:var(--fpn-tekst-staerk);font:600 .875rem/1.4 var(--fpn-skrift)}
.fpn-hjaelp{color:var(--fpn-tekst-svag);font-size:.8125rem;line-height:1.45}
:is(.fpn-input,.fpn-vaelg,.fpn-tekstfelt){box-sizing:border-box;width:100%;min-height:var(--fpn-tryk);padding:10px 14px;border:1px solid var(--fpn-feltkant);border-radius:var(--fpn-r-knap);background:var(--fpn-hvid);color:var(--fpn-tekst);font:400 1rem/1.4 var(--fpn-skrift);transition:border-color var(--fpn-hurtig) var(--fpn-ud),box-shadow var(--fpn-hurtig) var(--fpn-ud)}
.fpn-tekstfelt{min-height:7.5rem;resize:vertical;line-height:1.55}
:is(.fpn-input,.fpn-vaelg,.fpn-tekstfelt)::placeholder{color:var(--fpn-tekst-svag);opacity:1}
:is(.fpn-input,.fpn-vaelg,.fpn-tekstfelt):focus{border-color:var(--fpn-roed-tekst);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--fpn-roed) 22%,transparent)}
:is(.fpn-input,.fpn-vaelg,.fpn-tekstfelt)[aria-invalid="true"]{border-color:var(--fpn-fejl)}
:is(.fpn-input,.fpn-vaelg,.fpn-tekstfelt):disabled{background:var(--fpn-papir-2);color:var(--fpn-tekst-svag);cursor:not-allowed}
.fpn-fejltekst{display:flex;gap:6px;align-items:flex-start;color:var(--fpn-fejl);font-size:.8125rem;font-weight:600}
.fpn-vaelg{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23867F79' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}
:is(.fpn-grund,.fpn-felt) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--fpn-roed)}
.fpn-valg{display:flex;align-items:center;gap:10px;min-height:var(--fpn-tryk);cursor:pointer}
.fpn-valg input{width:18px;height:18px;margin:0;accent-color:var(--fpn-roed)}

/* ============ VÆRKTØJSLINJE (ResponsiveToolbar): søgning + handlinger + filterpiller ============ */
.fpn-vaerktoejslinje{display:flex;flex-direction:column;gap:12px}
.fpn-vaerktoejslinje__top{display:flex;flex-direction:column;gap:12px}
@media (min-width:640px){.fpn-vaerktoejslinje__top{flex-direction:row;align-items:center}}
.fpn-soeg{position:relative;flex:1;min-width:min(100%,200px)}
.fpn-soeg .fpn-ikon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--fpn-tekst-svag);pointer-events:none}
.fpn-soeg .fpn-input{padding-left:40px}
.fpn-filtre{display:flex;flex-wrap:wrap;gap:8px}
.fpn-filter{display:inline-flex;align-items:center;gap:6px;min-height:var(--fpn-tryk);padding:6px 14px;border:1px solid var(--fpn-kant-staerk);border-radius:var(--fpn-r-pille);background:var(--fpn-hvid);color:var(--fpn-tekst);font:600 .8125rem/1.2 var(--fpn-skrift);cursor:pointer}
.fpn-filter:hover{border-color:var(--fpn-feltkant)}
/* valgt = lys rød med rød tekst og kant (Mathias 18.10.2026) – 4,6:1 i lys */
.fpn-filter[aria-pressed="true"]{border-color:var(--fpn-roed-tekst);background:var(--fpn-roed-lys);color:var(--fpn-roed-tekst)}
.fpn-filter__antal{font-variant-numeric:tabular-nums;opacity:.8}

/* ============ FANER (ResponsiveTabs): segmenteret fra 640 px; på telefon et <select> (fpn-vaelg) med samme valg ============ */
.fpn-faner{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:var(--fpn-r-mellem);background:var(--fpn-papir-3)}
.fpn-faner>button,.fpn-faner>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--fpn-tryk);padding:8px 16px;border:0;border-radius:var(--fpn-r-lille);background:none;color:var(--fpn-tekst-svag);font:600 .875rem/1.2 var(--fpn-skrift);text-decoration:none;white-space:nowrap;cursor:pointer}
.fpn-faner>:hover{color:var(--fpn-tekst-staerk)}
.fpn-faner>:is([aria-pressed="true"],[aria-selected="true"],[aria-current="page"]){background:var(--fpn-hvid);color:var(--fpn-tekst-staerk);box-shadow:0 1px 3px rgb(37 27 18 / .14),inset 0 -2px 0 var(--fpn-roed)}
.fpn-faner--telefon{display:none}
@media (max-width:639.98px){.fpn-faner[data-telefon="vaelg"]{display:none}.fpn-faner--telefon{display:block}}

/* ============ TABEL (ResponsiveTable): rigtig tabel fra 768 px; under det står hver række som et kort. Sæt data-etiket på hver <td>. ============ */
.fpn-tabel-ramme{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fpn-tabel{width:100%;border-collapse:collapse;font-size:.9375rem}
.fpn-tabel th{padding:10px 12px;border-bottom:1px solid var(--fpn-kant-staerk);color:var(--fpn-tekst-svag);font:600 .75rem/1.4 var(--fpn-skrift);letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap}
.fpn-tabel td{padding:12px;border-bottom:1px solid var(--fpn-kant);color:var(--fpn-tekst);vertical-align:top}
.fpn-tabel :is(th,td)[data-tal]{text-align:right;font-variant-numeric:tabular-nums}
.fpn-tabel tbody tr{transition:background-color var(--fpn-hurtig) var(--fpn-ud)}
.fpn-tabel tbody tr:hover{background:var(--fpn-papir-2)}
.fpn-tabel tbody tr[aria-selected="true"]{background:color-mix(in srgb,var(--fpn-roed) 9%,var(--fpn-hvid))}
.fpn-tabel th[aria-sort] button{all:unset;display:inline-flex;align-items:center;gap:4px;min-height:var(--fpn-tryk);cursor:pointer}
@media (max-width:767.98px){
.fpn-tabel--kort thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.fpn-tabel--kort,.fpn-tabel--kort tbody,.fpn-tabel--kort tr,.fpn-tabel--kort td{display:block}
.fpn-tabel--kort tr{margin-bottom:12px;padding:12px 16px;border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-kort);background:var(--fpn-hvid)}
.fpn-tabel--kort td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:0;text-align:right}
.fpn-tabel--kort td::before{content:attr(data-etiket);color:var(--fpn-tekst-svag);font-size:.8125rem;text-align:left}
.fpn-tabel--kort td[data-titel]{display:block;padding-bottom:8px;color:var(--fpn-tekst-staerk);font-weight:700;text-align:left}
.fpn-tabel--kort td[data-titel]::before{content:none}}

/* ============ TAVLE (sager i faser): kolonnerne ruller inde i tavlen, aldrig siden ============ */
.fpn-tavle{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px;overscroll-behavior-x:contain}
.fpn-tavle__kolonne{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border-radius:var(--fpn-r-kort);background:var(--fpn-papir-2)}
.fpn-tavle__titel{display:flex;justify-content:space-between;align-items:center;margin:0 4px 2px;color:var(--fpn-tekst-staerk);font:700 .875rem/1.3 var(--fpn-skrift)}
.fpn-tavle__kort{padding:12px 14px;border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-mellem);background:var(--fpn-hvid);box-shadow:0 1px 2px rgb(37 27 18 / .06)}

/* ============ TILSTANDE: tom (EmptyState), fejl (ErrorRetry), indlæsning (Skeleton) ============ */
:is(.fpn-tom,.fpn-fejl){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;border-radius:var(--fpn-r-kort);text-align:center}
.fpn-tom{border:1px dashed var(--fpn-kant-staerk);background:var(--fpn-papir-2)}
.fpn-fejl{border:1px solid color-mix(in srgb,var(--fpn-roed) 35%,transparent);background:color-mix(in srgb,var(--fpn-roed) 6%,var(--fpn-hvid))}
.fpn-tom__ikon,.fpn-fejl__ikon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:8px;border-radius:50%;background:var(--fpn-papir-3);color:var(--fpn-tekst-svag)}
.fpn-fejl__ikon{background:var(--fpn-roed-lys);color:var(--fpn-roed-tekst)}
:is(.fpn-tom,.fpn-fejl) :is(.fpn-tom__ikon,.fpn-fejl__ikon) .fpn-ikon{width:26px;height:26px}
.fpn-tom__titel,.fpn-fejl__titel{margin:0;color:var(--fpn-tekst-staerk);font:700 1rem/1.35 var(--fpn-skrift)}
.fpn-tom__tekst,.fpn-fejl__tekst{max-width:24rem;margin:0 0 8px;color:var(--fpn-tekst-svag);font-size:.875rem;line-height:1.55}
.fpn-skelet{display:block;border-radius:var(--fpn-r-lille);background:var(--fpn-papir-3);animation:fpn-puls 1.6s ease-in-out infinite}
@keyframes fpn-puls{50%{opacity:.5}}

/* ============ LÆSEFLADE (Viden): rolig spalte, indholdsfortegnelse, ændringer ord for ord ============ */
.fpn-prosa{max-width:62ch}
.fpn-laes{max-width:70ch;color:var(--fpn-tekst);font-size:1.0625rem;line-height:1.7}
.fpn-laes :is(h2,h3){margin:2.25em 0 .5em;scroll-margin-top:88px}
.fpn-laes p{margin:0 0 1em}
.fpn-indhold{margin:0;padding:0;list-style:none}
.fpn-indhold a{display:flex;align-items:center;min-height:var(--fpn-tryk);padding:4px 12px;border-radius:var(--fpn-r-lille);color:var(--fpn-tekst-svag);font-size:.875rem;text-decoration:none}
.fpn-indhold a:hover{color:var(--fpn-tekst-staerk)}
.fpn-indhold a[aria-current]{background:var(--fpn-papir-3);color:var(--fpn-tekst-staerk);font-weight:600}
/* slettet: gennemstreget; indsat: fed og tonet – aldrig farven alene */
.fpn-slettet{color:var(--fpn-roed-tekst);text-decoration:line-through;text-decoration-thickness:1.5px}
.fpn-indsat{padding:0 3px;border-radius:4px;background:var(--fpn-groen-lys);color:var(--fpn-groen-tekst);font-weight:600;text-decoration:none}

/* ============ SMALT PANEL (Office-tilføjelser, ca. 320–450 px): tættere luft, samme trykflader ============ */
.fpn-smalt{--fpn-a5:16px;--fpn-a6:20px;font-size:.9375rem}
.fpn-smalt .fpn-kort,.fpn-smalt .fpn-panel{padding:14px;border-radius:var(--fpn-r-mellem)}
.fpn-smalt .fpn-knap{padding-inline:14px}

/* ============ VERSIONSSTEMPEL (kun i produkterne, med de rigtige tal) ============ */
.fpn-version{display:inline-flex;align-items:center;gap:6px;color:var(--fpn-tekst-svag);font-size:.75rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.fpn-version b{color:var(--fpn-tekst);font-weight:600}

/* ============ TOP (én top i alle systemer): logo · produktets mærke og navn · menu · højre: lys/mørk, brugermenu eller "Log ind" ============
   Hjemmesiden har samme top med megamenuen (produkterne) og uden lys/mørk. Højde 64 px, lys flade (mærkerne kræver det), streg under. */
.fpn-hoved{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;min-height:64px;padding-inline:var(--fpn-kant-luft);background:var(--fpn-maerkeflade);color:var(--fpn-fast-tekst-staerk);border-bottom:1px solid var(--fpn-fast-kant)}
.fpn-hoved a{color:inherit;text-decoration:none}
.fpn-hoved__logo{display:inline-flex;align-items:center;gap:10px;min-height:var(--fpn-tryk);font:700 1.125rem/1 var(--fpn-skrift);letter-spacing:-.02em}
.fpn-hoved__logo img{flex:none}
.fpn-hoved__produkt{display:inline-flex;align-items:center;gap:10px;padding-left:16px;border-left:1px solid var(--fpn-fast-kant);font:600 .9375rem/1.2 var(--fpn-skrift)}
/* produktets menu (1.5.0): tekstlinks i toppens fulde højde – ingen plade, ingen skygge, ingen runding.
   Valgt (aria-current="page") = tekst 600 + 3 px rød streg, der ligger PÅ toppens bundlinje. Hover = svag streg.
   For mange punkter: menuen ruller sidelæns i sin egen bjælke (uden synlig rullebjælke), siden gør ikke.
   Toppen er altid lys, så menuen låser de lyse værdier af tokens, også når resten af siden er mørk. */
.fpn-hoved__nav{display:flex;align-self:stretch;flex:0 1 auto;min-width:0;margin:0 0 -1px 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
/* kanterne toner ud over punkternes egen luft (14 px), så et afskåret punkt viser, at menuen kan rulles */
.fpn-hoved__nav::-webkit-scrollbar{display:none}
.fpn-hoved__nav a{position:relative;display:inline-flex;flex:none;align-items:center;min-height:var(--fpn-tryk);padding:0 14px;color:var(--fpn-tekst-svag);font:400 .9375rem/1.2 var(--fpn-skrift);white-space:nowrap;transition:color var(--fpn-hurtig) var(--fpn-ud)}
.fpn-hoved__nav a::after{content:"";position:absolute;inset:auto 14px 0;height:3px;background:transparent;transition:background-color var(--fpn-hurtig) var(--fpn-ud)}
.fpn-hoved__nav a:hover{color:var(--fpn-tekst-staerk)}
.fpn-hoved__nav a:hover::after{background:var(--fpn-kant-staerk)}
.fpn-hoved__nav a[aria-current]{color:var(--fpn-tekst-staerk);font-weight:600}
.fpn-hoved__nav a[aria-current]::after{background:var(--fpn-roed)}
/* ringen indad, så menuens rullebjælke ikke klipper den */
.fpn-hoved__nav a:focus-visible{outline-offset:-3px}
.fpn-hoved__hoejre{display:flex;flex:none;align-items:center;gap:8px;margin-left:auto}
/* toppen er altid lys: knapper i den bruger de lyse værdier, også når resten af siden er mørk */
.fpn-hoved .fpn-knap--stille{border-color:var(--fpn-fast-kant-staerk);background:var(--fpn-fast-hvid);color:var(--fpn-fast-tekst-staerk)}
.fpn-hoved .fpn-knap--stille:hover{border-color:var(--fpn-fast-feltkant);background:var(--fpn-fast-papir-2)}
.fpn-hoved :focus-visible{outline-color:var(--fpn-roed)}
/* svævende paneler fra toppen følger temaet: fokusringen bruger den røde, der har kontrast mod panelets flade */
:is(.fpn-brugermenu__panel,.fpn-klokke__panel) :focus-visible{outline-color:var(--fpn-roed-tekst)}
/* telefonmenu (1.6.0): knappen "Menu" står før omslaget fpn-hoved__menu, der rummer menuen og højre side.
   Over 768 px er omslaget usynligt (display:contents), så toppen er præcis som i 1.5.0. Opførslen ligger i fp-hoved.js. */
.fpn-hoved__menu{display:contents}
.fpn-hoved__menuknap{display:none}
.fpn-hoved__menuknap svg{flex:none}
@keyframes fpn-panel-ind{from{opacity:0;transform:translateY(-6px)}}
/* brugermenu: <details class="fpn-brugermenu"><summary>…initialer, navn…</summary><div class="fpn-brugermenu__panel">…links…</div></details> */
.fpn-brugermenu{position:relative}
.fpn-brugermenu>summary{display:inline-flex;align-items:center;gap:8px;min-height:var(--fpn-tryk);padding:4px 10px 4px 4px;border-radius:var(--fpn-r-pille);font:600 .875rem/1.2 var(--fpn-skrift);list-style:none;cursor:pointer}
.fpn-brugermenu>summary::-webkit-details-marker{display:none}
.fpn-brugermenu>summary:hover{background:var(--fpn-fast-papir-3)}
.fpn-brugermenu__initialer{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--fpn-fast-neutral);color:var(--fpn-fast-hvid);font:700 .8125rem/1 var(--fpn-skrift)}
.fpn-brugermenu__panel{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;min-width:220px;padding:6px;border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-mellem);background:var(--fpn-hvid);color:var(--fpn-tekst);box-shadow:var(--fpn-skygge-hoej)}
.fpn-brugermenu__panel a,.fpn-brugermenu__panel button{display:flex;align-items:center;gap:10px;min-height:var(--fpn-tryk);padding:8px 12px;border:0;border-radius:var(--fpn-r-lille);background:none;color:inherit;font:400 .9375rem/1.3 var(--fpn-skrift);text-align:left;cursor:pointer}
.fpn-brugermenu__panel :is(a,button):hover{background:var(--fpn-papir-2)}
@media (max-width:767.98px){.fpn-hoved__produkt span,.fpn-brugermenu__navn{display:none}
  /* UDEN fp-hoved.js (som 1.5.0): menuen får sin egen linje i fuld bredde og ruller i den; første punkt på linje med logoet */
  html:not(.fpn-js) .fpn-hoved{flex-wrap:wrap;row-gap:0;padding-top:10px}
  html:not(.fpn-js) .fpn-hoved__nav{order:3;flex-basis:calc(100% + 2 * var(--fpn-kant-luft));margin:0 calc(-1 * var(--fpn-kant-luft)) -1px;padding-inline:max(0px,calc(var(--fpn-kant-luft) - 14px))}
  /* MED fp-hoved.js: én linje (logo + knappen "Menu"); menuen og højre side ligger i et panel lige under toppen i fuld bredde.
     Panelet hører til toppen og er lyst ligesom den. Valgt punkt = fed tekst + rød streg til venstre, ingen plade. */
  .fpn-js .fpn-hoved__menuknap{display:inline-flex;margin-left:auto;padding-inline:14px}
  .fpn-js .fpn-hoved__menuknap[aria-expanded="true"]{border-color:var(--fpn-fast-feltkant);background:var(--fpn-fast-papir-2)}
  .fpn-js .fpn-hoved__menu{--fpn-papir-2:var(--fpn-fast-papir-2);--fpn-papir-3:var(--fpn-fast-papir-3);--fpn-hvid:var(--fpn-fast-hvid);--fpn-kant:var(--fpn-fast-kant);--fpn-kant-staerk:var(--fpn-fast-kant-staerk);--fpn-feltkant:var(--fpn-fast-feltkant);
    --fpn-tekst-staerk:var(--fpn-fast-tekst-staerk);--fpn-tekst:var(--fpn-fast-tekst);--fpn-tekst-svag:var(--fpn-fast-tekst-svag);--fpn-groen:var(--fpn-fast-groen);--fpn-groen-tekst:var(--fpn-fast-groen-tekst);--fpn-groen-lys:var(--fpn-fast-groen-lys);
    --fpn-obs:var(--fpn-fast-obs);--fpn-obs-lys:var(--fpn-fast-obs-lys);--fpn-obs-tekst:var(--fpn-fast-obs-tekst);--fpn-roed-tekst:var(--fpn-roed);--fpn-roed-lys:var(--fpn-fast-roed-lys);--fpn-roed-tone-tekst:var(--fpn-fast-roed-tone-tekst);
    --fpn-skygge-hoej:var(--fpn-fast-skygge-hoej);color-scheme:light;
    display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;
    background:var(--fpn-maerkeflade);color:var(--fpn-tekst);border-bottom:1px solid var(--fpn-kant);box-shadow:var(--fpn-skygge-hoej)}
  .fpn-js .fpn-hoved--aaben .fpn-hoved__menu{display:block;animation:fpn-panel-ind var(--fpn-normal) var(--fpn-ud)}
  .fpn-js .fpn-hoved__menu :focus-visible{outline-offset:-3px}
  .fpn-js .fpn-hoved__nav{flex-direction:column;align-self:auto;margin:0;padding:8px 0;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .fpn-js .fpn-hoved__nav a{min-height:48px;padding:0 var(--fpn-kant-luft);font-size:1rem}
  .fpn-js .fpn-hoved__nav a::after{inset:10px auto 10px 0;width:3px;height:auto}
  .fpn-js .fpn-hoved__hoejre{flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 0;border-top:1px solid var(--fpn-kant)}
  .fpn-js .fpn-hoved__hoejre>:is(a,button){display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:0 var(--fpn-kant-luft);border:0;border-radius:0;background:none;color:var(--fpn-tekst-svag);font:400 1rem/1.3 var(--fpn-skrift);text-align:left}
  .fpn-js .fpn-hoved__hoejre>:is(a,button):hover{border:0;background:none;color:var(--fpn-tekst-staerk)}
  .fpn-js .fpn-hoved__hoejre>:not(a,button,details){align-self:flex-start;margin:4px var(--fpn-kant-luft) 8px}
  .fpn-js .fpn-hoved__menu .fpn-brugermenu>summary{display:flex;min-height:48px;padding:4px var(--fpn-kant-luft);border-radius:0}
  .fpn-js .fpn-hoved__menu .fpn-brugermenu__navn{display:inline}
  .fpn-js .fpn-hoved__menu .fpn-brugermenu__panel{position:static;min-width:0;padding:0 0 4px calc(var(--fpn-kant-luft) + 32px);border:0;border-radius:0;background:none;box-shadow:none}}
@media (max-width:479.98px){.fpn-hoved{column-gap:8px}.fpn-hoved__produkt{display:none}}

/* ============ SIDEFOD (én sidefod): mærket · kolonner med links · bundlinjen "Udviklet og drevet af ProFireSafe ApS" ============ */
.fpn-fod{box-sizing:border-box;padding:56px max(var(--fpn-kant-luft),calc((100% - var(--fpn-bredde-mellem)) / 2)) 0;background:var(--fpn-papir-2);border-top:1px solid var(--fpn-kant);color:var(--fpn-tekst)}
.fpn-fod__ind{display:grid;gap:32px;padding-bottom:40px}
.fpn-fod__maerke p{max-width:22rem;margin:12px 0 0;color:var(--fpn-tekst-svag);font-size:.9375rem;line-height:1.55}
.fpn-fod h2{margin:0 0 6px;color:var(--fpn-tekst-staerk);font:600 .8125rem/1.4 var(--fpn-skrift);letter-spacing:.06em;text-transform:uppercase}
.fpn-fod ul{margin:0;padding:0;list-style:none}
.fpn-fod li a{display:inline-flex;align-items:center;gap:10px;min-height:var(--fpn-tryk);color:var(--fpn-tekst-svag);font-size:.9375rem;text-decoration:none}
.fpn-fod li a:hover{color:var(--fpn-roed-tekst);text-decoration:underline}
.fpn-fod li img{flex:none}
.fpn-fod__bund{margin:0;padding:20px 0 28px;border-top:1px solid var(--fpn-kant);color:var(--fpn-tekst-svag);font-size:.875rem}
.fpn-fod a.fpn-fod__logo{display:inline-flex;align-items:center;gap:10px;min-height:var(--fpn-tryk);color:var(--fpn-tekst-staerk);font:700 1.125rem/1 var(--fpn-skrift);letter-spacing:-.02em;text-decoration:none}
@media (min-width:700px){.fpn-fod__ind{grid-template-columns:repeat(3,minmax(0,1fr))}.fpn-fod__maerke{grid-column:1/-1}}
@media (min-width:1000px){.fpn-fod__ind{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px}.fpn-fod__maerke{grid-column:auto}}
/* sidefoden har produktmærker: i mørk tilstand står den på den lyse mærkeflade (låst under TOKENS, "LÅS TIL LYS") */

/* ============ ADMINCENTERS KOMPONENTER (1.7.0; regler: DESIGN.md → "Beskedcentret, lås, trin, Udgivelser, Server-tavlen") ============ */

/* BOKS: én linje eller en kort liste i en tone – forprøven, fejlteksten i et trinmærke, advarslen i en dialog. Aldrig en fast statuskasse. */
.fpn-boks{box-sizing:border-box;min-width:0;padding:10px var(--fpn-a3);border:1px solid var(--fpn-kant-staerk);border-radius:var(--fpn-r-lille);color:var(--fpn-tekst);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
.fpn-boks--ok{border-color:var(--fpn-groen);background:var(--fpn-groen-lys);color:var(--fpn-groen-tekst)}
.fpn-boks--obs{border-color:var(--fpn-obs);background:var(--fpn-obs-lys);color:var(--fpn-obs-tekst)}
.fpn-boks--fejl{border-color:var(--fpn-roed-tekst);background:var(--fpn-roed-lys);color:var(--fpn-roed-tone-tekst)}
.fpn-boks ul{margin:6px 0 0;padding-left:18px}
.fpn-boks>p{margin:0}

/* KLOKKEN – beskedcentret. Åbner ALDRIG af sig selv; tallet viser ulæste og er rødt, når en ulæst er en fejl.
   Én besked pr. ting, højst én handling pr. besked. Esc og klik udenfor lukker; fokus tilbage til klokken.
   <div class="fpn-klokke"><button class="fpn-knap fpn-knap--stille fpn-knap--ikon fpn-klokke__knap" aria-expanded aria-controls aria-label="Beskeder, 3 ulæste">…<span class="fpn-klokke__tal">3</span></button>
   <div class="fpn-klokke__panel" id hidden>…</div><p class="fpn-sr" aria-live="polite"></p></div> */
.fpn-klokke{position:relative}
.fpn-klokke__knap{position:relative}
.fpn-klokke__tal{position:absolute;top:3px;right:3px;box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:var(--fpn-r-pille);background:var(--fpn-tekst-staerk);color:var(--fpn-hvid);font:700 .6875rem/18px var(--fpn-skrift);text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}
.fpn-klokke__tal--fejl{background:var(--fpn-roed);color:var(--fpn-paa-roed)}
.fpn-klokke__panel{position:absolute;right:0;top:calc(100% + var(--fpn-a2));z-index:70;box-sizing:border-box;width:min(400px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-mellem);background:var(--fpn-hvid);color:var(--fpn-tekst);box-shadow:var(--fpn-skygge-hoej);animation:fpn-panel-ind var(--fpn-hurtig) var(--fpn-ud)}
.fpn-klokke__hoved{display:flex;align-items:center;justify-content:space-between;gap:var(--fpn-a3);padding:4px 6px 4px var(--fpn-a4);border-bottom:1px solid var(--fpn-kant)}
.fpn-klokke__hoved :is(h2,h3,p){margin:0;color:var(--fpn-tekst-staerk);font:700 .9375rem/1.3 var(--fpn-skrift)}
.fpn-klokke__ryd{min-height:var(--fpn-tryk);padding:0 var(--fpn-a3);border:0;border-radius:var(--fpn-r-lille);background:none;color:var(--fpn-tekst-svag);font:600 .8125rem/1.2 var(--fpn-skrift);cursor:pointer}
.fpn-klokke__ryd:hover{background:var(--fpn-papir-2);color:var(--fpn-tekst-staerk)}
.fpn-klokke__liste{display:grid;gap:2px;margin:0;padding:6px;list-style:none}
.fpn-klokke__besked{display:flex;align-items:flex-start;gap:10px;padding:10px 6px 10px 10px;border-radius:var(--fpn-r-lille)}
.fpn-klokke__besked>.fpn-ikon{margin-top:2px;color:var(--fpn-tekst-svag)}
.fpn-klokke__besked--ok>.fpn-ikon{color:var(--fpn-groen)}
.fpn-klokke__besked--obs>.fpn-ikon{color:var(--fpn-obs)}
.fpn-klokke__besked--fejl{background:var(--fpn-roed-lys);color:var(--fpn-roed-tone-tekst)}
.fpn-klokke__besked--fejl>.fpn-ikon{color:inherit}
.fpn-klokke__tekst{display:grid;flex:1;gap:2px;min-width:0;font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}
.fpn-klokke__tekst>b{color:inherit;font-weight:600}
.fpn-klokke__tekst small{color:var(--fpn-tekst-svag);font-size:.75rem}
.fpn-klokke__besked--fejl .fpn-klokke__tekst small{color:inherit}
.fpn-klokke__tekst .fpn-knap{justify-self:start;margin-top:6px;padding-inline:14px;font-size:.8125rem}
/* klokkens panel følger temaet – også dets stille knapper, selv om toppen låser sine egne til lys */
.fpn-hoved .fpn-klokke__panel .fpn-knap--stille{border-color:var(--fpn-kant-staerk);background:var(--fpn-hvid);color:var(--fpn-tekst-staerk)}
.fpn-hoved .fpn-klokke__panel .fpn-knap--stille:hover{border-color:var(--fpn-feltkant);background:var(--fpn-papir-2)}
.fpn-klokke__x{display:inline-grid;flex:none;place-items:center;width:var(--fpn-tryk);height:var(--fpn-tryk);margin:-8px 0 -8px auto;padding:0;border:0;border-radius:var(--fpn-r-lille);background:none;color:inherit;opacity:.7;cursor:pointer}
.fpn-klokke__x:is(:hover,:focus-visible){opacity:1;background:var(--fpn-papir-3)}
.fpn-klokke__besked--fejl .fpn-klokke__x:is(:hover,:focus-visible){background:transparent}
.fpn-klokke__tom{margin:0;padding:var(--fpn-a4);color:var(--fpn-tekst-svag);font-size:.875rem}

/* LÅSEN i toppen: en pille ved Søg – "Lås op" eller "Låst op". Navnet står i title og i klokken, aldrig i en fast boks.
   <button class="fpn-laas" title="Lås op med serverens kode"><svg class="fpn-ikon">…</svg><span>Lås op</span></button>; åben: fpn-laas--aaben */
.fpn-laas{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;min-height:var(--fpn-tryk);min-width:var(--fpn-tryk);padding:0 14px;border:1px solid var(--fpn-kant-staerk);border-radius:var(--fpn-r-pille);background:transparent;color:var(--fpn-tekst-staerk);font:600 .8125rem/1.2 var(--fpn-skrift);white-space:nowrap;cursor:pointer;transition:border-color var(--fpn-hurtig) var(--fpn-ud),background-color var(--fpn-hurtig) var(--fpn-ud)}
.fpn-laas:hover{border-color:var(--fpn-feltkant)}
.fpn-laas--aaben{border-color:var(--fpn-groen);background:var(--fpn-groen-lys);color:var(--fpn-groen-tekst)}
.fpn-laas--aaben:hover{border-color:var(--fpn-groen-tekst)}
/* under 640 px kun ikonet – ordet bliver for skærmlæseren */
@media (max-width:639.98px){.fpn-laas{justify-content:center;padding:0}.fpn-laas>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}

/* TRINMÆRKE: ét mærke pr. ændring (Venter · Kører · Udgivet · Fejlede · Rullet tilbage = fpn-maerkat og variant). Klik folder trinene ud;
   fejlteksten står øverst (fpn-boks fpn-boks--fejl); den rå log kun bag "Vis teknisk log". Det udfoldede forbliver åbent ved opdatering. */
.fpn-trinmaerke{display:inline-block;max-width:100%;min-width:0;vertical-align:middle}
.fpn-trinmaerke>summary{display:inline-flex;align-items:center;gap:4px;min-height:var(--fpn-tryk);border-radius:var(--fpn-r-lille);list-style:none;cursor:pointer}
.fpn-trinmaerke>summary::-webkit-details-marker{display:none}
.fpn-trinmaerke__pil{color:var(--fpn-tekst-svag);transition:transform var(--fpn-hurtig) var(--fpn-ud)}
.fpn-trinmaerke[open]>summary .fpn-trinmaerke__pil{transform:rotate(180deg)}
.fpn-trinmaerke>.fpn-boks{margin-top:4px;font-size:.8125rem}
.fpn-trinmaerke__liste{display:grid;gap:6px;margin:var(--fpn-a2) 0 4px;padding:0;list-style:none;font-size:.8125rem;line-height:1.45}
.fpn-trinmaerke__liste>li{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:var(--fpn-a2);align-items:start}
.fpn-trinmaerke__liste .fpn-ikon{width:18px;height:18px;margin-top:1px;vertical-align:0;color:var(--fpn-tekst-svag)}
.fpn-trinmaerke__liste b{color:var(--fpn-tekst-staerk);font-weight:600}
.fpn-trinmaerke__liste small{grid-column:2;color:var(--fpn-tekst-svag);font-size:.75rem;overflow-wrap:anywhere}
.fpn-trinmaerke__trin--ok .fpn-ikon{color:var(--fpn-groen)}
.fpn-trinmaerke__trin--fejl :is(.fpn-ikon,b){color:var(--fpn-roed-tekst)}
.fpn-trinmaerke__trin--venter b{color:var(--fpn-tekst-svag);font-weight:400}
.fpn-trinmaerke__teknisk{margin-top:4px;font-size:.75rem}
.fpn-trinmaerke__teknisk>summary{display:inline-flex;align-items:center;min-height:var(--fpn-tryk);color:var(--fpn-tekst-svag);font-weight:600;cursor:pointer}
.fpn-trinmaerke__teknisk>summary:hover{color:var(--fpn-tekst-staerk)}
.fpn-trinmaerke__teknisk pre{max-height:320px;overflow:auto;margin:0;padding:10px var(--fpn-a3);border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-lille);background:var(--fpn-papir-2);color:var(--fpn-tekst);font:400 .75rem/1.55 var(--fpn-skrift);font-variant-numeric:tabular-nums;white-space:pre-wrap;overflow-wrap:anywhere}

/* UDGIVELSER: listerne "Næste udgivelse" / "Klar på prøven" (drift: "Klar til drift – grøn på prøven"), antal som lille mærke ved overskriften.
   Flueben i listen, ÉN "Udgiv nu" og "Planlæg …". Forprøven står lige over knapperne; ved rødt er knapperne spærret.
   "Tag ud" og "Annullér" pr. række – med bekræftelse. Ingen statuskasse; status står i klokken. */
.fpn-udgivelser{box-sizing:border-box;min-width:0;overflow:hidden;border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-kort);background:var(--fpn-hvid);box-shadow:var(--fpn-skygge)}
.fpn-udgivelser+.fpn-udgivelser{margin-top:var(--fpn-a4)}
.fpn-udgivelser__hoved{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:var(--fpn-tryk);padding:10px var(--fpn-a4);border-bottom:1px solid var(--fpn-kant);list-style:none;cursor:pointer}
.fpn-udgivelser__hoved::-webkit-details-marker{display:none}
.fpn-udgivelser:not([open])>.fpn-udgivelser__hoved{border-bottom:0}
.fpn-udgivelser__hoved :is(h2,h3,h4){margin:0;color:var(--fpn-tekst-staerk);font:700 1rem/1.3 var(--fpn-skrift);letter-spacing:0}
.fpn-udgivelser__hoved small{margin-left:auto;color:var(--fpn-tekst-svag);font-size:.8125rem}
.fpn-udgivelser__pil{color:var(--fpn-tekst-svag);transition:transform var(--fpn-hurtig) var(--fpn-ud)}
.fpn-udgivelser[open]>.fpn-udgivelser__hoved .fpn-udgivelser__pil{transform:rotate(180deg)}
.fpn-udgivelser__liste{margin:0;padding:0;list-style:none}
.fpn-udgivelser__raekke{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,220px) auto;gap:var(--fpn-a2) 14px;align-items:center;padding:var(--fpn-a3) var(--fpn-a4);border-top:1px solid var(--fpn-kant)}
.fpn-udgivelser__raekke:first-child{border-top:0}
.fpn-udgivelser__raekke .fpn-valg{min-width:var(--fpn-tryk);justify-content:center}
.fpn-udgivelser__felt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;color:var(--fpn-tekst);font-size:.875rem;overflow-wrap:anywhere}
.fpn-udgivelser__felt>b{color:var(--fpn-tekst-staerk);font-weight:600}
.fpn-udgivelser__felt small{color:var(--fpn-tekst-svag);font-size:.8125rem}
.fpn-udgivelser__handlinger{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.fpn-udgivelser__forproeve{margin:var(--fpn-a3) var(--fpn-a4) 0}
.fpn-udgivelser__knapper{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:var(--fpn-a3) var(--fpn-a4) var(--fpn-a4)}
@media (max-width:599.98px){
.fpn-udgivelser__raekke{grid-template-columns:auto minmax(0,1fr);align-items:start}
.fpn-udgivelser__raekke>:nth-child(n+3){grid-column:2}
.fpn-udgivelser__handlinger{justify-content:flex-start}
.fpn-udgivelser__knapper>.fpn-knap{flex:1 1 auto}}

/* SERVER-TAVLEN: øverst ÉT svar ("Maskinen er sund" / "N ting at se på") med prik i tonen og ÉT stort nøgletal (sidens indhold, ikke en besked).
   Under "Nu" har hvert punkt en knap, der lander præcis dér, den lover ("Se det" bruges aldrig). Handlingerne grupperes i
   "Kan gøres her" og "Spærret her"; hver åbner sin egen dialog (fpn-dialog) – aldrig et link til en anden side, aldrig to knapper med samme navn. */
.fpn-servertavle__svar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--fpn-a4) var(--fpn-a6);align-items:center;box-sizing:border-box;padding:var(--fpn-a5) 28px;border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-kort);background:var(--fpn-hvid);box-shadow:var(--fpn-skygge)}
.fpn-servertavle__linje{display:flex;align-items:center;gap:14px;min-width:0}
.fpn-servertavle__svar :is(h2,h3){margin:0;color:var(--fpn-tekst-staerk);font:700 var(--fpn-h3)/1.15 var(--fpn-skrift-overskrift);letter-spacing:-.01em;text-wrap:balance}
.fpn-servertavle__under{margin:var(--fpn-a2) 0 0 28px;color:var(--fpn-tekst-svag);font-size:.875rem}
.fpn-servertavle__prik{flex:none;width:14px;height:14px;border-radius:50%;background:var(--fpn-tekst-svag)}
.fpn-servertavle__prik--ok{background:var(--fpn-groen)}
.fpn-servertavle__prik--obs{background:var(--fpn-obs)}
.fpn-servertavle__prik--fejl{background:var(--fpn-roed-tekst)}
.fpn-servertavle__tal{text-align:right}
.fpn-servertavle__tal b{display:block;color:var(--fpn-tekst-staerk);font:700 2.5rem/1 var(--fpn-skrift-overskrift);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fpn-servertavle__tal span{color:var(--fpn-tekst-svag);font-size:.8125rem}
.fpn-servertavle__punkter{margin:0;padding:0;list-style:none}
.fpn-servertavle__punkt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fpn-a2) var(--fpn-a3);padding:var(--fpn-a3) 0;border-top:1px solid var(--fpn-kant)}
.fpn-servertavle__punkt:first-child{border-top:0}
.fpn-servertavle__punkt .fpn-servertavle__prik{width:9px;height:9px}
.fpn-servertavle__punkt>span:not([class]){flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}
.fpn-servertavle__handlinger{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.fpn-servertavle__handlinger+.fpn-etiket{display:block;margin-top:var(--fpn-a4)}
.fpn-servertavle__handling{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;box-sizing:border-box;width:100%;min-height:var(--fpn-tryk);padding:var(--fpn-a2) var(--fpn-a3);border:0;border-radius:var(--fpn-r-lille);background:none;color:var(--fpn-tekst-staerk);font:600 .875rem/1.3 var(--fpn-skrift);text-align:left;cursor:pointer}
.fpn-servertavle__handling:hover{background:var(--fpn-papir-2)}
.fpn-servertavle__handling small{color:var(--fpn-tekst-svag);font-weight:400;font-size:.8125rem;text-align:right}
.fpn-servertavle__handling:disabled{color:var(--fpn-tekst-svag);cursor:not-allowed}
.fpn-servertavle__handling:disabled:hover{background:none}
@media (max-width:599.98px){.fpn-servertavle__svar{grid-template-columns:minmax(0,1fr);padding:var(--fpn-a5) var(--fpn-a4)}.fpn-servertavle__tal{text-align:left}
.fpn-servertavle__handling{grid-template-columns:auto minmax(0,1fr)}.fpn-servertavle__handling small{grid-column:2;text-align:left}}

/* DIALOG (<dialog class="fpn-dialog">, åbnes med showModal()): hoved, krop, knapper. Farlig handling = rød knap (fpn-knap) med ordet for
   handlingen, en fpn-boks--fejl om følgen, og FOKUS PÅ "Annullér" (autofocus på den stille knap). */
.fpn-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--fpn-kant);border-radius:var(--fpn-r-kort);background:var(--fpn-hvid);color:var(--fpn-tekst);box-shadow:var(--fpn-skygge-hoej)}
.fpn-dialog::backdrop{background:var(--fpn-slor)}
.fpn-dialog__hoved{display:flex;align-items:center;justify-content:space-between;gap:var(--fpn-a3);padding:var(--fpn-a4) var(--fpn-a5) 10px;border-bottom:1px solid var(--fpn-kant)}
.fpn-dialog__hoved :is(h2,h3){margin:0;color:var(--fpn-tekst-staerk);font:700 1.0625rem/1.3 var(--fpn-skrift)}
.fpn-dialog__krop{display:grid;gap:var(--fpn-a3);padding:var(--fpn-a4) var(--fpn-a5)}
.fpn-dialog__krop>p{margin:0}
.fpn-dialog__knapper{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0 var(--fpn-a5) var(--fpn-a5)}

/* LANGE TEKSTER i rækker og tabeller: ombrydes altid og går aldrig ind under en knap (kolonnen har min-width:0).
   Over 3 linjer afkortes teksten; HELE teksten står i title. Er teksten vigtig: fpn-vis-mere (<details>) i stedet.
   To felter ved siden af hinanden: fpn-gitter data-kol="2" (én kolonne på telefon). */
.fpn-lang-tekst{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere}
.fpn-vis-mere{min-width:0}
.fpn-vis-mere>summary{display:block;list-style:none;cursor:pointer}
.fpn-vis-mere>summary::-webkit-details-marker{display:none}
.fpn-vis-mere>summary::after{content:"Vis mere";display:inline-block;padding-block:4px;color:var(--fpn-tekst-staerk);font-weight:600;font-size:.8125rem;text-decoration:underline;text-underline-offset:.2em}
.fpn-vis-mere[open]>summary::after{content:"Vis mindre"}
.fpn-vis-mere[open]>summary .fpn-lang-tekst{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:none}

/* klokke og lås i toppens telefonpanel (under 768 px med fp-hoved.js): panelet folder ud på stedet i stedet for at svæve */
@media (max-width:767.98px){
.fpn-js .fpn-hoved__menu .fpn-klokke__panel{position:static;width:auto;max-height:none;margin-top:var(--fpn-a2);box-shadow:none;animation:none}
.fpn-js .fpn-hoved__menu .fpn-laas>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.fpn-js .fpn-hoved__hoejre>.fpn-laas{gap:10px}
.fpn-js .fpn-hoved__hoejre>.fpn-laas--aaben{color:var(--fpn-groen-tekst);font-weight:600}}

/* ============ HJÆLPERE ============ */
.fpn-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media (prefers-reduced-motion:reduce){
.fpn-kort--loeft,.fpn-kort--loeft:hover{transition:none;transform:none}
.fpn-skelet,.fpn-knap[aria-busy="true"]::before{animation:none}
.fpn-knap,.fpn-tabel tbody tr,:is(.fpn-input,.fpn-vaelg,.fpn-tekstfelt){transition:none}
.fpn-js .fpn-hoved--aaben .fpn-hoved__menu{animation:none}
.fpn-hoved__nav a,.fpn-hoved__nav a::after{transition:none}
.fpn-klokke__panel{animation:none}
.fpn-laas,.fpn-trinmaerke__pil,.fpn-udgivelser__pil{transition:none}}