.text-link { color: inherit; text-underline-offset: 4px; transition: color .2s; }
.text-link:focus-visible { color: var(--color-accent); text-decoration: underline; }
@media (hover: hover) { .text-link:hover { color: var(--color-accent); text-decoration: underline; } }
@media (prefers-reduced-motion: reduce) { .text-link { transition: none; } }