/* One visible link treatment across exported pages and restored articles. */
a[href] {
  --brenda-link-line: currentColor;
  --brenda-link-offset: .18em;
  --brenda-link-thickness: 1.3px;
}

@supports (color: color-mix(in srgb, black 65%, transparent)) {
  a[href] {
    --brenda-link-line: color-mix(in srgb, currentColor 65%, transparent);
  }
}

/* Image links and button controls have their own visual affordance.
   Linked cards receive the treatment on their title or call to action. */
:where(
  a[href]:not(.t-btn, .t-btnflex, .feed-image, [role="button"], [class*="__btn"], [class*="__button"]):not(.tn-elem[data-elem-type="button"] > a):not(:has(img, picture, video, canvas, .t-bgimg, .t-card__img, .t404__imgbox)),
  .brenda-featured__more,
  .brenda-briefs__more,
  a .t404__title,
  a .t-card__title,
  a .t686__title,
  a .t401__title
) {
  border-bottom: 0 !important;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-color: var(--brenda-link-line, currentColor) !important;
  text-decoration-thickness: var(--brenda-link-thickness, 1.3px) !important;
  text-underline-offset: var(--brenda-link-offset, .18em) !important;
  text-decoration-skip-ink: auto;
  transition: text-decoration-color .22s ease, text-underline-offset .22s ease;
}

a[href]:hover,
a[href]:focus-visible {
  --brenda-link-line: #ff8b00;
  --brenda-link-offset: .25em;
  --brenda-link-thickness: 2px;
}

a[href]:focus-visible {
  outline: 2px solid #ff8b00 !important;
  outline-offset: 5px !important;
}

@media (prefers-reduced-motion: reduce) {
  a[href],
  a[href] * {
    transition: none !important;
  }
}