.versions-hero {
  padding: 80px 0 8px;
}

.versions-eyebrow {
  font-family: var(--font-heading);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--text-muted);
  text-transform: uppercase;
  margin: 0 0 6px;
  opacity: 0.5;
}

.versions-hero h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 1rem + 3vw, 2.4rem);
  font-weight: 700;
  color: var(--accent-gold);
  margin: 0 0 6px;
}

.versions-meta {
  font-size: 0.82rem;
  color: var(--text-muted);
  margin-bottom: 40px;
}

.versions-container {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 20px 60px;
}

.versions-divider {
  border: none;
  border-top: 1px solid var(--border-tactical);
  margin: 28px 0;
}

.versions-date {
  font-family: var(--font-heading);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 14px;
}

.versions-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.versions-entry {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
  font-family: var(--font-body);
  font-size: 0.93rem;
  color: var(--text-muted);
  line-height: 1.55;
}

.versions-bullet {
  color: var(--text-muted);
  opacity: 0.4;
  flex-shrink: 0;
}

.versions-badge {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-radius: 3px;
  padding: 1px 5px;
  flex-shrink: 0;
  text-transform: uppercase;
}

.versions-badge--web {
  color: var(--accent-gold);
  border: 1px solid rgba(201, 168, 76, 0.4);
}

.versions-badge--app {
  color: var(--text-muted);
  border: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0.6;
}