/* Violahub SEO – box "Leggi anche". Tutto sotto .vhseo-rel.
   Scuro = <html> senza data-theme; chiaro = html[data-theme="light"] (tema Violahub Child). */
.vhseo-rel {
	--vhseo-bg: #1d1428;
	--vhseo-card: #271a36;
	--vhseo-line: rgba(212, 175, 55, .55);
	--vhseo-text: #f4eefb;
	--vhseo-muted: #b9a9cc;
	--vhseo-accent: #d4af37;
	--vhseo-hover: #33224a;
	margin: 2.5rem 0 1rem;
	padding: 1.1rem 1.1rem 1.2rem;
	background: var(--vhseo-bg);
	border: 1px solid rgba(255, 255, 255, .06);
	border-top: 3px solid var(--vhseo-accent);
	border-radius: 12px;
	color: var(--vhseo-text);
	clear: both;
}
html[data-theme="light"] .vhseo-rel {
	--vhseo-bg: #f7f3fb;
	--vhseo-card: #ffffff;
	--vhseo-line: rgba(122, 74, 0, .35);
	--vhseo-text: #22152f;
	--vhseo-muted: #5f5070;
	--vhseo-accent: #a57c00;
	--vhseo-hover: #efe6f7;
	border-color: rgba(75, 33, 110, .12);
	border-top-color: #b8891a;
}
.vhseo-rel .vhseo-rel__h {
	margin: 0 0 .9rem;
	padding: 0 0 .5rem;
	font-family: "Oswald", inherit;
	font-size: 1.15rem;
	font-weight: 600;
	letter-spacing: .06em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--vhseo-text);
	border-bottom: 1px solid var(--vhseo-line);
}
.vhseo-rel .vhseo-rel__h::before,
.vhseo-rel .vhseo-rel__h::after { content: none; display: none; }
.vhseo-rel .vhseo-rel__h { border-left: 0; padding-left: 0; background: none; box-shadow: none; }
.vhseo-rel .vhseo-rel__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .9rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vhseo-rel .vhseo-rel__item { margin: 0; padding: 0; }
.vhseo-rel .vhseo-rel__item::before { content: none; }
.vhseo-rel .vhseo-rel__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--vhseo-card);
	border-radius: 10px;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	transition: background .15s ease;
}
.vhseo-rel .vhseo-rel__link:hover,
.vhseo-rel .vhseo-rel__link:focus-visible { background: var(--vhseo-hover); }
.vhseo-rel .vhseo-rel__link:focus-visible { outline: 2px solid var(--vhseo-accent); outline-offset: 2px; }
.vhseo-rel .vhseo-rel__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.vhseo-rel .vhseo-rel__img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; border-radius: 0; }
.vhseo-rel .vhseo-rel__body { display: flex; flex-direction: column; gap: .3rem; padding: .7rem .8rem .8rem; }
.vhseo-rel .vhseo-rel__cat {
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--vhseo-accent);
}
.vhseo-rel .vhseo-rel__title { font-size: .98rem; font-weight: 700; line-height: 1.3; color: var(--vhseo-text); }
.vhseo-rel .vhseo-rel__date { font-size: .75rem; color: var(--vhseo-muted); }
@media (max-width: 600px) {
	.vhseo-rel { padding: .9rem; }
	.vhseo-rel .vhseo-rel__list { grid-template-columns: 1fr; gap: .6rem; }
	.vhseo-rel .vhseo-rel__link { flex-direction: row; align-items: stretch; }
	.vhseo-rel .vhseo-rel__media { flex: 0 0 96px; aspect-ratio: auto; min-height: 84px; }
	.vhseo-rel .vhseo-rel__body { padding: .55rem .7rem; }
	.vhseo-rel .vhseo-rel__title { font-size: .92rem; }
}
@media (prefers-reduced-motion: reduce) { .vhseo-rel .vhseo-rel__link { transition: none; } }