/* ia: the V1 / V2 tab on the right edge (prototype chrome, built like the dock) */
.ia-tog { position: fixed; top: 50%; right: 0; z-index: 72; display: flex; flex-direction: column; gap: 2px; padding: var(--sp-0-5); transform: translateY(-50%);
  border-radius: 12px 0 0 12px; background: rgba(var(--b-shadow), .88); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 6px 20px rgba(var(--b-shadow), .25); }
.ia-tog button { min-width: 34px; min-height: 30px; padding: 0 var(--sp-1); border: 0; border-radius: 8px; background: none; color: rgba(255, 255, 255, .72);
  font: 600 11px/1 var(--font-text); letter-spacing: .04em; cursor: pointer; transition: background-color .15s, color .15s; }
.ia-tog button:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.ia-tog button[aria-pressed="true"] { background: var(--b-accent); color: var(--b-accent-ink); }
.ia-tog button:focus-visible { outline: 2px solid var(--b-accent-on-dark); outline-offset: 2px; }
@media print { .ia-tog { display: none; } }
/* Anything hidden in the dock stays hidden, whatever its own display rule says (Reds, WCAG: hidden 24 Oct) */
.proto-dock [hidden] { display: none !important; }
:root[data-heroground] .proto-dock .pd-reds-btn[hidden] { display: none !important; }