/* /<lang>/releases.html (releases_page.py) - release notes, newest first. Tokens from style.css. */
.rl-jump{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 28px}
.rl-jump a{font-family:var(--font-display);font-size:14px;letter-spacing:.04em;padding:6px 12px;background:var(--panel);
  border:1px solid var(--line);color:var(--muted);transition:color var(--t),border-color var(--t)}
.rl-jump a:hover,.rl-jump a:focus-visible{color:var(--text);border-color:var(--line-2)}
.rl-jump a.on{color:var(--text);border-color:rgba(var(--accent-rgb),.7)}
.rl-list{display:grid;gap:22px}
.rl-rel{position:relative;background:rgba(var(--panel-rgb),.7);border:1px solid var(--line);padding:clamp(18px,2.6vw,30px);
  scroll-margin-top:calc(var(--top-h) + 18px)}
.rl-rel.rl-latest{border-color:rgba(var(--accent-rgb),.45);background:
  radial-gradient(120% 70% at 0% 0%,rgba(var(--accent-rgb),.10),transparent 60%),rgba(var(--panel-rgb),.8)}
.rl-rel header{display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.rl-rel h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:clamp(26px,3.2vw,36px);letter-spacing:.02em}
.rl-badge{font-family:var(--font-display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;
  background:var(--accent);color:#fff}
.rl-meta{grid-column:1;display:flex;flex-wrap:wrap;gap:6px 0;color:var(--muted);font-size:15px}
.rl-meta>*+*::before{content:"·";margin:0 10px;color:var(--dim)}
.rl-plats{grid-column:2;grid-row:1/span 2;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.rl-plat{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#C9D0DD;padding:5px 10px;
  border:1px solid var(--line-2);background:rgba(var(--text-rgb),.03)}
.rl-plat svg{width:15px;height:15px;flex:none;opacity:.85}
.rl-group{margin-top:20px}
.rl-group h3{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:15px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gc,var(--teal))}
.rl-group h3 svg{width:18px;height:18px;flex:none}
.rl-g-new{--gc:#F4C20D}.rl-g-improved{--gc:var(--crystal)}.rl-g-fixed{--gc:#7BE3B4}
html[lang="ar"] .rl-group h3,html[lang="hi"] .rl-group h3,html[lang="ja"] .rl-group h3,html[lang="zh"] .rl-group h3,
html[lang="ko"] .rl-group h3,html[lang="ru"] .rl-group h3{letter-spacing:.04em}
.rl-group ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.rl-group li{position:relative;padding-inline-start:20px;color:#BAC2D0;line-height:1.6;max-width:92ch}
.rl-group li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:7px;height:7px;background:var(--gc,var(--teal));
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.rl-group li strong{color:var(--text);font-weight:600}
.rl-group li span{color:#AEB6C5}
.rl-also{margin-top:30px;color:var(--muted)}
.rl-also a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
@media (max-width:720px){
  .rl-rel header{grid-template-columns:1fr}
  .rl-plats{grid-column:1;grid-row:auto;justify-content:flex-start}
  .rl-jump{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
  .rl-jump a{flex:none}
}