/* BeerWeer · changelog.html — bovenop integratie.css (zelfde tokens en typografie).
   Apart bestand want de CSP staat geen inline <style> toe (style-src-elem 'self'). */
.rel{border-top:1px solid var(--line);padding-top:14px;margin-top:26px}
.rel:first-of-type{border-top:0}
.rel h2{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 2px}
.relnr{font-family:var(--mono);font-size:clamp(17px,4.6vw,20px);color:var(--ochre);
  text-decoration:none;letter-spacing:-.02em}
.relnr:hover{text-decoration:underline}
.rel h2 time{font-size:13px;font-weight:500;color:var(--fg-dim);letter-spacing:.01em}
.relsum{color:var(--fg-dim);max-width:62ch;margin:6px 0 2px}
.rub{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  margin:16px 0 6px;color:var(--fg-dim)}
.rub::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;
  margin-right:8px;vertical-align:1px;background:var(--fg-dim)}
.rub-toegevoegd::before{background:#7FA08A}
.rub-verbeterd::before{background:var(--ochre)}
.rub-opgelost::before{background:#8FA7C2}
.rub-verwijderd::before{background:rgba(234,226,206,.35)}
.rub-beveiliging::before{background:#C2857F}
.rel ul{margin:0;padding-left:18px;list-style:none}
.rel li{position:relative;margin:5px 0;color:var(--fg);max-width:68ch}
.rel li::before{content:"";position:absolute;left:-14px;top:9px;width:5px;height:1px;
  background:var(--line);}
@media (max-width:520px){
  .rel h2{gap:8px}
  .rel li{font-size:15px}
}