/* The CV's history: the list at /cv/history, and the note on top of an older CV (/cv/history/<id>).
   The note's colours are written out rather than taken from the site's tokens: an old CV is served with the
   stylesheets it had, whose tokens may differ. The note never prints, so an old version's PDF stays plain. */
.old-cv { position: relative; z-index: 30; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
          gap: 4px 16px; padding: 10px 16px; background: #1d1630; border-bottom: 1px solid rgba(224, 170, 255, .35);
          color: #f1e8ff; font: 600 14px/1.45 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", sans-serif;
          text-align: center; }
.old-cv p { margin: 0; }
.old-cv b { color: #e0aaff; }
.old-cv a { color: #c2ebe6; margin: 0 6px; white-space: nowrap; }
@media print { .old-cv { display: none !important; } }

/* the list */
.history { padding-top: 72px; max-width: 920px; }
.history h1 { max-width: none; font-size: clamp(2.4rem, 6vw, 3.8rem); }
.history .lead { max-width: 62ch; }
.versions { list-style: none; margin: 34px 0 0; padding: 0; display: grid; gap: 12px; }
.ver { display: grid; grid-template-columns: 170px 1fr auto; gap: 8px 24px; align-items: center; padding: 18px 22px;
       background: var(--panel); border: 1px solid var(--line); border-radius: 18px; }
.ver.now { border-color: rgba(127, 214, 207, .45); background: linear-gradient(120deg, rgba(127, 214, 207, .10), var(--panel) 55%); }
.ver-when { margin: 0; font-family: var(--mono, ui-monospace, Consolas, monospace); font-size: 13px; letter-spacing: .04em; color: var(--muted); }
.ver.now .ver-when { color: var(--accent); }
.ver-what h3 { margin: 0; font-family: var(--display); font-weight: 600; font-size: 18px; line-height: 1.3; }
.ver-what p { margin: 4px 0 0; color: var(--muted); font-size: 14.5px; max-width: 62ch; }
.ver-go { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.ver-go .pill { padding: 6px 14px; }
.history .fine { color: var(--muted); font-size: 13.5px; margin: 22px 0 0; max-width: 70ch; }
@media (max-width: 720px) {
  .history { padding-top: 44px; }
  .ver { grid-template-columns: 1fr; padding: 16px 18px; }
  .ver-go { justify-content: flex-start; }
}