/* ===== Computer Teknologi – neon/circuit tema (ct-*) ===== */
.ct-wrap{
  /* Palet */
  --ink:#e8f1ff;              /* primær tekst */
  --muted:#9bb2d6;            /* sekundær tekst */
  --accent:#60a5fa;           /* cyan/blå neon */
  --accent-2:#22d3ee;         /* turkis highlight */
  --panel:#0e1626;            /* panel */
  --bg1:#0a1020;              /* baggrund øverst */
  --bg2:#070b16;              /* baggrund nederst */

  color:var(--ink);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  position:relative; overflow:hidden;

  /* Egen mørk baggrund + “printbaner” som diskret mønster */
  background:
    /* glød */
    radial-gradient(1000px 520px at 65% -10%, #12213d 0%, var(--bg1) 55%, var(--bg2) 100%),
    /* “printbaner” – hor/vert subtile linjer */
    repeating-linear-gradient(90deg, rgba(96,165,250,.08) 0 1px, transparent 1px 18px),
    repeating-linear-gradient(0deg,  rgba(96,165,250,.06) 0 1px, transparent 1px 22px);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  padding:14px 16px;
  line-height:1.5;
  box-shadow:0 12px 26px rgba(0,0,0,.35);
}

/* Diskrete “diode”-glimt */
.ct-wrap::after{
  content:""; position:absolute; inset:-15%;
  background:
    radial-gradient(2px 2px at 30% 25%, rgba(96,165,250,.9), transparent 45%),
    radial-gradient(1.6px 1.6px at 68% 18%, rgba(34,211,238,.75), transparent 45%),
    radial-gradient(2.2px 2.2px at 82% 66%, rgba(96,165,250,.8), transparent 45%),
    radial-gradient(1.8px 1.8px at 42% 74%, rgba(34,211,238,.7), transparent 45%);
  opacity:.55; pointer-events:none; animation: ct-twinkle 11s linear infinite;
}
@keyframes ct-twinkle{ 0%{transform:translateY(0)} 50%{transform:translateY(6px)} 100%{transform:translateY(0)} }

/* Titel */
.ct-title{
  margin:0 0 4px 0; display:flex; align-items:center; gap:.6rem;
  font-weight:850; letter-spacing:.02em; text-transform:uppercase; font-size:20px;
}
.ct-chip{
  width:12px; height:12px; border-radius:2px;
  background:linear-gradient(180deg,var(--accent),#3b82f6);
  box-shadow:0 0 0 5px rgba(96,165,250,.25), 0 0 14px var(--accent);
}

/* Undertitel */
.ct-sub{color:var(--muted); margin:0 0 8px 0; font-weight:600; font-size:13px}

/* Separator som “lysskinne” */
.ct-hr{
  height:1px; border:0; margin:8px 0 10px 0;
  background:linear-gradient(90deg,var(--accent),transparent);
  opacity:.9;
}

/* Paneler */
.ct-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px; padding:9px 11px; margin:6px 0;
}

/* Liste med “kredsløbs”-bullets */
.ct-list{list-style:none; padding-left:0; margin:6px 0 0 0}
.ct-list li{margin:5px 0; padding-left:22px; position:relative; font-size:13px}
.ct-list li::before{
  content:""; position:absolute; left:0; top:.3em; width:12px; height:12px;
  border-radius:2px;
  background:
    linear-gradient(180deg, var(--accent-2), var(--accent));
  box-shadow: 0 0 10px rgba(96,165,250,.6);
}

/* Badge */
.ct-badge{
  display:inline-block; font-size:11px; font-weight:800; letter-spacing:.04em;
  padding:3px 9px; border-radius:999px; color:#021019;
  background:linear-gradient(180deg,var(--accent-2),var(--accent));
  box-shadow:0 0 0 4px rgba(96,165,250,.22);
}

/* Knap & links */
.ct-btn{
  display:inline-block; margin-top:6px; padding:6px 10px; border-radius:8px;
  background:linear-gradient(180deg,var(--accent),#3b82f6);
  color:#051222; font-weight:800; text-transform:uppercase;
  font-size:12px; text-decoration:none; box-shadow:0 8px 18px rgba(96,165,250,.35);
}
.ct-btn:hover{ filter:brightness(1.06) }
.ct-a{color:#fff; border-bottom:1px dotted var(--accent); text-decoration:none}
.ct-a:hover{color:var(--accent-2)}

.ct-note{margin-top:6px; font-size:12px; color:var(--muted)}
/* Valgfrit: pænt billede */
.ct-img{max-width:100%; display:block; border-radius:12px; margin:6px 0}