:root{--papir:#f4efe4;--papir2:#ebe4d4;--papir3:#e2d9c4;--blaek:#1b2830;--blaek2:#4b5b63;--blaek3:#76848a;
--fyr:#e9a92c;--fyr2:#f6c869;--tag:#b23a2e;--hav:#2b6b7a;--klit:#4f7d4a;--nat:#0f1b22;--nat2:#172832;
--linje:#cfc4ac;--skygge:0 1px 2px rgba(27,40,48,.08),0 6px 18px rgba(27,40,48,.07);
--mono:"Azeret Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
--rubrik:"Gloock",Georgia,"Times New Roman",serif;
--tekst:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--papir:#0e181e;--papir2:#14232b;--papir3:#1b2e38;--blaek:#e9e3d6;--blaek2:#b5bdb9;
--blaek3:#8a979a;--fyr:#f2bd4f;--fyr2:#f8d27f;--tag:#e46d5f;--hav:#71b5c4;--klit:#86b77d;--nat:#081117;--nat2:#10202a;
--linje:#2c414c;--skygge:0 1px 2px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.35)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--papir);color:var(--blaek);font:17px/1.8 var(--tekst);overflow-x:hidden}
a{color:var(--hav);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--tag)}
img,svg{max-width:100%;height:auto}
.skjult{position:absolute;left:-9999px}
.ramme{max-width:1080px;margin:0 auto;padding:0 16px}
header.top{background:var(--nat);color:#f1ead9}
header.top .ramme{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px}
.logo{display:flex;align-items:center;gap:9px;color:#f6efdf;text-decoration:none;font:400 1.35rem/1 var(--rubrik)}
.logo svg{width:22px;height:30px}
.logo small{display:block;font:500 .62rem/1.2 var(--mono);letter-spacing:.06em;color:#c9bfa6;text-transform:uppercase}
nav.hoved ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
nav.hoved a{display:block;padding:8px 10px;color:#e8dfca;text-decoration:none;font:500 .78rem/1.2 var(--mono);border-radius:6px;white-space:nowrap}
nav.hoved a:hover,nav.hoved a[aria-current]{background:#22343e;color:var(--fyr2)}
@media (max-width:720px){header.top .ramme{flex-direction:column;align-items:flex-start;padding-top:8px;padding-bottom:6px;gap:4px}
nav.hoved{width:100%}nav.hoved a{padding:7px 9px}}
.krumme{font:500 .74rem/1.6 var(--mono);color:var(--blaek3);margin:14px 0 0}
.krumme a{color:var(--blaek2)}
.krumme ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.krumme li+li::before{content:"›";margin-right:4px;color:var(--blaek3)}
/* HERO: tótem + faro */
.helt{display:grid;grid-template-columns:1fr;gap:16px;margin:14px 0 50px}
@media (min-width:860px){.helt{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}}
.totem{background:var(--nat);color:#efe7d4;border-radius:18px;padding:18px 18px 16px;box-shadow:var(--skygge);position:relative;overflow:hidden}
.totem::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px);pointer-events:none}
.totem h1{font:400 clamp(1.45rem,5.2vw,2.15rem)/1.15 var(--rubrik);margin:0 0 4px;color:#f8f1e1}
.totem .under{font:500 .78rem/1.5 var(--mono);color:#bfb49b;margin:0 0 14px}
.tavle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.felt{min-width:0}
.felt{background:var(--nat2);border-radius:12px;padding:10px 12px 12px}
.felt .navn{font:500 .72rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#c8bda3}
.felt .tal{font:700 clamp(2.1rem,10vw,3.3rem)/1.05 var(--mono);color:var(--fyr2);text-shadow:0 0 18px rgba(246,200,105,.35);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.felt .tal small{font-size:.38em;color:#d9cdb0;margin-left:3px;letter-spacing:0}
.felt .note{font:500 .72rem/1.45 var(--mono);color:#b8ad95;margin-top:4px}
.felt.aktiv{background:#20343f;outline:1px solid #3a5260}
.stempel{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font:500 .72rem/1.5 var(--mono);color:#bdb29a}
.stempel b{color:#efe6d0;font-weight:500}
.prik{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7fcf8f;margin-right:6px;vertical-align:1px;box-shadow:0 0 0 0 rgba(127,207,143,.6);animation:puls 2.4s infinite}
@keyframes puls{70%{box-shadow:0 0 0 8px rgba(127,207,143,0)}100%{box-shadow:0 0 0 0 rgba(127,207,143,0)}}
@media (prefers-reduced-motion:reduce){.prik{animation:none}}
.fyrkort{background:var(--papir2);border-radius:18px;padding:14px 14px 10px;box-shadow:var(--skygge);display:flex;gap:12px;align-items:stretch}
.fyrkort svg.fyr{flex:0 0 124px;height:auto;max-height:300px}
.fyrkort .tekst{font:500 .78rem/1.65 var(--mono);color:var(--blaek2);display:flex;flex-direction:column;justify-content:center;gap:6px}
.fyrkort .tekst strong{display:block;font:400 1.05rem/1.3 var(--rubrik);color:var(--blaek)}
.fyrkort .tekst .v{color:var(--blaek);font-weight:700}
/* PROSA */
main{display:block}
.prosa{max-width:70ch}
.prosa p,.prosa li{margin:0 0 1.05em}
h2{font:400 clamp(1.35rem,4.2vw,1.8rem)/1.25 var(--rubrik);margin:2.1em 0 .55em;color:var(--blaek)}
h3{font:600 1.04rem/1.4 var(--tekst);margin:1.6em 0 .4em}
.indgang{font-size:1.06rem}
.boks{background:var(--papir2);border-radius:14px;padding:14px 16px;margin:18px 0;box-shadow:var(--skygge)}
.boks.lys{background:var(--papir3)}
.citat{font:400 1.12rem/1.6 var(--rubrik)}
/* KORT */
.kortramme{background:var(--papir2);border-radius:18px;padding:10px;box-shadow:var(--skygge);margin:0 auto 10px;position:relative;max-width:720px}
.kortramme svg{display:block;width:100%;height:auto}
.kort .land{fill:var(--papir3);stroke:var(--linje);stroke-width:.8}
.kort .nabo{fill:var(--papir);stroke:var(--linje);stroke-width:.6;opacity:.75;vector-effect:non-scaling-stroke}
.kort .reg{fill:var(--papir3);stroke:var(--papir);stroke-width:1.4;transition:fill .15s;vector-effect:non-scaling-stroke}
.kort a:hover .reg,.kort a:focus .reg{fill:var(--linje)}
.kort .reg.valgt{fill:var(--linje)}
.kort .bornholm{fill:none;stroke:var(--linje);stroke-dasharray:3 3}
.kort .etiket{font:600 11px var(--mono);fill:var(--blaek2);paint-order:stroke;stroke:var(--papir2);stroke-width:3px;pointer-events:none}
.kort .hav-t{font:italic 400 13px var(--rubrik);fill:var(--blaek3);opacity:.8}
.kort .p-std{stroke:var(--hav);stroke-linecap:round;fill:none}
.kort .p-lav{stroke:var(--klit);stroke-linecap:round;fill:none}
.kort .p-hoj{stroke:var(--fyr);stroke-linecap:round;fill:none}
.kort .p-top{stroke:var(--tag);stroke-linecap:round;fill:none}
.kort .p-gl{stroke:var(--blaek3);stroke-linecap:round;fill:none;opacity:.55}
.kort .by-prik{fill:var(--tag);stroke:var(--papir2);stroke-width:2}
.forklaring{display:flex;flex-wrap:wrap;gap:6px 14px;font:500 .74rem/1.4 var(--mono);color:var(--blaek2);margin:6px 2px 0;padding:0;list-style:none}
.forklaring i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.boble{position:absolute;pointer-events:none;background:var(--nat);color:#f1e9d6;font:500 .74rem/1.45 var(--mono);padding:7px 9px;border-radius:8px;box-shadow:var(--skygge);max-width:240px;display:none;z-index:3}
/* TABLAS ALBARÁN */
.tabel-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0 18px;background:var(--papir2);border-radius:14px;box-shadow:var(--skygge);padding:4px 10px 8px}
table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.5}
caption{text-align:left;font:500 .74rem/1.5 var(--mono);color:var(--blaek3);padding:8px 2px 4px;caption-side:top}
th{font:600 .7rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--blaek2);text-align:left;padding:8px 8px 7px;border-bottom:1.5px solid var(--blaek2);white-space:nowrap;cursor:default}
th[data-sort]{cursor:pointer}
td{padding:8px;border-bottom:1px dotted var(--linje);vertical-align:top}
tr:last-child td{border-bottom:0}
td.n,th.n{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
td.n b{font-weight:700}
tr.lav td.n.pris{color:var(--klit);font-weight:700}
tr.hoj td.n.pris{color:var(--tag)}
tr.gl td{color:var(--blaek3)}
.maerke{display:inline-block;font:600 .64rem/1.3 var(--mono);padding:2px 6px;border-radius:5px;background:var(--papir3);color:var(--blaek2);margin-left:6px;white-space:nowrap}
.maerke.gl{background:#efd9b0;color:#6b4a12}
.maerke.lav{background:#d6e6cf;color:#2d5428}
@media (prefers-color-scheme:dark){.maerke.gl{background:#4a3a1a;color:#f2d79c}.maerke.lav{background:#22402a;color:#bfe2b4}}
.filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 2px}
.filter input,.filter select{font:500 .9rem/1.2 var(--mono);padding:10px 12px;border-radius:10px;border:1px solid var(--linje);background:var(--papir);color:var(--blaek);min-height:44px}
.filter input{flex:1 1 180px}
.taeller{font:500 .74rem/1.4 var(--mono);color:var(--blaek3)}
/* BARRAS Y GRÁFICOS */
.bar{display:block;height:8px;border-radius:4px;background:var(--papir3);position:relative;min-width:80px}
.bar i{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--hav)}
.graf{background:var(--papir2);border-radius:14px;padding:10px 10px 4px;box-shadow:var(--skygge);margin:12px 0 18px}
.graf svg{display:block;width:100%;height:auto}
.graf .akse{stroke:var(--linje);stroke-width:1}
.graf .gitter{stroke:var(--linje);stroke-width:.6;stroke-dasharray:2 4}
.graf .t{font:500 10px var(--mono);fill:var(--blaek3)}
.graf .l95{stroke:var(--tag);stroke-width:1.8;fill:none}
.graf .ldie{stroke:var(--hav);stroke-width:1.8;fill:none}
.graf .lwob{stroke:var(--fyr);stroke-width:1.6;fill:none;stroke-dasharray:5 3}
.graf .lde{stroke:var(--klit);stroke-width:1.6;fill:none}
.graf .lse{stroke:var(--blaek2);stroke-width:1.4;fill:none;stroke-dasharray:2 3}
.graf .lpumpe{stroke:var(--klit);stroke-width:2.2;fill:none}
.graf .omr{fill:var(--tag);opacity:.08}
/* NAVEGACIÓN DE SECCIÓN */
.genveje{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0 20px;padding:0;list-style:none}
.genveje a{display:block;background:var(--papir2);border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--blaek);box-shadow:var(--skygge);min-height:44px}
.genveje a:hover{background:var(--papir3)}
.genveje b{display:block;font:700 1.05rem/1.25 var(--mono);color:var(--blaek)}
.genveje span{font:500 .72rem/1.35 var(--mono);color:var(--blaek3)}
/* REGNEMASKINE */
.regner{background:var(--papir2);border-radius:16px;padding:14px;box-shadow:var(--skygge);margin:12px 0 20px}
.regner label{display:block;font:600 .72rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--blaek2);margin:10px 0 4px}
.regner input,.regner select{width:100%;font:600 1.05rem/1.2 var(--mono);padding:12px;border:1px solid var(--linje);border-radius:10px;background:var(--papir);color:var(--blaek);min-height:46px}
.regner .gitter2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kvit{background:var(--papir);border-radius:12px;padding:10px 12px;margin-top:12px;font:500 .9rem/1.7 var(--mono)}
.kvit div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted var(--linje)}
.kvit div:last-child{border-bottom:0;font-weight:700;font-size:1.02rem}
.knap{display:inline-flex;align-items:center;gap:8px;font:600 .9rem/1.2 var(--mono);background:var(--nat);color:#f6efdf;border:0;border-radius:12px;padding:12px 16px;min-height:46px;cursor:pointer;text-decoration:none}
.knap:hover{background:var(--hav);color:#fff}
/* ANUNCIOS: hueco reservado, sin saltos */
.annonce{margin:26px 0;min-height:280px;background:var(--papir2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.annonce::before{content:attr(data-label);font:500 .62rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blaek3);padding:6px 0}
.annonce ins{display:block;width:100%;min-height:250px}
@media (min-width:860px){.annonce{min-height:120px}.annonce ins{min-height:90px}}
/* FAQ */
details{background:var(--papir2);border-radius:12px;padding:2px 14px;margin:8px 0;box-shadow:var(--skygge)}
summary{cursor:pointer;font-weight:600;padding:12px 0;min-height:44px;list-style-position:outside}
details p{margin:0 0 12px}
/* PIE */
footer.bund{background:var(--nat);color:#cfc6b2;margin-top:60px;padding:26px 0 30px;font-size:.88rem;line-height:1.75}
footer.bund a{color:#f0d79c}
footer.bund .kol{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:760px){footer.bund .kol{grid-template-columns:1.4fr 1fr 1fr}}
footer.bund h2{font:400 1.05rem/1.3 var(--rubrik);color:#f4ecda;margin:0 0 6px}
footer.bund ul{list-style:none;margin:0;padding:0}
footer.bund .lille{font:500 .72rem/1.6 var(--mono);color:#a99f89;margin-top:16px}
.to{display:grid;grid-template-columns:1fr;gap:18px}
@media (min-width:860px){.to{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.kun-mobil{display:none}
@media (max-width:600px){.kun-mobil{display:block}.felt .tal{font-size:clamp(1.8rem,9vw,2.2rem)}.fyrkort svg.fyr{flex-basis:92px}}
@media (max-width:420px){.tavle{grid-template-columns:minmax(0,1fr)}.felt .tal{font-size:2.4rem}}