/* Ligne « fiche pratique » — titre puis boîte 789×78 bordée, libellé à 24 du
   bord et bouton 142×38 à 29 du bord droit (maquette). */

.fiche-row__title {
	font-size: var(--fs-card);
	line-height: var(--lh-card);
	letter-spacing: var(--ls-card);
	color: var(--c-ink);
}

.fiche-row__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: clamp(3.5rem, 4.5139vw, 4.875rem); /* 78 */
	margin-top: clamp(0.25rem, 0.5208vw, 0.5625rem); /* 9 : 4059 − (4017+33) */
	padding-left: 3.04182%;  /* 24 sur une boîte de 789 */
	padding-right: 3.67554%; /* 29 */
	border: var(--rule) solid var(--c-line);
}

.fiche-row__label {
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	color: var(--c-ink);
	opacity: var(--o-text);
}

.fiche-row__button {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 9px; /* 115 − (11+94) dans le bouton */
	min-height: 38px;
	padding-inline: 11px;
	background: var(--c-ink);
	color: var(--c-light);
	font-family: var(--ff-display);
	font-weight: 500;
	font-size: var(--fs-eyebrow);
	line-height: 1.1;
	letter-spacing: var(--ls-eyebrow);
	transition: background-color var(--t-fast);
}

.fiche-row__button:hover,
.fiche-row__button:focus-visible {
	background: var(--c-deep);
}

/* PDF pas encore fourni : le bouton reste dessiné mais n'est pas actionnable. */
.fiche-row__button--pending {
	cursor: default;
}

.fiche-row__button svg {
	flex: none;
	width: 16px;
	height: 16px;
}

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