/* Content Studio — Related Posts (old shortcode back-compat) */
.cs-related-posts-wrapper {
    margin: 30px 0 !important; padding: 20px !important;
    border: 1px solid #BAE9D0 !important;
    border-radius: 12px !important; background: #FAFFFB !important;
}
.cs-related-label {
    font-size: 11px !important; font-weight: 700 !important;
    color: #35AB7D !important; text-transform: uppercase !important;
    letter-spacing: .08em !important; margin: 0 0 16px !important;
    display: inline-block !important; padding-bottom: 8px !important;
    border-bottom: 1.5px solid #BAE9D0 !important;
}
.cs-related-item { display: flex !important; gap: 20px !important; align-items: flex-start !important; }
.cs-related-image { flex-shrink: 0 !important; width: 120px !important; height: 120px !important; overflow: hidden !important; border-radius: 8px !important; }
.cs-related-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .3s ease !important; }
.cs-related-image img:hover { transform: scale(1.05) !important; }
.cs-related-content { flex: 1 !important; }
.cs-related-title { font-size: 15px !important; font-weight: 600 !important; margin: 0 0 8px !important; }
.cs-related-title a { color: #030C09 !important; text-decoration: none !important; }
.cs-related-title a:hover { color: #35AB7D !important; text-decoration: underline !important; }
.cs-related-excerpt { font-size: 13px !important; line-height: 1.55 !important; color: #6B7280 !important; margin: 0 !important; }
@media (max-width: 768px) {
    .cs-related-item { flex-direction: column !important; gap: 15px !important; }
    .cs-related-image { width: 100% !important; height: auto !important; max-height: 200px !important; }
	.cs-suggested-wrapper{ flex-direction: column; }
	.cs-suggested-image{ width: 100%; }
	.cs-suggested-image img{ border-radius: 24px 24px 0 0!important; }
	.cs-suggested-info-wrapper{ padding: 16px !important; }
}