/* ==========================================================================
   Succes News — related.css (Related Articles module)
   Layout for .sn-related (grid via .sn-grid from main.css; list variant here).
   ========================================================================== */
.sn-related { margin: var(--sn-space-10) 0 0; padding-top: var(--sn-space-8); border-top: 1px solid var(--sn-border); }
.sn-related--shortcode { margin-top: var(--sn-space-6); padding-top: 0; border-top: 0; }
.sn-related__grid .sn-card__title { font-size: var(--sn-fs-lg); }
.sn-related__grid.sn-grid--4 .sn-card__title { font-size: var(--sn-fs-md); }
.sn-related__grid .sn-card__excerpt { -webkit-line-clamp: 2; font-size: var(--sn-fs-sm); }

/* List layout: image left, stacked rows */
.sn-related__list { display: flex; flex-direction: column; gap: var(--sn-space-5); }
.sn-related__list .sn-card--list { padding-bottom: var(--sn-space-5); }
.sn-related__list .sn-card--list:last-child { padding-bottom: 0; border-bottom: 0; }
.sn-related__list .sn-card__media { flex-basis: 32%; max-width: 280px; }
.sn-related__list .sn-card__title { font-size: var(--sn-fs-lg); }

@media (max-width: 639px) {
	.sn-related { margin-top: var(--sn-space-8); padding-top: var(--sn-space-6); }
	.sn-related__grid .sn-card--standard { flex-direction: row; align-items: flex-start; gap: var(--sn-space-4); }
	.sn-related__grid .sn-card--standard .sn-card__media { flex: 0 0 38%; }
	.sn-related__grid .sn-card--standard .sn-card__title { font-size: var(--sn-fs-md); }
	.sn-related__grid .sn-card--standard .sn-card__excerpt { display: none; }
}

@media print {
	.sn-related { display: none; }
}