:root{--dde-blue:#0868d8;--dde-ink:#111827;--dde-muted:#667085;--dde-bg:#f4f7fb;--dde-card:#fff;--dde-line:#dfe6ef;--dde-green:#16875f;--dde-amber:#a76809;--dde-lic:#f1dfe8;--dde-lic2:#e8d9ec;--dde-lic3:#f7edf1;--dde-plum:#56364d;--dde-plum2:#704d66;--dde-shadow:0 14px 36px rgba(17,43,78,.10)}
.dde-app,.dde-app *{box-sizing:border-box}.dde-app{width:100%;max-width:1320px;margin:0 auto;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--dde-ink);background:var(--dde-bg);border:1px solid #e5ebf3;border-radius:24px;padding:28px;line-height:1.45}
.dde-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.dde-eyebrow{display:block;color:var(--dde-blue);font-size:11px;font-weight:900;letter-spacing:1.6px}.dde-hero h2{font-size:clamp(30px,4vw,44px);line-height:1.05;margin:5px 0 7px}.dde-hero p{margin:0;color:var(--dde-muted);font-size:14px}.dde-count{white-space:nowrap;background:#e8f2ff;color:var(--dde-blue);border:1px solid #cde2fb;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800}
.dde-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 220px 180px;gap:12px;background:#fff;border:1px solid var(--dde-line);padding:12px;border-radius:16px;margin-bottom:20px}.dde-toolbar label{display:flex;flex-direction:column;gap:5px;color:#66758a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.dde-toolbar input,.dde-toolbar select{width:100%;min-height:44px;background:#f8fafc;color:var(--dde-ink);border:1px solid #dce5ef;border-radius:10px;padding:10px 12px;font:inherit;font-size:13px;text-transform:none;letter-spacing:0;outline:none}.dde-toolbar input:focus,.dde-toolbar select:focus{border-color:#70b4ff;box-shadow:0 0 0 3px rgba(6,103,216,.1)}
.dde-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,480px);gap:22px;align-items:start}.dde-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dde-item{min-width:0;background:#fff;border:1px solid var(--dde-line);border-radius:17px;overflow:hidden;cursor:pointer;box-shadow:0 5px 18px rgba(17,43,78,.045);transition:.18s}.dde-item:hover,.dde-item:focus{transform:translateY(-3px);border-color:#93c6ff;box-shadow:var(--dde-shadow);outline:none}.dde-item.is-selected{border-color:var(--dde-blue);box-shadow:0 0 0 2px rgba(6,103,216,.12),var(--dde-shadow)}
.dde-media{height:205px;background:linear-gradient(145deg,#fbfdff,#edf3f9);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #edf1f6}.dde-media img{display:block;width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}.dde-placeholder{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#8198b2}.dde-placeholder span{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#e0ecf8;color:#5b7da3;font-size:21px;font-weight:900}.dde-placeholder small{font-size:10px;font-weight:700}.dde-image-failed .dde-placeholder{display:flex}
.dde-body{padding:15px}.dde-brand{font-size:9px;color:var(--dde-blue);font-weight:900;letter-spacing:1px;text-transform:uppercase}.dde-item h3{margin:4px 0 13px;font-size:18px;line-height:1.2}.dde-mini-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dde-mini-specs span{background:#f6f8fb;border:1px solid #edf1f5;padding:8px 9px;border-radius:9px;font-size:11px;font-weight:800}.dde-mini-specs small{display:block;color:#8a97a8;font-size:8px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.dde-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #edf1f5}.dde-state{font-size:9px;font-weight:800;color:#7c8795}.dde-state.is-active{color:var(--dde-green)}.dde-open{font-size:10px;color:var(--dde-blue);font-weight:900}

/* Dronio-kørekort: dansk kørekort-inspireret farveunivers, men ikke en kopi af et officielt dokument */
.dde-license{position:sticky;top:82px;color:#382737;border:1px solid #cbb4c2;border-radius:22px;padding:26px;background:
radial-gradient(circle at 88% 10%,rgba(255,255,255,.72),transparent 27%),
linear-gradient(135deg,var(--dde-lic3) 0%,var(--dde-lic) 48%,var(--dde-lic2) 100%);
box-shadow:0 20px 48px rgba(73,44,65,.18);overflow:hidden}
.dde-license:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.23;background:repeating-linear-gradient(115deg,transparent 0 17px,rgba(86,54,77,.07) 18px 19px)}
.dde-license>*{position:relative}.dde-pass-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dde-license-kicker{font-size:10px;font-weight:950;letter-spacing:1.25px;color:var(--dde-plum)}.dde-license h3{font-size:27px;line-height:1.12;margin:8px 0 0;color:#2e1e2b}.dde-license h3 span{color:#6d4260}.dde-live-dot{flex:0 0 auto;font-size:9px;color:#315f4d;font-weight:900;background:rgba(255,255,255,.52);border:1px solid #b9cfc5;border-radius:999px;padding:6px 8px}.dde-live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2c9b6d;margin-right:5px}
.dde-pass-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0}.dde-pass-summary div{background:rgba(255,255,255,.58);border:1px solid #d5c1cc;border-radius:11px;padding:11px}.dde-pass-summary small{display:block;color:#876b7e;font-size:8px;font-weight:900;letter-spacing:.7px}.dde-pass-summary strong{display:block;color:#33222f;font-size:12px;margin-top:3px}.dde-pass-question{font-size:13px;font-weight:950;color:#442d3e;background:rgba(255,255,255,.45);border-left:4px solid var(--dde-plum2);padding:10px 11px;margin:4px 0 3px;border-radius:0 8px 8px 0}
.dde-rule{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:16px 0;border-bottom:1px solid rgba(86,54,77,.18)}.dde-rule-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#62435a;color:#fff;border:1px solid #4e3348;font-size:13px;font-weight:950;box-shadow:inset 0 1px rgba(255,255,255,.18)}.dde-rule-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.dde-rule-title strong{font-size:12px;color:#382737}.dde-rule-title span{font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.45px;padding:4px 7px;border-radius:999px}.dde-rule-title .ok{color:#245c47;background:#d6eadf;border:1px solid #b9d8c9}.dde-rule-title .check{color:#76500d;background:#f4e4b8;border:1px solid #e4ce91}.dde-rule h4{font-size:14px;color:#3a2736;margin:4px 0}.dde-rule p{font-size:10px;color:#705b69;line-height:1.58;margin:0}.dde-official{margin-top:17px;padding:14px;border-radius:12px;background:rgba(255,255,255,.52);border:1px solid #d2bdc9}.dde-official strong{display:block;color:#493245;font-size:10px;margin-bottom:4px}.dde-official p{margin:0;color:#745f6d;font-size:9px;line-height:1.55}.dde-license-empty{color:#705b69;padding:8px}.dde-license-empty h3{color:#382737;margin-top:10px}.dde-license-empty p{font-size:12px;line-height:1.65}.dde-loading{grid-column:1/-1;color:#6e7c8e;background:#fff;border:1px dashed #ced9e5;border-radius:14px;padding:24px;text-align:center}.dde-standalone{max-width:480px}
@media(max-width:1100px){.dde-layout{grid-template-columns:minmax(0,1fr) 400px}.dde-grid{grid-template-columns:1fr}.dde-media{height:220px}}
@media(max-width:900px){.dde-app{padding:17px;border-radius:16px}.dde-hero{align-items:flex-start;flex-direction:column}.dde-toolbar{grid-template-columns:1fr}.dde-layout{grid-template-columns:1fr}.dde-license{position:relative;top:0;order:-1}.dde-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dde-grid{grid-template-columns:1fr}.dde-media{height:210px}.dde-pass-head{display:block}.dde-live-dot{display:inline-block;margin-top:9px}.dde-pass-summary{grid-template-columns:1fr}.dde-license{padding:20px}.dde-license h3{font-size:23px}}
/* v1.5: mere visuelt Dronio-kørekort */
.dde-license{isolation:isolate;background:radial-gradient(circle at 88% 8%,rgba(255,255,255,.92),transparent 25%),radial-gradient(circle at 10% 90%,rgba(0,103,216,.10),transparent 31%),linear-gradient(132deg,#fbf3f7 0%,#efdbe6 50%,#e7d8eb 100%);border-color:#c9adbf}
.dde-license:before{z-index:-1;opacity:.32;background:repeating-linear-gradient(115deg,transparent 0 23px,rgba(86,54,77,.055) 24px 25px),repeating-radial-gradient(circle at 20% 20%,transparent 0 13px,rgba(0,103,216,.035) 14px 15px)}
.dde-license:after{content:"DRONIO.DK  KØREKORT";position:absolute;z-index:-1;left:-42px;top:48%;transform:rotate(-31deg);font-size:46px;line-height:1;font-weight:950;letter-spacing:4px;color:rgba(0,103,216,.08);white-space:nowrap;pointer-events:none}
.dde-license h3 span{color:#0868d8}.dde-license-kicker{color:#604158}
.dde-rule-icon{border-radius:14px;box-shadow:0 5px 13px rgba(75,46,67,.16),inset 0 1px rgba(255,255,255,.22)}
.dde-rule:nth-of-type(1) .dde-rule-icon{background:linear-gradient(145deg,#1775ad,#0c527f)}
.dde-rule:nth-of-type(2) .dde-rule-icon{background:linear-gradient(145deg,#76536d,#513449)}
.dde-rule:nth-of-type(3) .dde-rule-icon{background:linear-gradient(145deg,#a27720,#73500e)}
.dde-rule:nth-of-type(4) .dde-rule-icon{background:linear-gradient(145deg,#27866a,#175e49)}
.dde-standard-placeholder img{width:100%;height:100%;padding:0!important;object-fit:cover!important;mix-blend-mode:normal!important}

/* v1.6 – separat, roligere hjælpesektion UNDER kørekortet */
.dde-license-stack{display:block;width:100%}
.dde-license-stack>.dde-license{position:relative;top:auto}
.dde-nextsteps{margin-top:13px;background:#fff;border:1px solid #dfe6ef;border-radius:15px;padding:14px;box-shadow:0 6px 18px rgba(17,43,78,.045);color:#273548}
.dde-nextsteps-head{padding:1px 2px 11px}.dde-nextsteps-head>span{display:block;color:#8793a2;font-size:8px;font-weight:950;letter-spacing:1.15px}.dde-nextsteps-head>strong{display:block;margin-top:3px;font-size:14px;line-height:1.25}.dde-nextsteps-head p{margin:4px 0 0;color:#84909e;font-size:9px}
.dde-nextsteps-links{display:grid;gap:7px}.dde-nextsteps-links>a{display:grid;grid-template-columns:32px 1fr 15px;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e8edf3;border-radius:10px;background:#fafbfd;color:#273548!important;text-decoration:none!important;transition:.15s ease}.dde-nextsteps-links>a:hover{border-color:#bdd7ef;background:#f4f9fe;transform:translateY(-1px)}
.dde-ns-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e8f2fb;color:#176ba8;font-size:9px}.dde-nextsteps-links>a:nth-child(2) .dde-ns-icon{background:#f2eaf0;color:#704d66}.dde-nextsteps-links>a:nth-child(3) .dde-ns-icon{background:#e7f4ee;color:#26745c}
.dde-nextsteps-links span strong{display:block;font-size:10px}.dde-nextsteps-links span small{display:block;margin-top:2px;color:#7f8b99;font-size:8px}.dde-nextsteps-links i{font-style:normal;color:#7790a7;font-size:12px}

/* =========================================================
   v1.7 – Kørekort + separat "Det praktiske"
   ========================================================= */

/* Hele højre område må ikke ligne ét langt rosa dokument */
.dde-license-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  width:100% !important;
}

/* Kørekortet stopper som sit eget dokument */
.dde-license-stack > .dde-license{
  position:relative !important;
  top:auto !important;
  margin:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

/* Den praktiske boks: HELT selvstændig visuel identitet */
.dde-license-stack > .dde-nextsteps{
  margin:0 !important;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.94),transparent 27%),
    linear-gradient(145deg,#f4f9ff 0%,#eaf3fc 58%,#e4eef9 100%) !important;
  border:1px solid #bcd4ec !important;
  border-top:4px solid #1672c4 !important;
  border-radius:17px !important;
  padding:19px 18px 17px !important;
  box-shadow:0 9px 24px rgba(25,72,118,.09) !important;
  color:#17324d !important;
}

/* diskret Dronio-præg i baggrunden */
.dde-license-stack > .dde-nextsteps:after{
  content:"DRONIO.DK";
  position:absolute;
  right:-10px;
  top:9px;
  font-size:34px;
  line-height:1;
  font-weight:950;
  letter-spacing:2px;
  color:rgba(16,103,181,.045);
  pointer-events:none;
  transform:rotate(-8deg);
}

.dde-nextsteps-head{
  position:relative;
  z-index:1;
  padding:0 2px 15px !important;
  border-bottom:1px solid rgba(80,125,167,.15);
  margin-bottom:11px;
}
.dde-nextsteps-head>span{
  display:block !important;
  color:#1672c4 !important;
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:1.3px !important;
  margin-bottom:5px !important;
}
.dde-nextsteps-head>strong{
  display:block !important;
  color:#17324d !important;
  font-size:17px !important;
  line-height:1.2 !important;
  letter-spacing:-.15px;
}
.dde-nextsteps-head p{
  margin:6px 0 0 !important;
  color:#637a90 !important;
  font-size:10px !important;
  line-height:1.45 !important;
}

/* De tre handlinger er større og lettere at aflæse */
.dde-nextsteps-links{
  position:relative;
  z-index:1;
  display:grid !important;
  gap:9px !important;
}
.dde-nextsteps-links>a{
  display:grid !important;
  grid-template-columns:40px 1fr 22px !important;
  align-items:center !important;
  gap:11px !important;
  min-height:57px;
  padding:10px 11px !important;
  border:1px solid #d2e1ef !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.70) !important;
  color:#20384f !important;
  text-decoration:none !important;
  box-shadow:0 2px 6px rgba(25,72,118,.025);
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease !important;
}
.dde-nextsteps-links>a:hover{
  transform:translateY(-1px) !important;
  border-color:#83b6e2 !important;
  background:#fff !important;
  box-shadow:0 5px 14px rgba(25,72,118,.08) !important;
}
.dde-ns-icon{
  display:grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  border-radius:10px !important;
  background:#dceefe !important;
  color:#1169ad !important;
  font-size:11px !important;
  font-weight:950 !important;
  box-shadow:inset 0 0 0 1px rgba(17,105,173,.06);
}
.dde-nextsteps-links>a:nth-child(2) .dde-ns-icon{
  background:#efe5ed !important;
  color:#704d66 !important;
}
.dde-nextsteps-links>a:nth-child(3) .dde-ns-icon{
  background:#dff2ea !important;
  color:#217057 !important;
}
.dde-nextsteps-links span strong{
  display:block !important;
  color:#20384f !important;
  font-size:11px !important;
  line-height:1.25 !important;
}
.dde-nextsteps-links span small{
  display:block !important;
  margin-top:3px !important;
  color:#6e8193 !important;
  font-size:9px !important;
  line-height:1.35 !important;
}
.dde-nextsteps-links i{
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:#e5f0fa;
  color:#176fac !important;
  font-style:normal !important;
  font-size:12px !important;
  font-weight:900 !important;
}

/* På mindre skærme: stadig tydelig adskillelse og læsbar størrelse */
@media(max-width:900px){
  .dde-license-stack{gap:15px !important}
  .dde-license-stack > .dde-nextsteps{padding:17px 15px 15px !important}
  .dde-nextsteps-head>strong{font-size:16px !important}
}

/* =========================================================
   v1.8 – komplet højre-kolonne-gennemgang
   ========================================================= */
.dde-sidepanel{
  position:sticky;
  top:82px;
  align-self:start;
  min-width:0;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.dde-sidepanel .dde-license-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
}
.dde-sidepanel .dde-license{
  position:relative !important;
  top:auto !important;
  width:100%;
  margin:0 !important;
  box-sizing:border-box;
}
.dde-sidepanel .dde-nextsteps{
  width:100%;
  box-sizing:border-box;
  margin:0 !important;
}

/* Praktisk sektion: rolig, men stor nok til at kunne læses uden anstrengelse */
.dde-nextsteps-head>strong{font-size:18px !important}
.dde-nextsteps-head p{font-size:10.5px !important}
.dde-nextsteps-links>a{min-height:62px !important;padding:11px 12px !important}
.dde-nextsteps-links span strong{font-size:11.5px !important}
.dde-nextsteps-links span small{font-size:9.5px !important}
.dde-ns-icon{width:40px !important;height:40px !important}

/* Produktkort: produktet skal stå tydeligt, også på hvid baggrund */
.dde-media{background:#f3f7fb}
.dde-media img{object-fit:contain !important;background:#fff;padding:8px;box-sizing:border-box}
.dde-standard-placeholder img{padding:0 !important;background:transparent !important;object-fit:cover !important}

/* lidt mere ro og hierarki i kortene */
.dde-item{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.dde-item:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(27,64,104,.09)}
.dde-item.is-selected{box-shadow:0 0 0 2px rgba(0,103,216,.08),0 9px 22px rgba(27,64,104,.09)}

/* mobil: kørekort og praktisk boks kommer samlet, men stadig som to kort */
@media(max-width:900px){
  .dde-sidepanel{position:relative;top:auto;order:-1}
  .dde-sidepanel .dde-license-stack{gap:16px !important}
}

/* =========================================================
   v1.9 – dybde, kontrast og katalogpolering
   ========================================================= */

/* Kun Drone Engine får den nye kølige blågrå scene */
.dde-app{
  background:#E9EFF6 !important;
  border:1px solid #d4dfeb !important;
  border-radius:22px !important;
  padding:22px !important;
  box-shadow:0 12px 34px rgba(31,63,96,.06) !important;
}

/* Topområdet skal være roligt og integreret i scenen */
.dde-head{
  margin-bottom:16px !important;
}
.dde-toolbar{
  background:rgba(255,255,255,.88) !important;
  border:1px solid #d4dfeb !important;
  box-shadow:0 5px 14px rgba(31,63,96,.045) !important;
}

/* Hvide produktkort skal POPPE fra baggrunden */
.dde-item{
  background:#fff !important;
  border-color:#d6e0ea !important;
  box-shadow:0 3px 10px rgba(28,61,94,.045) !important;
}
.dde-item:hover{
  border-color:#a8c8e8 !important;
  box-shadow:0 10px 24px rgba(28,61,94,.105) !important;
}
.dde-item.is-selected{
  border-color:#1682e6 !important;
  box-shadow:0 0 0 2px rgba(22,130,230,.09),0 10px 25px rgba(28,61,94,.10) !important;
}

/* Billedfelt: ensartet præsentation af meget forskellige produktfotos */
.dde-media{
  background:#f5f8fb !important;
  border-bottom:1px solid #e2e9f0;
}
.dde-media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:10px !important;
  box-sizing:border-box !important;
  mix-blend-mode:multiply;
}
.dde-standard-placeholder img{
  mix-blend-mode:normal !important;
  padding:0 !important;
}

/* Kørekort og næste skridt skal stå som to tydelige lag ovenpå scenen */
.dde-sidepanel .dde-license{
  box-shadow:0 12px 30px rgba(78,45,67,.10) !important;
}
.dde-sidepanel .dde-nextsteps{
  box-shadow:0 10px 26px rgba(25,72,118,.09) !important;
}

/* Mere behagelig luft mellem kortene */
.dde-grid{
  gap:14px !important;
}

/* Mobil/tablet: behold kontrasten uden unødig stor ydermargin */
@media(max-width:900px){
  .dde-app{
    padding:15px !important;
    border-radius:17px !important;
  }
}
@media(max-width:600px){
  .dde-app{
    padding:11px !important;
    border-radius:14px !important;
  }
}

/* v1.10 – regelstatus skal kunne aflæses på et øjeblik */
.dde-license [data-state="required"], .dde-rule-required{--dde-rule:#a66a00}
.dde-license [data-state="ok"], .dde-rule-ok{--dde-rule:#17865f}
.dde-license [data-state="check"], .dde-rule-check{--dde-rule:#a66a00}
.dde-rule-source{
  margin-top:12px;padding:9px 11px;border-radius:10px;
  background:rgba(255,255,255,.55);border:1px solid rgba(111,77,99,.13);
  font-size:9px;line-height:1.45;color:#705f69
}

/* v1.10.1 – integreret nybegynderforklaring og gennemsigtighed */
.dde-explainer{
  display:flex;gap:13px;align-items:flex-start;
  margin:0 0 14px;padding:14px 15px;
  border:1px solid #cbdbea;border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.93),rgba(242,248,253,.92));
  box-shadow:0 4px 14px rgba(31,63,96,.045);
  color:#15253a;
}
.dde-explainer-icon{
  flex:0 0 30px;width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;background:#0878d1;color:#fff;
  font-weight:800;font-size:15px;box-shadow:0 4px 10px rgba(8,120,209,.16);
}
.dde-explainer-copy{min-width:0;flex:1}
.dde-explainer-copy>strong{display:block;font-size:14px;line-height:1.3;margin:1px 0 4px}
.dde-explainer-copy>p{margin:0;color:#5d6e82;font-size:11px;line-height:1.55}
.dde-explainer details{margin-top:9px;border-top:1px solid #dbe6ef;padding-top:8px}
.dde-explainer summary{
  cursor:pointer;color:#0871c4;font-size:10px;font-weight:800;
  list-style:none;user-select:none
}
.dde-explainer summary::-webkit-details-marker{display:none}
.dde-explainer summary:after{content:" +";font-weight:900}
.dde-explainer details[open] summary:after{content:" −"}
.dde-source-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px
}
.dde-source-grid span{
  padding:8px 9px;background:#fff;border:1px solid #dbe5ee;border-radius:9px;
  font-size:9px;line-height:1.4;color:#607086
}
.dde-source-grid b{display:block;color:#20334b;font-size:9px;margin-bottom:2px}
.dde-source-note{margin-top:7px!important;font-size:9px!important}
@media(max-width:700px){
  .dde-source-grid{grid-template-columns:1fr}
  .dde-explainer{padding:12px}
}

/* v1.11.0 – kildegrundlaget er permanent synligt */
.dde-source-always{
  margin-top:9px;
  border-top:1px solid #dbe6ef;
  padding-top:8px;
}
.dde-source-heading{
  color:#0871c4;
  font-size:10px;
  font-weight:800;
  margin-bottom:7px;
}
.dde-source-always .dde-source-grid{margin-top:0}
.dde-source-always .dde-source-note{margin-bottom:0!important}

/* gamle details-markører må aldrig dukke op i v1.11.0 */
.dde-explainer details,
.dde-explainer summary{display:none!important}

/* v1.12 */
.dde-count-wrap{text-align:right}.dde-count-wrap small{display:block;margin-top:4px;color:#65758b;font-size:10px;font-weight:700}.dde-media img{transition:transform .22s ease}.dde-item:hover .dde-media img{transform:scale(1.025)}
