/* Kom — changelog. Egen fil, så style.css kan ændres uafhængigt. Bruger samme variabler. */

.changelog{list-style:none;margin:26px 0 0;padding:0}
.changelog-entry{background:var(--surface);border:1px solid rgba(18,35,43,.04);border-radius:var(--radius);
  box-shadow:0 10px 30px rgba(18,35,43,.06);padding:22px 24px;margin:0 0 16px}
.changelog-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}
.prose .changelog-head h2{margin:0;font-size:21px;line-height:1.2}
.changelog-date{color:var(--ink-3);font-size:14px;font-weight:500}
.changelog-build{font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--ink-3);
  border:1px solid rgba(18,35,43,.1);border-radius:999px;padding:2px 10px}
.prose .changelog-title{margin:10px 0 0;color:var(--ink);font-weight:600;font-size:16px}
.changelog-items{margin:8px 0 0 20px}
.prose .changelog-items li{margin:6px 0}
.changelog-items li::marker{color:var(--teal)}

/* Version der ikke er ude endnu: "På vej" i stedet for en dato. */
.changelog-entry.is-upcoming{border-color:rgba(42,169,196,.35);box-shadow:0 10px 30px rgba(42,169,196,.12)}
.is-upcoming .changelog-date{color:var(--teal);font-weight:600;background:var(--teal-soft);
  border-radius:999px;padding:2px 10px;font-size:12px;letter-spacing:.4px;text-transform:uppercase}

.changelog-back{margin-top:28px}

@media(max-width:560px){
  .changelog-entry{padding:18px 18px;border-radius:18px}
  .changelog-head{gap:6px 10px}
  .prose .changelog-head h2{font-size:19px}
}