/* Blokken "Læs også" – kasse med en anden artikel. Bruges både på siden og i editoren. */
.sn-related {
	--snr-ink: var(--ink, #1A1612);
	--snr-paper: var(--paper-2, #EAE3D6);
	--snr-accent: var(--accent-text, #B8301B);
	--snr-muted: var(--muted, #5E564C);
	clear: both;
	margin: 40px 0;
	font-family: var(--sans, 'Instrument Sans', system-ui, sans-serif);
}
.sn-related a.sn-related-link,
.entry-content .sn-related a.sn-related-link {
	display: grid;
	grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
	gap: 24px;
	align-items: center;
	padding: 16px;
	border: 2px solid var(--snr-ink);
	border-radius: 18px;
	background: var(--snr-paper);
	color: var(--snr-ink);
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease;
}
.sn-related a.sn-related-link:hover { transform: translateY(-2px); box-shadow: 6px 6px 0 var(--snr-ink); }
.sn-related a.sn-related-link:focus-visible { outline: 3px solid var(--snr-accent); outline-offset: 3px; }
.sn-related-media { display: block; aspect-ratio: 16 / 10; border-radius: 12px; overflow: hidden; background: #d9d0c2; }
.sn-related-media img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0 !important; border-radius: 0; }
.sn-related-text { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; padding-right: 8px; }
.sn-related-kicker { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--snr-accent); line-height: 1.3; }
.sn-related-cat { color: var(--snr-muted); letter-spacing: .06em; }
.sn-related-title { font-family: var(--serif, 'Fraunces', Georgia, serif); font-size: 26px; font-weight: 600; line-height: 1.15; letter-spacing: -.01em; }
.sn-related-excerpt { font-size: 16px; line-height: 1.5; color: var(--snr-muted); }
.sn-related-more { font-size: 15px; font-weight: 700; border-bottom: 2px solid currentColor; padding-bottom: 1px; }
.sn-related a.sn-related-link:hover .sn-related-more { color: var(--snr-accent); }
.sn-related .badge-exclusive, .sn-related .badge-sponsor { margin: 0; }
.sn-related-note { padding: 14px 16px; border: 2px dashed #b8301b; border-radius: 12px; font-size: 15px; }
@media (max-width: 640px) {
	.sn-related { margin: 32px 0; }
	.sn-related a.sn-related-link,
	.entry-content .sn-related a.sn-related-link { grid-template-columns: 104px minmax(0, 1fr); gap: 14px; padding: 12px; align-items: start; border-radius: 14px; }
	.sn-related-media { aspect-ratio: 1; border-radius: 10px; }
	.sn-related-text { gap: 5px; padding-right: 0; }
	.sn-related-kicker { font-size: 11px; }
	.sn-related-cat { display: none; }
	.sn-related-title { font-size: 19px; line-height: 1.2; }
	.sn-related-excerpt { display: none; }
	.sn-related-more { font-size: 13px; }
	.sn-related .badge-exclusive, .sn-related .badge-sponsor { font-size: 10px; padding: 2px 7px; }
}