/* Use content-link on individual prose links, or content-links on prose-only
   containers (including FAQ answers). Keep navigation, cards and CTAs outside.
   Colors match the existing Tailwind secondary and primary-container palette. */
:root {
    --content-link-color: rgb(139 80 0);
    --content-link-hover-color: rgb(88 47 14);
}

:is(a.content-link, .content-links a) {
    color: var(--content-link-color);
    font-weight: 600;
    text-decoration: none;
    transition: color 180ms ease;
}

:is(a.content-link, .content-links a):hover {
    color: var(--content-link-hover-color);
    text-decoration: none;
}

:is(a.content-link, .content-links a):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    text-decoration: none;
}