/* CHINTAI_ARTICLE_RICH_LINKS_R1
 * Inline editorial links only. TOC, CTA, building and property-card links are
 * intentionally untouched because they use their own component styles.
 */

.article-content .article-rich-link {
  color: var(--article-accent-strong, #0b5e58);
  font-weight: 650;
  text-decoration-line: underline;
  text-decoration-color: rgba(15, 118, 110, 0.34);
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.17em;
  transition:
    color 150ms ease,
    text-decoration-color 150ms ease,
    background-color 150ms ease;
}

.article-content .article-rich-link:visited {
  color: var(--article-accent-strong, #0b5e58);
}

.article-content .article-rich-link:hover {
  color: var(--article-accent, #0f766e);
  text-decoration-color: currentColor;
  text-decoration-thickness: 1.5px;
}

.article-content .article-rich-link:focus-visible {
  background: var(--article-accent-soft, #edf8f5);
  border-radius: 3px;
  outline: 2px solid rgba(15, 118, 110, 0.28);
  outline-offset: 2px;
  text-decoration-color: currentColor;
}

/* External links get a restrained editorial cue. Internal links stay clean. */
.article-content .article-rich-link--external::after {
  content: "↗";
  display: inline-block;
  font-size: 0.7em;
  font-weight: 800;
  line-height: 1;
  margin-left: 0.18em;
  position: relative;
  top: -0.08em;
}

/* Dense components need slightly firmer anchors without becoming button-like. */
.article-data-table .article-rich-link,
.article-faq .article-rich-link,
.article-callout .article-rich-link {
  font-weight: 700;
}

/* A link inside bold prose should not become visually heavier than surrounding copy. */
.article-content strong .article-rich-link,
.article-content b .article-rich-link {
  font-weight: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .article-content .article-rich-link {
    transition: none;
  }
}