/* =========================================================================
   Anantamias Files (anantamias-files plugin) — corrections for cards placed
   INSIDE article prose.

   The plugin styles its download button as `.af-btn { color: var(--af-accent-ink) }`
   (white on the near-black `--af-accent`). Inside an article that rule loses:
   `.sp-prose a` is specificity 0,1,1 and beats a lone class at 0,1,0, so the
   button inherited the prose link colour (#2364a9) and the prose underline —
   blue text on a #171717 fill, about 2.8:1, below the WCAG AA 4.5:1 floor.

   Fixed the way the CTA's WhatsApp button is: re-declare the button with two
   classes so it outranks the prose link rule, without touching either the
   plugin (which updates) or the inline `.sp-prose` block in inc/single-layout.php.
   Root is 62.5% (1rem = 10px), so values are px on purpose.
   ========================================================================= */
.sp-prose a.af-btn,
.sp-prose .af-files a.af-btn {
  color: var(--af-accent-ink, #fff);
  text-decoration: none;
}

.sp-prose a.af-btn:hover,
.sp-prose a.af-btn:focus-visible {
  color: var(--af-accent-ink, #fff);
  text-decoration: none;
}

/* Keep the focus ring visible against the dark fill. */
.sp-prose a.af-btn:focus-visible {
  outline: 2px solid var(--af-accent-ink, #fff);
  outline-offset: 2px;
}