/**
 * Insights page — responsive layout fixes.
 *
 * @package Deltraux
 */

.is-insights-page #main-content {
	overflow-x: clip;
}

.deltraux-insights {
	overflow-x: clip;
}

.deltraux-insights .hero-grid,
.deltraux-insights .featured-grid,
.deltraux-insights .articles-grid,
.deltraux-insights .articles-row-1,
.deltraux-insights .articles-row-2,
.deltraux-insights .cta-panel {
	min-width: 0;
	max-width: 100%;
}

.deltraux-insights .hero-grid > *,
.deltraux-insights .featured-grid > *,
.deltraux-insights .featured-secondary,
.deltraux-insights .secondary-card {
	min-width: 0;
}

@media (max-width: 1100px) {
	.deltraux-insights .hero-grid {
		grid-template-columns: 1fr;
		gap: 56px;
	}
}

@media (max-width: 768px) {
	.deltraux-insights .insights-hero {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.deltraux-insights .insights-featured,
	.deltraux-insights .insights-articles,
	.deltraux-insights .insights-cta {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	.deltraux-insights .hero-title {
		margin-bottom: 28px;
	}

	.deltraux-insights .hero-visual-panel {
		padding: 32px 24px;
	}

	.deltraux-insights .featured-secondary {
		flex-direction: column;
	}

	.deltraux-insights .secondary-card {
		min-width: 0;
		width: 100%;
	}

	.deltraux-insights .pagination {
		flex-wrap: wrap;
		margin-top: 36px;
	}

	.deltraux-insights .cta-panel {
		padding: 40px 28px;
	}

	.deltraux-insights .cta-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.deltraux-insights .cta-actions .btn {
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.deltraux-insights .insights-hero {
		padding-top: 56px;
		padding-bottom: 48px;
	}

	.deltraux-insights .insights-featured,
	.deltraux-insights .insights-articles,
	.deltraux-insights .insights-cta {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.deltraux-insights .hero-grid {
		gap: 40px;
	}

	.deltraux-insights .hero-visual-panel {
		padding: 28px 20px;
	}

	.deltraux-insights .featured-main-link {
		padding: 28px 20px;
	}

	.deltraux-insights .secondary-card-link {
		padding: 22px 18px;
	}

	.deltraux-insights .article-card,
	.deltraux-insights .article-card.dominant {
		padding: 24px 20px;
	}

	.deltraux-insights .cta-panel {
		padding: 32px 20px;
	}

	.deltraux-insights .section-header {
		margin-bottom: 40px;
	}
}