/* Keyboard focus remains visible on both cream pages and dark reading panels.
   Keep the existing button colours, sizing, borders, and hover behaviour. */
.cycle-site .button:focus-visible,
.cycle-site button:focus-visible,
.cycle-site [role="button"]:focus-visible {
  outline: 3px solid #183d40 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px #f5f2e9 !important;
}
@media (forced-colors: active) {
  .cycle-site .button:focus-visible,
  .cycle-site button:focus-visible,
  .cycle-site [role="button"]:focus-visible {
    outline-color: Highlight !important;
    box-shadow: none !important;
  }
}

/* Dark explanation headers need their own text colour. The legacy-page
   eyebrow rule is intentionally retained for headings on cream pages. */
.cycle-site .ttw-hero .eyebrow,
.cycle-site .page-hero .eyebrow {
  color: #f1c676;
}