/* Hvilket netselskab har jeg? – interaktivt Danmarkskort (23/10-2026) */
.kt{margin:8px 0 40px}
.kt__seg{display:inline-flex;gap:4px;padding:4px;margin:0 0 14px;border-radius:999px;background:var(--flade);max-width:100%;overflow-x:auto;scrollbar-width:none}
.kt__seg::-webkit-scrollbar{display:none}
.kt__seg button{font:inherit;font-size:14.5px;font-weight:600;white-space:nowrap;padding:9px 16px;border:0;border-radius:999px;background:transparent;color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .25s,color .25s,box-shadow .25s}
.kt__seg button[aria-selected="true"]{background:#fff;color:var(--text-1);box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.06)}
.kt__seg button:active{transform:scale(.97)}
.kt__kort{display:none}
.kt__live{width:7px;height:7px;border-radius:50%;background:#2fa36b;box-shadow:0 0 0 0 rgba(47,163,107,.5);animation:ktPuls 2s infinite}
@keyframes ktPuls{0%{box-shadow:0 0 0 0 rgba(47,163,107,.5)}70%{box-shadow:0 0 0 7px rgba(47,163,107,0)}100%{box-shadow:0 0 0 0 rgba(47,163,107,0)}}

.kt__wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
.kt__inset rect{fill:rgba(255,255,255,.55);stroke:rgba(21,23,22,.12);stroke-width:1.5}
.kt__inset text{font:600 20px var(--f-sans);fill:#7d8a83;text-anchor:middle}
.kt__map{position:relative;background:#d8e5ec;border-radius:28px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(21,23,22,.05)}
.kt__svg{display:block;width:100%;height:auto;touch-action:manipulation}
.kt__hint{position:absolute;left:16px;bottom:14px;margin:0;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:600;color:var(--text-2);pointer-events:none;transition:opacity .3s}

/* lande og kommuner */
.kt__nab{fill:#ebe6dc;stroke:#f8f5ef;stroke-width:1.2}
.kt__u{pointer-events:none;fill:#bad2c2;stroke:#86ab95;stroke-width:3;stroke-linejoin:round;filter:url(#ktSkygge);transition:fill .35s}
.kt__k{fill:#bed5c5;stroke:rgba(255,255,255,.92);stroke-width:.8;stroke-linejoin:round;cursor:pointer;transition:fill .35s cubic-bezier(.2,.7,.2,1)}
.kt__wrap[data-v="net"] .kt__k--F{fill:#c6dacb}
.kt__wrap[data-v="net"] .kt__k--S,.kt__wrap[data-v="net"] .kt__k--B{fill:#b8d0c0}
@media (hover:hover) and (pointer:fine){.kt__wrap[data-v="net"] .kt__k:hover{fill:#94bfa6}}
.kt__k.on{fill:var(--accent)!important}
.kt__selpin{fill:#fff;stroke:var(--accent);stroke-width:4}
.kt__selring{fill:none;stroke:var(--accent);stroke-width:2;opacity:.5;transform-box:fill-box;transform-origin:center;animation:ktRing 1.6s ease-out infinite}
@keyframes ktRing{from{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}

/* DK1/DK2 */
.kt__dk{opacity:0;pointer-events:none;transition:opacity .4s}
.kt__wrap[data-v="dk"] .kt__dk{opacity:1}
.kt__wrap[data-v="dk"] .kt__k--J,.kt__wrap[data-v="dk"] .kt__k--F{fill:#a9c6e5}
.kt__wrap[data-v="dk"] .kt__k--S,.kt__wrap[data-v="dk"] .kt__k--B{fill:#f0c09f}
.kt__wrap[data-v="dk"] .kt__u{stroke:#9fb3c4}
.kt__wrap[data-v="dk"] .kt__k{cursor:default}
.kt__dkt{font:800 76px var(--f-sans);letter-spacing:-.03em;text-anchor:middle;paint-order:stroke;stroke:rgba(255,255,255,.8);stroke-width:6px}
.kt__dk1{fill:#1d3c5c}.kt__dk2{fill:#8a3d10}
.kt__dks{font:600 26px var(--f-sans);text-anchor:middle;paint-order:stroke;stroke:rgba(255,255,255,.85);stroke-width:5px}
.kt__dkp{font:700 24px var(--f-sans);text-anchor:middle;fill:var(--text-1);paint-order:stroke;stroke:rgba(255,255,255,.9);stroke-width:5px}
.kt__graense{fill:none;stroke:#1d3c5c;stroke-width:2.5;stroke-dasharray:6 7;opacity:.55}

/* forbindelser */
.kt__links{opacity:0;pointer-events:none;transition:opacity .4s}
.kt__wrap[data-v="flow"] .kt__links{opacity:1}
.kt__wrap[data-v="flow"] .kt__k{fill:#d2ddd5;cursor:default}
.kt__wrap[data-v="flow"] .kt__u{fill:#d2ddd5;stroke:#a9bcb0}
.kt__wrap[data-v="dk"] .kt__links g[data-l="DK1_DK2"]{opacity:1}
.kt__ln{fill:none;stroke:rgba(21,23,22,.12);stroke-width:10;stroke-linecap:round}
.kt__lf{fill:none;stroke:#9aa59f;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 14}
.kt__link.imp .kt__lf{stroke:#1f8a5b;animation:ktInd 1.1s linear infinite}
.kt__link.exp .kt__lf{stroke:#e8641b;animation:ktUd 1.1s linear infinite}
@keyframes ktUd{to{stroke-dashoffset:-16}}
@keyframes ktInd{to{stroke-dashoffset:16}}
.kt__lb rect{fill:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}
.kt__lb text{text-anchor:middle}
.kt__lbl{font:600 18px var(--f-sans);fill:#6b7770}
.kt__lv{font:700 24px var(--f-sans);fill:var(--text-1)}
.kt__link.imp .kt__lv{fill:#17704a}.kt__link.exp .kt__lv{fill:#b04708}

/* panelet */
.kt__panel{background:#fff;border-radius:28px;padding:26px 24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(21,23,22,.06);min-width:0}
.kt__p{animation:ktInd2 .35s cubic-bezier(.2,.7,.2,1)}
@keyframes ktInd2{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kt__eb{margin:0 0 6px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink)}
.kt__panel h2{margin:0 0 10px;font-size:25px;line-height:1.12;letter-spacing:-.025em}
.kt__panel p{font-size:15px;line-height:1.55;color:var(--text-2);margin:0 0 14px}
.kt__lille{font-size:13.5px!important;color:var(--text-3)!important}
.kt__ud{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:11px 16px;border-radius:14px;background:var(--accent);color:#fff!important;font-weight:600;font-size:14.5px;text-decoration:none!important;line-height:1.3}
.kt__ud:active{transform:scale(.98)}
.kt__valg{margin:0 0 16px}
.kt__valg select{font:inherit;font-size:16px;width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--papir);color:var(--text-1)}
.kt__dkchip{display:inline-block;margin:0 0 12px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700}
.kt__dkchip--DK1{background:#e1ecf7;color:#1d3c5c}.kt__dkchip--DK2{background:#fbe8da;color:#8a3d10}
.kt__ns{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.kt__ns a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--papir);text-decoration:none!important;color:var(--text-1);transition:background .2s}
@media (hover:hover) and (pointer:fine){.kt__ns a:hover{background:var(--accent-flad)}}
.kt__ns a:active{transform:scale(.99)}
.kt__ns b{display:block;font-size:16px}
.kt__ns small{display:block;font-size:12.5px;color:var(--text-3);line-height:1.35}
.kt__ns em{font-style:normal;text-align:right;white-space:nowrap;font-size:18px;font-weight:700}
.kt__ns em small{font-size:11px;font-weight:500}
.kt__ns--b a{background:transparent;box-shadow:inset 0 0 0 1px var(--line-soft)}
.kt__h3{margin:4px 0 8px;font-size:13px;font-weight:700;color:var(--text-3)}
.kt__tal{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.kt__tal--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kt__tal--3 div{padding:11px 12px}.kt__tal--3 b{font-size:21px}
.kt__tal div{padding:12px 14px;border-radius:16px;background:var(--papir)}
.kt__tal span{display:block;font-size:12.5px;color:var(--text-3);font-weight:600}
.kt__tal b{display:block;font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:2px 0 0}
.kt__tal small{display:block;font-size:12px;line-height:1.3;color:var(--text-3)}
.kt__flows{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:2px}
.kt__flows li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px}
.kt__flows li:last-child{border-bottom:0}
.kt__flows small{display:block;font-size:12px;color:var(--text-3)}
.kt__flows b{white-space:nowrap}
.kt__flows .imp b{color:#17704a}.kt__flows .exp b{color:#b04708}
.gd__krop .kt__leg,.gd__krop .kt__flows,.gd__krop .kt__ns,.gd__krop .kt__fakta,.gd__krop .kt__grp ul{padding-left:0}
.gd__krop .kt__leg li,.gd__krop .kt__flows li,.gd__krop .kt__ns li,.gd__krop .kt__fakta li,.gd__krop .kt__grp li{margin:0}
.kt__kilde{font-size:12.5px;color:var(--text-3);margin:10px 4px 0}
.kt__tal .imp b{color:#17704a}.kt__tal .exp b{color:#b04708}
.kt__dek{font-size:15px!important;color:var(--text-1)!important;margin:2px 0 10px!important}
.kt__bar{position:relative;display:flex;height:14px;border-radius:7px;background:var(--papir);overflow:visible;margin:0 0 10px}
.kt__bar i{display:block;height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.kt__bar i:first-child{border-radius:7px 0 0 7px}.kt__bar i:last-of-type{border-radius:0 7px 7px 0}
.kt__barF{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--text-1);border-radius:1px}
.kt__b--hav{background:#2d6a96}.kt__b--land{background:#6fa6d2}.kt__b--sol{background:#f0b23a}.kt__b--term{background:#9b958a}
.kt__b--imp{background:repeating-linear-gradient(135deg,#1f8a5b 0 4px,#3fa877 4px 8px)}
.kt__leg{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--text-2)}
.kt__leg li{display:inline-flex;align-items:center;gap:6px}
.kt__leg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.kt__leg b{font-weight:600;color:var(--text-1)}
.kt__legF{width:2px!important;height:12px!important;border-radius:1px!important;background:var(--text-1)}

/* adresse-opslag */
.kt__adr{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--line-soft)}
.kt__wrap:not([data-v="net"]) .kt__adr{display:none}
.kt__adrF{display:flex;gap:8px;margin:4px 0 8px}
.kt__adrF input{flex:1;min-width:0;font:inherit;font-size:16px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--papir);color:var(--text-1)}
.kt__adrF input:focus{outline:2px solid var(--accent);outline-offset:1px;background:#fff}
.kt__adrF button{flex:none;font:inherit;font-size:15px;font-weight:600;padding:0 18px;border:0;border-radius:14px;background:var(--accent);color:#fff;cursor:pointer}
.kt__adrF button:active{transform:scale(.97)}
.kt__adr.henter button{opacity:.6}
.kt__adrN{margin:0 0 4px!important}
.kt__adrM{margin:10px 0 0!important;font-size:14.5px!important;color:var(--text-2)!important}
.kt__adrR{margin-top:14px;animation:ktInd2 .35s cubic-bezier(.2,.7,.2,1)}
.kt__adrR .kt__ns{margin-bottom:10px}
.kt__adrK{font-size:13.5px!important;color:var(--text-3)!important;margin:6px 0 0!important}
.kt__p[data-p="net"] .kt__h3:first-child{margin-top:0}

/* strømmen i tal */
.kt__data{background:#fff;border-radius:26px;padding:24px;margin:16px 0 28px}
.kt__fakta{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:2px}
.kt__fakta li{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-soft)}
.kt__fakta li:last-child{border-bottom:0}
.kt__fakta p{margin:0;font-size:17px;line-height:1.5;color:var(--text-1);letter-spacing:-.01em}
.kt__kop{flex:none;font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;border:0;background:var(--papir);color:var(--accent-ink);cursor:pointer;transition:background .2s,color .2s}
.kt__kop.ok{background:var(--accent);color:#fff}
.kt__kop:active{transform:scale(.96)}
.kt__csv{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:18px;background:var(--accent-flad);color:var(--accent-ink)!important;font-weight:700;text-decoration:none!important}
.kt__csv small{font-weight:500;font-size:13px;color:var(--text-2)}
@media (hover:hover) and (pointer:fine){.kt__kop:hover{background:var(--accent-flad)}.kt__csv:hover{filter:brightness(.97)}}

/* kilder */
.kt__kilder{margin:10px 0 0;padding:20px 22px 20px 42px;background:#fff;border-radius:22px;display:grid;gap:10px;font-size:14px;line-height:1.55;color:var(--text-2);overflow-wrap:anywhere}
.kt__kilder li{padding-left:4px}
.kt__kilder a{color:var(--accent-ink);font-weight:600}
.kt__kilder li:target{background:var(--accent-flad);border-radius:8px}

/* indhold under kortet */
.kt__trin{padding-left:22px}.kt__trin li{margin:0 0 12px;line-height:1.6}
.kt__duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 26px}
.kt__duo>div{background:#fff;border-radius:22px;padding:22px}
.kt__duo h3{margin:0 0 8px;font-size:20px;letter-spacing:-.02em}
.kt__duo p:not(.kt__eb){margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--text-2)}
.kt__duo a{font-weight:600;font-size:15px}
.kt__grps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 26px}
.kt__grp{background:#fff;border-radius:22px;padding:18px 20px}
.kt__grp h3{margin:0 0 10px;font-size:18px}.kt__grp h3 small{font-size:12px;font-weight:700;color:var(--text-3);margin-left:6px}
.kt__grp ul{list-style:none;margin:0;padding:0}
.kt__grp li{border-bottom:1px solid var(--line-soft)}
.kt__grp li:last-child{border-bottom:0}
.kt__grp a{display:flex;align-items:center;gap:12px;padding:11px 10px;margin:0 -10px;border-radius:14px;text-decoration:none!important;color:var(--text-1);transition:background .2s}
.kt__grp a>span{flex:1;min-width:0}
.kt__grp a b{display:block;font-size:15.5px}.kt__grp a span small{display:block;font-size:12.5px;color:var(--text-3);line-height:1.4}
.kt__grp em{font-style:normal;font-size:15px;font-weight:700;white-space:nowrap;color:var(--text-1);text-align:right}
.kt__grp em small{display:block;font-size:11px;font-weight:500;color:var(--text-3)}
.kt__chev{flex:none;width:8px;height:8px;border-right:2px solid var(--text-3);border-top:2px solid var(--text-3);transform:rotate(45deg);margin:0 4px 0 2px;transition:transform .2s,border-color .2s}
@media (hover:hover) and (pointer:fine){.kt__grp a:hover,.kt__alle:hover{background:var(--accent-flad)}.kt__grp a:hover .kt__chev,.kt__alle:hover .kt__chev{border-color:var(--accent);transform:translateX(2px) rotate(45deg)}}
.kt__grp a:active,.kt__alle:active{transform:scale(.99)}
.kt__alle{display:flex;align-items:center;gap:12px;margin:-12px 0 30px;padding:16px 20px;border-radius:20px;background:#fff;color:var(--text-1)!important;text-decoration:none!important;transition:background .2s}
.kt__alle>span{flex:1}.kt__alle b{display:block;font-size:16px}.kt__alle small{display:block;font-size:13px;color:var(--text-2)}
.kt__aarv{display:flex;gap:4px;padding:4px;margin:4px 0 14px;border-radius:999px;background:var(--flade);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.kt__aarv::-webkit-scrollbar{display:none}
.kt__aarv button{font:inherit;font-size:14.5px;font-weight:600;white-space:nowrap;padding:8px 16px;border:0;border-radius:999px;background:transparent;color:var(--text-2);cursor:pointer;transition:background .25s,color .25s}
.kt__aarv button small{font-size:12px;font-weight:500;color:var(--text-3)}
.kt__aarv button[aria-selected="true"]{background:#fff;color:var(--text-1);box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.06)}
.kt__aar .kt__data{margin-top:0}
.kt__csv{margin:18px 0 8px}

@media (max-width:900px){.kt__wrap{grid-template-columns:1fr}.kt__panel{padding:22px 20px}}
@media (min-width:901px){.kt__map{position:sticky;top:84px}}
@media (max-width:640px){
  .kt__seg{display:flex;width:100%}.kt__seg button{flex:1;justify-content:center;padding:9px 10px;font-size:13.5px}
  .kt__map{border-radius:22px}.kt__panel{border-radius:22px}
  .kt__duo,.kt__grps{grid-template-columns:1fr}
  .kt__lang{display:none}.kt__kort{display:inline}.kt__dks,.kt__dkp{display:none}.kt__dkt{font-size:118px}.kt__dks{font-size:42px}.kt__dkp{font-size:38px}.kt__inset text{font-size:30px}.kt__lbl{font-size:21px;transform:translateY(-4px)}.kt__lv{font-size:27px;transform:translateY(5px)}.kt__lb rect{transform:scale(1.28)}
  .kt__data{padding:18px 16px;border-radius:22px}.kt__fakta li{flex-direction:column;gap:8px}.kt__fakta p{font-size:16px}.kt__kilder{padding:16px 16px 16px 34px}
}
@media (prefers-reduced-motion:reduce){.kt__live,.kt__selring,.kt__link .kt__lf{animation:none!important}.kt__p{animation:none}}