/*
 * Textlink — inline links in rich text (kirbytext)
 * Figma: textlink (node 7040-50336)
 * default: 2px underline → hover/active: 3px; focus-visible: focus ring
 *
 * Targets classless <a> inside body type so CTAs/nav links
 * (.dk-link-*, .dk-cta-*, etc.) stay unaffected.
 */

:where(
  .dk-text-body-l,
  .dk-text-body-m,
  .dk-text-body-s,
  .accordion-item__answer
) a:not([class]) {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

:where(
  .dk-text-body-l,
  .dk-text-body-m,
  .dk-text-body-s,
  .accordion-item__answer
) a:not([class]):hover,
:where(
  .dk-text-body-l,
  .dk-text-body-m,
  .dk-text-body-s,
  .accordion-item__answer
) a:not([class]):active {
  text-decoration-thickness: 3px;
}

:where(
  .dk-text-body-l,
  .dk-text-body-m,
  .dk-text-body-s,
  .accordion-item__answer
) a:not([class]):focus-visible {
  outline: none;
  border-radius: 2px;
  box-shadow:
    0 0 0 2px var(--dk-color-black),
    0 0 0 4px var(--dk-color-white),
    0 0 0 8px var(--dk-color-focus);
  text-decoration-thickness: 2px;
}