/**
 * Stretched link — one real <a> that covers a whole card.
 *
 * Written by the Card link toggle (assets/editor/stretched-link-controls.js).
 * The ::after overlay fills the nearest positioned ancestor, so the card
 * opts in by being `position: relative`; without one it fills the page.
 *
 * No z-index on purpose: a positioned element later in the card (a button
 * given position: relative in its Additional CSS) paints above the
 * overlay and stays clickable, with no numbers to keep in step.
 */

.link--stretch a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* The focus ring follows the clickable area, not just the title text. */
.link--stretch a:focus-visible {
	outline: none;
}

.link--stretch a:focus-visible::after {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: inherit;
}