/* Выпуски: продукты из version.json splify2/releases, файлы версии и списки изменений. Токены — Andromeda.
   Продукт — карточка стекла (.an-glass), версии и таблицы файлов в нём — вложенное стекло
   (.an-glass .an-glass: без второго размытия). Здесь — только форма. */
.layout.two { grid-template-columns: 240px minmax(0, 1fr); }
@media (max-width: 1100px) { .layout.two { grid-template-columns: 220px minmax(0, 1fr); } }
@media (max-width: 820px) { .layout.two { grid-template-columns: 1fr; } }

.rel-intro p { color: var(--muted); margin: 0; }
.rel-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--an-space-6); margin: 18px 0 var(--an-space-4); }
.rel-top .updated { margin: 0; color: var(--muted); font-size: 14px; }
.rel-top .btn { min-height: var(--an-size-control); padding: var(--an-space-4) var(--an-space-8); font-size: 14.5px; }

.product { margin-top: var(--an-space-9); padding: var(--an-space-10) var(--an-space-10) var(--an-space-9); border-style: solid; border-width: 1px;
  border-radius: var(--an-radius-card); scroll-margin-top: calc(var(--top-h) + 20px); }
.phead { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--an-space-4) 18px; }
.phead h2 { font-size: 25px; letter-spacing: var(--an-tracking-title); margin: 0; }
.plinks { display: flex; flex-wrap: wrap; gap: var(--an-space-7); font-size: 14.5px; font-weight: var(--an-weight-medium); }
.badges { display: flex; flex-wrap: wrap; gap: var(--an-space-4) var(--an-space-9); margin: var(--an-space-6) 0 var(--an-space-8); }
.badges > span { display: inline-flex; align-items: center; gap: var(--an-space-4); }

.ver { display: inline-block; font: var(--an-weight-medium) 14px/1 var(--an-font-mono); padding: var(--an-space-3) var(--an-space-5); border-radius: var(--an-radius-pill);
  background: var(--chip-accent); color: var(--link); white-space: nowrap; }
a.ver:hover { text-decoration: none; box-shadow: inset 0 0 0 1px var(--an-accent-line); }
.ver.pre { background: var(--chip-warn); color: var(--an-warn-ink); box-shadow: inset 0 0 0 1px var(--an-warn-border); }
.vmeta { color: var(--muted); font-size: 14px; }

.vcur, .vold { border-style: solid; border-width: 1px; border-radius: var(--an-radius-block); margin: var(--an-space-6) 0;
  scroll-margin-top: calc(var(--top-h) + 20px); }
.vcur { padding: var(--an-space-8) 18px 18px; }
.vhead, .vold > summary { display: flex; flex-wrap: wrap; align-items: center; gap: var(--an-space-5); }
.vold > summary { padding: var(--an-space-6) var(--an-space-8); cursor: pointer; list-style: none; border-radius: var(--an-radius-block);
  transition: var(--an-transition-hover); }
.vold > summary::-webkit-details-marker { display: none; }
.vold > summary::before { content: ""; width: 7px; height: 7px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted);
  transform: rotate(-45deg); transition: transform var(--an-dur-hover) var(--an-ease); margin: 0 var(--an-space-2) 0 var(--an-space-1); }
.vold[open] > summary::before { transform: rotate(45deg); }
.vold > summary:hover { background: var(--an-glass-hover); }
.vold[open] { padding-bottom: var(--an-space-8); }
.vold[open] > summary { margin-bottom: var(--an-space-2); }
.vold > :not(summary) { margin-left: 18px; margin-right: 18px; }
.vpre { border-color: var(--an-warn-border); }
h3.older { font: var(--an-text-caption); font-size: 13px; font-weight: var(--an-weight-semibold); color: var(--muted); text-transform: uppercase;
  letter-spacing: var(--an-tracking-caps); margin: 26px 0 var(--an-space-4); }

.fgroup { margin-top: var(--an-space-7); }
.fgroup h4, h4.cl-title { font-size: 15.5px; margin: 0 0 var(--an-space-4); }
h4.cl-title { margin-top: var(--an-space-10); }
.hint { color: var(--muted); font-size: 14px; margin: 0 0 var(--an-space-5); }
.fgroup .table { overflow-x: auto; border-style: solid; border-width: 1px; border-radius: var(--an-radius-control); }
table.files { border-collapse: collapse; width: 100%; font-size: 14px; }
table.files th, table.files td { padding: var(--an-space-4) var(--an-space-6); border-bottom: 1px solid var(--an-border); text-align: left; vertical-align: middle; }
table.files thead th { background: var(--an-glass-field); }
table.files tbody th { font-weight: var(--an-weight-medium); white-space: nowrap; width: 1%; }
table.files tr:last-child th, table.files tr:last-child td { border-bottom: 0; }
table.files td { min-width: 150px; }
.chips { display: flex; flex-wrap: wrap; gap: var(--an-space-3); }
a.file { display: inline-flex; align-items: baseline; gap: var(--an-space-3); margin: var(--an-space-1) var(--an-space-3) var(--an-space-1) 0;
  padding: 5px var(--an-space-5); border-radius: var(--an-radius-inner); border: 1px solid var(--an-glass-border); background: var(--an-glass-field);
  color: var(--an-text); font: var(--an-weight-medium) 13.5px/1.3 var(--an-font-mono); transition: var(--an-transition-hover); }
a.file small { color: var(--muted); font: 12px var(--an-font-mono); }
a.file:hover { border-color: var(--an-accent-line); color: var(--link); text-decoration: none; }

.changelog { font-size: 15px; }
.changelog > :first-child { margin-top: 0; }
.changelog h4, .changelog h5, .changelog h6 { font-size: 15.5px; margin: var(--an-space-9) 0 var(--an-space-3); border: 0; padding: 0; }
.vlinks { margin-top: var(--an-space-7); font-size: 14px; font-weight: var(--an-weight-medium); }
.phead + .vcur { margin-top: var(--an-space-8); }

@media (max-width: 680px) {
  .product { padding: var(--an-space-8) var(--an-space-6) var(--an-space-7); }
  .vcur { padding: var(--an-space-7) var(--an-space-6) var(--an-space-8); }
  .vold > :not(summary) { margin-left: var(--an-space-6); margin-right: var(--an-space-6); }
  table.files, table.files tbody, table.files tr, table.files th, table.files td { display: block; width: auto; }
  table.files thead { display: none; }
  table.files tr { border-bottom: 1px solid var(--an-border); padding: var(--an-space-4) var(--an-space-6); }
  table.files tr:last-child { border-bottom: 0; }
  table.files th, table.files td { border: 0; padding: var(--an-space-1) 0; min-width: 0; white-space: normal; }
  table.files td[data-label]::before { content: attr(data-label); display: inline-block; min-width: 42px; color: var(--muted); font: 13px var(--an-font-mono); }
}