/* Use the current-page marker to make the selected division clear in either theme. */
html:root body:has(.player-viewer-nav) .viewer-division-bar .viewer-division-nav > a {
  color: var(--viewer-shell-ink);
}

html:root body:has(.player-viewer-nav) .viewer-division-bar .viewer-division-nav > a[aria-current="page"] {
  opacity: 1;
  color: var(--viewer-shell-ink);
  border-color: var(--viewer-shell-action);
  background: color-mix(in srgb, var(--viewer-shell-action) 16%, var(--viewer-shell-surface));
  box-shadow: inset 0 -3px 0 var(--viewer-shell-action);
}

html:root body:has(.player-viewer-nav) .viewer-division-bar .viewer-division-nav > a:focus-visible {
  outline: 2px solid var(--viewer-shell-action);
  outline-offset: 2px;
}