/* Ligne « lien utile » — boîte 789×78 bordée : intitulé à 30 du bord gauche,
   domaine puis flèche sortante calés à 28 du bord droit (maquette). */

.link-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: clamp(3.5rem, 4.5139vw, 4.875rem); /* 78 */
	padding-left: 3.80228%;  /* 30 sur une boîte de 789 */
	padding-right: 3.54879%; /* 28 */
	border: var(--rule) solid var(--c-line);
	color: var(--c-ink);
	transition: border-color var(--t-fast), background-color var(--t-fast);
}

.link-row:hover,
.link-row:focus-visible {
	border-color: var(--c-ink);
	background: rgba(46, 78, 115, 0.04);
}

.link-row__name {
	font-size: var(--fs-card);
	line-height: var(--lh-card);
	letter-spacing: var(--ls-card);
}

.link-row__target {
	flex: none;
	display: inline-flex;
	align-items: baseline;
	gap: 2px;
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	opacity: var(--o-text);
}

.link-row__arrow {
	font-size: 1rem; /* node 16×19 */
	line-height: 1;
}

@media (max-width: 767px) {
	.link-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25rem;
		padding-block: 1rem;
	}
}