/* Readable brand accents on the site's existing white / pale-blue surfaces.
   Decorative gold rules and the existing brand layout are unchanged. */
body .site-main :is(.eex-mechanism__eyebrow, .eex-codeethics__eyebrow,
  .eex-negotiation__eyebrow, .eex-about-intro__eyebrow,
  .eex-about-introduction__kicker, .eex-reference-kicker, .eex-legal__eyebrow),
body .site-main .document-card__body > span {
  color: #80611f !important;
}
body #main-content .v2-hero .eex-hero-subtitle > .eex-hero-ampersand {
  color: #987329 !important;
}

/* Keep pagination dots visually quiet, but make the actual targets usable. */
body .library-orbit__dots { gap: 4px; max-width: 100%; }
body .library-orbit__dots button {
  display: inline-grid; place-items: center;
  width: 28px; height: 28px; min-width: 28px; min-height: 28px;
  background: transparent; border: 0; border-radius: 3px;
}
body .library-orbit__dots button::before {
  content: ''; width: 10px; height: 10px; border-radius: 50%;
  background: #718196;
}
body .library-orbit__dots button[aria-current=true] { background: transparent; }
body .library-orbit__dots button[aria-current=true]::before { background: #80611f; }

/* A pause control must be discoverable for pointer and touch users too. */
body .library-orbit__controls { flex-wrap: wrap; }
body .library-orbit__motion,
body .library-orbit__motion:focus {
  position: static; clip-path: none; width: auto; height: auto;
  min-height: 44px; padding: 10px 14px; overflow: visible;
  white-space: normal; border: 1px solid #718196; border-radius: 3px;
  background: #fff; color: #143b65; cursor: pointer;
}
body .library-orbit__motion[hidden] { display: none; }
body .site-footer__legal :is(a, button),
body .site-footer__bottom :is(a, button) { min-height: 28px; }

/* Let keyboard users scroll large image documents without losing focus. */
body .document-viewer__content:focus-visible {
  outline: 3px solid #102f56; outline-offset: -3px;
}

@media (forced-colors: active) {
  body .library-orbit__dots button::before {
    background: ButtonText; border: 1px solid ButtonText;
  }
  body .library-orbit__dots button[aria-current=true]::before {
    background: Highlight; border-color: Highlight;
  }
  body :is(input, select, textarea, button):focus-visible {
    outline: 3px solid Highlight;
  }
}