/* Що нового: одна колонка читабельної ширини, найновіша збірка зверху. Номер
   версії тримає ліву лінію, щоб око бачило хронологію, а не список абзаців. */
.version-page{display:grid;gap:18px;max-width:640px}
.version-current{margin:0;font-size:12px;color:var(--muted)}
.version-current strong{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.version-log{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.version-entry{padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--paper);display:grid;gap:8px}
.version-entry[data-open]{border-color:var(--accent);background:var(--surface-raised)}
.version-entry-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.version-number{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.version-date{font-size:11px;color:var(--muted)}
.version-title{margin:0;font-size:15px;font-weight:500;letter-spacing:-.2px}
.version-notes{margin:0;padding-left:18px;display:grid;gap:5px;font-size:13px;line-height:1.55;color:var(--muted)}
/* Головне читається першим: власна рамка, повний колір тексту, трохи щільніше. */
.version-highlights{display:grid;gap:6px;padding:10px 12px 12px;border-left:3px solid var(--accent);border-radius:0 5px 5px 0;background:var(--surface-inset)}
.version-notes.major{color:var(--ink);font-weight:500;font-size:13.5px}
.version-group{margin:0;font-size:10.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.version-highlights .version-group{color:var(--accent)}

/* Поруч з іменем керівника, тому підпис стриманий, а не ще одна кнопка меню. */
.version-link{font-variant-numeric:tabular-nums;color:var(--muted);text-decoration:none}
.version-link:hover{color:var(--accent)}

@media(max-width:760px){
  .version-page{max-width:none;gap:14px}
  .version-entry{padding:14px}
  .version-notes{font-size:12.5px;padding-left:16px}
  .version-notes.major{font-size:13px}
}