/*
 * Accessibility polish — readable brand gold and keyboard navigation.
 * The brighter brand gold remains in use on dark sections and decorative controls.
 */

:root {
  --jm-gold-on-light: #7A5B21;
}

.jm-skip-link {
  position: fixed;
  z-index: 100000;
  top: 12px;
  left: 12px;
  padding: 12px 18px;
  color: #FCFBF9;
  background: #0E1613;
  border: 2px solid #CDAA63;
  border-radius: 2px;
  font: 600 14px/1.2 Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  text-decoration: none;
  transform: translateY(-180%);
  transition: transform .16s ease;
}

.jm-skip-link:focus {
  transform: translateY(0);
  outline: 3px solid #FCFBF9;
  outline-offset: 3px;
}

#main-content:focus {
  outline: none;
}

/* Homepage: gold text placed on ivory, cream, sand, or white. */
.jm-home-2027 .heart-narrative .jm-kicker,
.jm-home-2027 .themes-section-v2 > .jm-kicker,
.jm-home-2027 .jm-engage-section > .jm-kicker,
.jm-home-2027 .jm-engage-badge,
.jm-home-2027 .jm-engage-link,
.jm-home-2027 .jm-handoff-about .jm-handoff-eyebrow,
.jm-home-2027 .jm-handoff-about .jm-handoff-textlink {
  color: var(--jm-gold-on-light) !important;
}

/* Interior pages: category labels and small metadata on light surfaces. */
.jm-interior-hero:not(.jm-interior-hero--forest) .jm-kicker,
.jm-speaking-detail .jm-resources-eyebrow,
.jm-work-card__rate,
.jm-work-testimonial__source,
.jm-subscribe .jm-interior__eyebrow,
.jm-privacy-hero .jm-interior__eyebrow {
  color: var(--jm-gold-on-light) !important;
}

/* About page: retain the brighter gold inside the two dark sections. */
.jm-profile-hero .jm-interior__eyebrow,
.jm-profile-story .jm-interior__eyebrow,
.jm-profile-credentials .jm-interior__eyebrow,
.jm-profile-focus .jm-interior__eyebrow,
.jm-profile-hero__sub,
.jm-profile-credential .jm-profile-credential__meta {
  color: var(--jm-gold-on-light) !important;
}

/* Resource download pages: hero and related-content copy sit on light surfaces. */
.jm-rd__hero .jm-rd__eyebrow,
.jm-rd__hero .jm-rd__subtitle,
.jm-rd__related .jm-rd__eyebrow,
.jm-rd__related-subtitle,
.jm-rd__stats strong {
  color: var(--jm-gold-on-light) !important;
}

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