/**
 * Link — anchor styles.
 *
 * Default: red text, no underline.
 * In body content: red with subtle underline.
 */

.slist-link {
	color: var(--slist-primary);
	text-decoration: none;
	transition: color var(--slist-transition-fast);
}

.slist-link:hover,
.slist-link:focus-visible {
	color: var(--slist-primary-hover);
}

.slist-link--subtle {
	color: var(--slist-text-secondary);
	text-decoration: none;
	transition: color var(--slist-transition-fast);
}

.slist-link--subtle:hover,
.slist-link--subtle:focus-visible {
	color: var(--slist-text-primary);
}

.slist-link--arrow::after {
	content: "";
	display: inline-block;
	transition: margin-left var(--slist-transition-fast);
}

.slist-link--arrow:hover::after,
.slist-link--arrow:focus-visible::after {
	content: " \2192";
	margin-left: 0.2em;
}

/* Entry content — body links get underline for readability */
.entry-content a:not([class]),
.slist-prose a:not([class]) {
	color: var(--slist-primary);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: color var(--slist-transition-fast);
}

.entry-content a:not([class]):hover,
.slist-prose a:not([class]):hover {
	color: var(--slist-primary-hover);
}
