/* Lekon GAP-analyse - sektionen på ISO-siderne
 * ------------------------------------------------------------------
 * Mørkeblå sektion: overskrift, tekst og knap til venstre, gennemgangen
 * af standarden til højre. Samme farver og skrifter som resten af sitet.
 */
.lgt{--lgt-groen:#3DDC84;--lgt-gul:#F5B942;--lgt-roed:#FF6B6F;--lgt-blaa:#16ADEE;--lgt-e:cubic-bezier(.22,1,.36,1);
  position:relative;overflow:hidden;
  background:radial-gradient(55% 70% at 88% 30%,rgba(22,173,238,.16),transparent 62%),var(--navy,#152634)!important;}
.lgt__g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,6vw,110px);align-items:center;}
/* venstre side */
.aba .aba-sek.lgt .lgt__maerke{color:#8FD8F8;}
.aba .aba-sek.lgt .lgt__h{margin-top:6px;font-family:var(--fd,"Schibsted Grotesk",sans-serif);font-weight:700;font-size:clamp(1.98rem,2.97vw,3.06rem);
  line-height:1.04;letter-spacing:-.045em;color:#fff;max-width:14ch;}
.aba .aba-sek.lgt .lgt__h span{color:var(--lgt-blaa);white-space:nowrap;}
.aba .aba-sek.lgt .lgt__t{margin-top:22px;max-width:48ch;font-size:clamp(.936rem,1.035vw,1.044rem);line-height:1.62;color:#D5E1E9;}
.aba .aba-sek.lgt .lgt__meta{display:flex;flex-wrap:wrap;gap:10px 0;margin-top:26px;font-size:.855rem;font-weight:500;color:#9FB6C6;}
.aba .aba-sek.lgt .lgt__meta span + span{margin-left:16px;padding-left:16px;border-left:1px solid rgba(255,255,255,.18);}
.lgt__knap{display:inline-flex;align-items:center;gap:10px;min-height:58px;margin-top:30px;padding:0 30px;border-radius:999px;
  background:var(--lgt-blaa);color:#fff!important;font-family:var(--fd,"Schibsted Grotesk",sans-serif);font-weight:600;font-size:.936rem;text-decoration:none!important;
  transition:background .2s var(--lgt-e),transform .2s var(--lgt-e);}
.lgt__knap svg{width:18px;height:18px;transition:transform .25s var(--lgt-e);}
.lgt__knap:hover{background:#0B7EB0;transform:translateY(-2px);}
.lgt__knap:hover svg{transform:translateX(4px);}
/* højre side: gennemgangen */
.lgt__scan{position:relative;padding:clamp(22px,2.2vw,32px);border-radius:24px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);}
.lgt__top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1);}
.lgt__navn{font-family:var(--fd,"Schibsted Grotesk",sans-serif);font-weight:600;font-size:.9rem;color:#fff;}
.lgt__pct{display:flex;align-items:baseline;gap:2px;font-family:var(--fd,"Schibsted Grotesk",sans-serif);color:#fff;}
.lgt__pct b{font-weight:700;font-size:clamp(2.16rem,2.88vw,2.88rem);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums;}
.lgt__pct small{font-size:1.08rem;font-weight:600;color:#9FB6C6;}
.lgt__pct em{margin-left:10px;font-style:normal;font-size:.756rem;font-weight:500;color:#9FB6C6;font-family:var(--fb,"Plus Jakarta Sans",sans-serif);}
.lgt__raekker{position:relative;margin-top:6px;}
.lgt-r{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(90px,34%) 74px;align-items:center;gap:14px;padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.06);opacity:.42;transition:opacity .4s var(--lgt-e);}
.lgt-r:last-child{border-bottom:0;}
.lgt-r.er-scannet{opacity:1;}
.lgt-r__nr{font-family:var(--fd,"Schibsted Grotesk",sans-serif);font-weight:600;font-size:.855rem;color:#8FD8F8;font-variant-numeric:tabular-nums;}
.lgt-r__n{font-size:.882rem;line-height:1.3;color:#E3EAF0;}
.lgt-r__bar{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;}
.lgt-r__bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;background:var(--lgt-blaa);transition:width .8s var(--lgt-e);}
.lgt-r.er-scannet .lgt-r__bar i{width:var(--v);}
.lgt-r[data-st="klar"] .lgt-r__bar i{background:var(--lgt-groen);}
.lgt-r[data-st="delvist"] .lgt-r__bar i{background:var(--lgt-gul);}
.lgt-r[data-st="gap"] .lgt-r__bar i{background:var(--lgt-roed);}
.lgt-r__s{justify-self:end;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:700;
  opacity:0;transform:translateX(8px);transition:opacity .35s var(--lgt-e) .35s,transform .45s var(--lgt-e) .35s;}
.lgt-r__s::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;}
.lgt-r.er-scannet .lgt-r__s{opacity:1;transform:none;}
.lgt-r__s--klar{background:rgba(61,220,132,.14);color:var(--lgt-groen);}
.lgt-r__s--delvist{background:rgba(245,185,66,.14);color:var(--lgt-gul);}
.lgt-r__s--gap{background:rgba(255,107,111,.14);color:var(--lgt-roed);}
/* den aktive række lyser op, mens scanlinjen passerer */
.lgt-r.er-aktiv .lgt-r__n{color:#fff;}
.lgt__linje{position:absolute;left:-12px;right:-12px;top:0;height:2px;margin-top:-1px;z-index:2;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,var(--lgt-blaa) 18%,#8FD8F8 50%,var(--lgt-blaa) 82%,transparent);
  box-shadow:0 0 18px 2px rgba(22,173,238,.55);transition:transform .42s var(--lgt-e),opacity .3s ease;}
/* når gennemgangen er færdig: gaps at starte med */
.lgt__gaps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);}
.lgt__gaps-t{margin-right:4px;font-family:var(--fd,"Schibsted Grotesk",sans-serif);font-weight:600;font-size:.828rem;color:#fff;}
.lgt__gap{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,107,111,.12);
  box-shadow:inset 0 0 0 1px rgba(255,107,111,.25);font-size:.756rem;font-weight:600;color:#FFC2C4;
  opacity:0;transform:translateY(8px);transition:opacity .4s var(--lgt-e),transform .5s var(--lgt-e);}
.lgt__gaps-t{opacity:0;transition:opacity .4s var(--lgt-e);}
.lgt__scan.er-faerdig .lgt__gaps-t{opacity:1;}
.lgt__scan.er-faerdig .lgt__gap{opacity:1;transform:none;}
.lgt__scan.er-faerdig .lgt__gap:nth-child(2){transition-delay:.25s;}
.lgt__scan.er-faerdig .lgt__gap:nth-child(3){transition-delay:.4s;}
.lgt__scan.er-faerdig .lgt__gap:nth-child(4){transition-delay:.55s;}
.lgt__scan.er-faerdig .lgt-r[data-st="gap"] .lgt-r__s{animation:lgtPuls 1.8s ease-in-out .6s 2;}
@keyframes lgtPuls{50%{box-shadow:0 0 0 6px rgba(255,107,111,.12);}}
/* før næste runde: alt toner kort ud */
.lgt__scan.er-nulstil .lgt__raekker,.lgt__scan.er-nulstil .lgt__gaps,.lgt__scan.er-nulstil .lgt__pct{opacity:.15;transition:opacity .4s ease;}
.lgt__raekker,.lgt__gaps,.lgt__pct{transition:opacity .4s ease;}
/* tablet og telefon */
@media (max-width:1100px){
  .lgt__g{grid-template-columns:minmax(0,1fr);gap:40px;}
  .aba .aba-sek.lgt .lgt__h{max-width:none;}
}
@media (max-width:700px){
  .lgt-r{grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"nr n s" ". bar bar";row-gap:8px;}
  .lgt-r__nr{grid-area:nr;} .lgt-r__n{grid-area:n;} .lgt-r__s{grid-area:s;} .lgt-r__bar{grid-area:bar;}
  .lgt__pct em{display:none;}
  .aba .aba-sek.lgt .lgt__meta{gap:6px 16px;}
  .aba .aba-sek.lgt .lgt__meta span + span{margin-left:0;padding-left:0;border-left:0;}
}
@media (prefers-reduced-motion:reduce){
  .lgt-r,.lgt-r__bar i,.lgt-r__s,.lgt__gap,.lgt__linje{transition:none!important;animation:none!important;}
}