/* Site-wide accessibility polish. Visible focus indicators and reduced-motion respect. */

*:focus-visible {
  outline: 2px solid #5BCE47;
  outline-offset: 2px;
  border-radius: 2px;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid #5BCE47;
  outline-offset: 3px;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #5BCE47;
  outline-offset: 0;
  border-color: #5BCE47 !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Skip link visibility helper */
.skip-link:focus {
  top: 8px !important;
}

/* Current page indicator in navigation. Set by nav-current.js. */
nav a[aria-current="page"],
nav a.ei-current {
  color: #5BCE47 !important;
  position: relative;
}
nav a[aria-current="page"]::after,
nav a.ei-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 2px;
  background: #5BCE47;
}

/* Contrast remediation for shared dark-theme tokens and small metadata labels. */
[style*="color:#525252"],
[style*="color: #525252"],
[style*="color:#333"],
[style*="color: #333"],
[style*="color:#161616"],
[style*="color: #161616"],
.section-num,
.group-label,
.num,
.faq-tag,
.tag,
.level-tag,
.fc-price,
.tool-cat,
.tool-feature,
.tool-link,
.role,
.count,
.prompt-num,
.thumb-icon,
.tier-meta,
.trust,
.loading,
.selected-time.empty,
.pill.loading,
.meta-row {
  color: #8a8a8a !important;
}

footer,
footer * {
  color: #a3a3a3 !important;
}

.ghost {
  color: transparent !important;
  text-shadow: none !important;
  -webkit-text-stroke: 1px rgba(245, 245, 245, 0.16);
}

.ghost::before {
  content: attr(data-word);
}

.card > a {
  color: #c4b5fd !important;
}

.card > a,
a[style*="color:#5BCE47"],
a[style*="color: #5BCE47"] {
  text-decoration: underline !important;
  text-underline-offset: 2px;
}