/* SPDX-FileCopyrightText: 2026 Sebastian Kügler <sebas@kde.org>
   SPDX-License-Identifier: CC-BY-SA-4.0 */

/* downloads/<channel>/: one article per release, files as a table-ish
   list with the checksum under each. */
.archive-head { padding-top: 44px; }
.archive-head h1 { font-size: 2.1rem; margin-bottom: 8px; }
.archive-head .lede { max-width: 60ch; }
.archive-nav { font-size: 0.92rem; }
.release {
  background: var(--surface); border: 1px solid var(--border-subtle);
  border-radius: var(--radius); padding: 22px 24px; margin: 0 0 18px;
}
.release.pulled { border-color: var(--warn-border); }
.release h2 { font-size: 1.25rem; margin: 0 0 2px; }
.release .when { color: var(--text-muted); font-size: 0.88rem; margin: 0 0 12px; }
.release .warning, .release .notice { margin: 12px 0; }
.release ul { margin: 0 0 12px; padding-left: 20px; }
.release li { margin-bottom: 4px; }
.release ul.files { list-style: none; padding: 0; margin: 14px 0 0; }
.release ul.files li {
  display: grid; grid-template-columns: 5.5em 1fr auto; column-gap: 12px; align-items: baseline;
  padding: 8px 0; border-top: 1px solid var(--border-subtle);
}
.release ul.files .plat { font-weight: 600; }
.release ul.files .file { overflow-wrap: anywhere; }
.release ul.files a.file { color: var(--accent); text-decoration: none; font-weight: 600; }
.release ul.files a.file:hover { text-decoration: underline; }
.release.pulled ul.files .file { color: var(--text-muted); text-decoration: line-through; }
.release ul.files .size { color: var(--text-muted); font-size: 0.85rem; white-space: nowrap; }
.release ul.files .sum {
  grid-column: 2 / -1; font-size: 0.72rem; color: var(--text-muted); overflow-wrap: anywhere;
}
.chan-tag {
  display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px;
  font-size: 0.72rem; letter-spacing: 0.04em; text-transform: uppercase; font-weight: 700;
  background: var(--surface-alt); color: var(--text-muted); border: 1px solid var(--border-subtle);
  vertical-align: middle;
}
.chan-tag.testing { color: var(--warn-text); }
.chan-tag.stable { color: var(--good); }
@media (max-width: 520px) {
  .release ul.files li { grid-template-columns: 1fr auto; }
  .release ul.files .plat { grid-column: 1 / -1; }
  .release ul.files .sum { grid-column: 1 / -1; }
}