/* Cloak link — looks and behaves like a regular <a>, but is a <span>
   navigated via JS so crawlers don't follow it. */
.cloak-link {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: inherit;
    transition: color .15s ease, text-decoration-color .15s ease;
}

.cloak-link:hover,
.cloak-link:focus-visible {
    color: var(--accent, #f5a623);
    text-decoration-color: currentColor;
    outline: none;
}

.cloak-link:focus-visible {
    outline: 2px solid var(--accent, #f5a623);
    outline-offset: 2px;
    border-radius: 2px;
}