/**
 * Case Study Challenge Section - Specific Overrides
 *
 * Section-specific styling for the Challenge section.
 * Base styles are in case-study-content-base.css
 *
 * Responsive across 5 breakpoints: 1400px, 1024px, 768px, 600px, 400px
 */

.case-study-challenge {
	padding: 80px 20px;
}

.case-study-challenge__content {
	gap: 27px;
}

/* ========================================
   RESPONSIVE BREAKPOINTS
   ======================================== */

/* 1400px - Large Desktop */
@media (max-width: 1400px) {
	.case-study-challenge {
		padding: 70px 20px;
	}
}

/* 1024px - Tablet Landscape */
@media (max-width: 1024px) {
	.case-study-challenge {
		padding: 60px 20px;
	}
}

/* 768px - Tablet Portrait */
@media (max-width: 768px) {
	.case-study-challenge {
		padding: 50px 20px;
	}
}

/* 600px - Mobile */
@media (max-width: 600px) {
	.case-study-challenge {
		padding: 40px 20px;
	}
}

/* 400px - Small Mobile */
@media (max-width: 400px) {
	.case-study-challenge {
		padding: 30px 16px;
	}
}