.version-switch {
  position: fixed; right: 14px; bottom: 14px; z-index: 50;
  display: flex; align-items: center; gap: 2px; padding: 4px;
  font: 500 13px/1 system-ui, "Segoe UI", sans-serif; color: #222;
  background: rgba(255, 255, 255, .86); backdrop-filter: blur(6px);
  border: 1px solid rgba(0, 0, 0, .12); box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
  opacity: .72; transition: opacity .25s;
}
.version-switch:hover, .version-switch:focus-within { opacity: 1; }
.version-switch span { padding: 0 6px; color: #777; }
.version-switch a { padding: 6px 9px; color: inherit; text-decoration: none; }
.version-switch a[aria-current] { background: #222; color: #fff; }
@media (max-width: 600px) {
  .version-switch { position: static; justify-content: flex-end; opacity: 1; padding: 4px 12px; font-size: 12px; border: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); box-shadow: none; backdrop-filter: none; background: #f4f2ee; }
  .version-switch a { padding: 4px 8px; }
}
@media print { .version-switch { display: none; } }