/*
 * Blog Voyage Ultime — article (single.php uniquement)
 * Ligne « date · par auteur · durée » et section « À lire ensuite ».
 * La typographie du texte est dans content.css.
 */

.bvu-entry-head--post .bvu-entry-title { margin-bottom: 22px; }

.bvu-entry-meta {
	margin: 0;
	font: 400 12px/1 var(--bvu-title);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--bvu-grey-4);
}
.bvu-entry-meta span { margin: 0 .35em; }

/* Le texte enchaîne sur « À lire ensuite » (72px) ; sans cette section,
   il garde la respiration de 76px avant le pied de page. */
.bvu-single .bvu-content { padding-bottom: 0; }
.bvu-single > .bvu-article:last-child .bvu-content { padding-bottom: 76px; }

/* ─── À lire ensuite ──────────────────────────────────────────────────────── */
.bvu-related { padding-block: 72px 76px; }
.bvu-related .bvu-section-head { margin-bottom: 40px; }
.bvu-related__title { font-size: 34px; }

.bvu-related__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 34px;
	max-width: 1000px;
	margin-inline: auto;
}

@media (max-width: 760px) {
	.bvu-related { padding-block: 56px; }
	.bvu-related__grid { grid-template-columns: 1fr; gap: 36px; }
	.bvu-related .bvu-card__media { height: auto; aspect-ratio: 341 / 250; }
}

@media (max-width: 640px) {
	.bvu-entry-meta { line-height: 1.7; } /* la ligne passe sur deux rangées */
	.bvu-related__title { font-size: 28px; }
}