/** Chronicles — shared :focus-visible + skip link */

.chr-skip-link {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  z-index: 400;
  padding: 0.45rem 0.75rem;
  border-radius: 6px;
  border: 2px solid var(--drydock-primer, #bfcdd3);
  background: var(--drydock-hull-dark, #1e2834);
  color: var(--drydock-icon, #eef3f8);
  font: 600 0.95rem/1.2 system-ui, sans-serif;
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform 0.15s ease;
}

.chr-skip-link:focus,
.chr-skip-link:focus-visible {
  transform: translateY(0);
  outline: 2px solid var(--drydock-hub-rim, #f5f5f5);
  outline-offset: 2px;
}

/* Shared focus ring — overrides outline:none utilities */
body.dd-shell :is(button, a, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--drydock-hub-rim, #f5f5f5);
  outline-offset: 2px;
}

body.dd-shell .dd-hub-foot__legal:focus-visible,
body.dd-shell .dd-hub-foot__social-link:focus-visible,
body.dd-shell .dd-legal-popup__link:focus-visible,
body.dd-shell .chr-desk__item:focus-visible,
body.dd-shell .chr-desk__slot-btn:focus-visible,
body.dd-shell .chr-q400-bar__archives:focus-visible,
body.dd-shell .dd-paw-btn:focus-visible,
body.dd-shell .ct-hub-info__close:focus-visible,
body.dd-shell .dd-hub-head__close:focus-visible,
body.dd-shell .dd-hub-foot__util:focus-visible {
  outline: 2px solid var(--drydock-hub-rim, #f5f5f5);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .chr-skip-link {
    transition: none;
  }

  .dd-hub-shell,
  .dd-hub-backdrop,
  .dd-hub-panel,
  .dd-paw-btn,
  .dd-hub-foot__util {
    transition: none !important;
  }
}