/* Randorff 1.8.5.314 — unified outline action feedback.
   Scope: site-wide action links and the Manifest interaction controls.
   Preserve sizes, routing, keyboard behavior and JS state. */

/* A subtle consistent transition for outline action controls. */
.home-work .outline-link,
.home-stories .outline-link,
.home-manifest .outline-link,
.home-contact .outline-link,
.contact-main .outline-link,
.site-footer .outline-link,
.home-about .outline-link,
#randorff-manifest .rm-animation-toggle,
#randorff-manifest .rm-color-toggle,
#randorff-manifest .rm-wave-toggle {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Light surfaces: dark fill, dark border, light lettering and arrow. */
.home-work .outline-link:is(:hover,:focus-visible),
.home-about .outline-link:is(:hover,:focus-visible),
#randorff-manifest .rm-animation-toggle:is(:hover,:focus-visible),
#randorff-manifest .rm-color-toggle:is(:hover,:focus-visible),
#randorff-manifest .rm-wave-toggle:is(:hover,:focus-visible) {
  background-color:#383838 !important;
  border-color:#383838 !important;
  color:#fff !important;
}

/* Dark surfaces: white fill and border, dark lettering and arrow. */
.home-stories .outline-link:is(:hover,:focus-visible),
.home-contact .outline-link:is(:hover,:focus-visible),
.contact-main .outline-link:is(:hover,:focus-visible),
.site-footer .outline-link:is(:hover,:focus-visible) {
  background-color:#fff !important;
  border-color:#fff !important;
  color:#383838 !important;
}

/* Light pink/green Manifest home surface: dark fill. */
.home-manifest .outline-link:is(:hover,:focus-visible) {
  background-color:#383838 !important;
  border-color:#383838 !important;
  color:#fff !important;
}

/* Keep accessible keyboard focus visible without changing the normal click state.
   Manifest had a duplicate-looking focus ring from an older rule. */
#randorff-manifest .rm-animation-toggle:focus-visible,
#randorff-manifest .rm-color-toggle:focus-visible,
#randorff-manifest .rm-wave-toggle:focus-visible {
  outline:2px solid #383838;
  outline-offset:3px;
}

/* Pressed-state feedback persists when the pointer leaves; hover remains uniform. */
#randorff-manifest .rm-animation-toggle[aria-pressed="true"]:not(:hover):not(:focus-visible),
#randorff-manifest .rm-color-toggle[aria-pressed="true"]:not(:hover):not(:focus-visible),
#randorff-manifest .rm-wave-toggle[aria-pressed="true"]:not(:hover):not(:focus-visible) {
  border-color:#383838;
  color:#383838;
}

@media (prefers-reduced-motion:reduce) {
  .home-work .outline-link,
  .home-stories .outline-link,
  .home-manifest .outline-link,
  .home-contact .outline-link,
  .contact-main .outline-link,
  .site-footer .outline-link,
  .home-about .outline-link,
  #randorff-manifest .rm-animation-toggle,
  #randorff-manifest .rm-color-toggle,
  #randorff-manifest .rm-wave-toggle {transition:none;}
}