/* Preserve readable text over the hero artwork in forced-color modes.
   Keep system colors on interactive controls. */
.hero { forced-color-adjust: none; }
.hero .hero-actions { forced-color-adjust: auto; }
@media (forced-colors: active) {
  .hero .hero-actions .button:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 4px;
  }
}