/* ============ Counter-Strike klub – kompakt & mørk ============ */
.cs-wrap{
  /* Farver */
  --cs-ink:#e9e9e9;
  --cs-muted:#b3c0d3;
  --cs-accent:#f59e0b;
  --cs-ring:rgba(245,158,11,.25);

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

  /* Egen mørk baggrund, så editorens hvide ikke slår igennem */
  background: radial-gradient(800px 400px at 60% 10%, #122033 0%, #0b121b 55%, #0a0f17 100%);
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;

  padding:12px 14px;
  line-height:1.45;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}

/* Titel */
.cs-title{
  font-size:20px; font-weight:800; letter-spacing:.02em; margin:0 0 4px 0;
  text-transform:uppercase; display:flex; align-items:center; gap:.5rem;
}
.cs-title .cs-bullet{
  width:10px; height:10px; border-radius:2px; background:var(--cs-accent);
  box-shadow:0 0 0 4px var(--cs-ring), 0 0 12px var(--cs-accent);
}

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

/* Separator */
.cs-hr{
  height:1px; background:linear-gradient(90deg,var(--cs-accent),transparent);
  border:0; margin:6px 0 8px 0; opacity:.8;
}

/* Panel */
.cs-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px; padding:8px 10px; margin:6px 0;
}

/* Liste */
.cs-list{list-style:none; padding-left:0; margin:4px 0 0 0}
.cs-list li{margin:4px 0; position:relative; padding-left:18px; font-size:13px; color:var(--cs-ink)}
.cs-list li::before{
  content:""; position:absolute; left:0; top:.35em; width:10px; height:10px;
  background:var(--cs-accent); border-radius:2px; box-shadow:0 0 8px var(--cs-accent);
}

/* Badge */
.cs-badge{
  display:inline-block; font-size:11px; font-weight:700; letter-spacing:.04em;
  padding:2px 8px; border-radius:999px; color:#1b1204; background:var(--cs-accent);
  box-shadow:0 0 0 3px var(--cs-ring);
}

/* Knap & links */
.cs-btn{
  display:inline-block; margin-top:6px; padding:5px 10px; border-radius:7px;
  background:var(--cs-accent); color:#1b1204; font-weight:750; text-transform:uppercase;
  font-size:12px; text-decoration:none;
}
.cs-btn:hover{filter:brightness(1.06)}
.cs-a{color:#fff; border-bottom:1px dotted var(--cs-accent); text-decoration:none}
.cs-a:hover{color:var(--cs-accent)}

.cs-note{margin-top:6px; font-size:12px; color:var(--cs-muted)}
/* Valgfrit: gør billeder pæne, hvis du indsætter et */
.cs-img{max-width:100%; border-radius:10px; display:block; margin:6px 0}