/*
 * In-article link hover.
 *
 * Body links carried the theme's underline and nothing else, so a reader had no
 * feedback that a link had responded to the pointer. Everything else on the site
 * already answers on hover: cards, buttons, hub lists, pagination, breadcrumbs,
 * the contents rail and the GetTransfer rows.
 *
 * Scoped to a:not([class]), the same selector the parent theme uses for plain
 * content links, so affiliate buttons, share icons and widget anchors keep their
 * own treatment and are not touched.
 *
 * :focus-visible is paired with :hover throughout. A hover-only affordance leaves
 * keyboard users with nothing.
 */

.entry-content a:not([class]),
.the-content a:not([class]) {
	color: var( --gt-blue, #1257C4 );
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba( 18, 87, 196, .38 );
	text-underline-offset: 2px;
	transition: color .15s ease, text-decoration-color .15s ease, text-decoration-thickness .15s ease;
}

.entry-content a:not([class]):hover,
.the-content a:not([class]):hover,
.entry-content a:not([class]):focus-visible,
.the-content a:not([class]):focus-visible {
	color: var( --gt-navy, #0B3C8C );
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
}

.entry-content a:not([class]):focus-visible,
.the-content a:not([class]):focus-visible {
	outline: 2px solid var( --gt-blue, #1257C4 );
	outline-offset: 2px;
	border-radius: 2px;
}

/* A link that wraps a line keeps the box tight to the text. */
.entry-content a:not([class]),
.the-content a:not([class]) {
	text-decoration-skip-ink: auto;
}

@media ( prefers-reduced-motion: reduce ) {
	.entry-content a:not([class]),
	.the-content a:not([class]) {
		transition: none;
	}
}