/**
 * Learner-facing layout adjustments for the Interface Expert CPD journey.
 * This stylesheet is enqueued only for plugin-owned LearnDash content.
 */

.learndash_post_sfwd-courses > .learndash-wrapper,
.learndash_post_sfwd-lessons > .learndash-wrapper,
.learndash_post_sfwd-topic > .learndash-wrapper,
.learndash_post_sfwd-quiz > .learndash-wrapper {
	box-sizing: border-box;
	width: min(100%, 1280px);
	margin-inline: auto;
	padding: clamp(24px, 3vw, 48px) clamp(20px, 4vw, 56px) clamp(48px, 6vw, 80px);
}

@media (max-width: 600px) {
	.learndash_post_sfwd-courses > .learndash-wrapper,
	.learndash_post_sfwd-lessons > .learndash-wrapper,
	.learndash_post_sfwd-topic > .learndash-wrapper,
	.learndash_post_sfwd-quiz > .learndash-wrapper {
		padding: 20px 18px 48px;
	}
}

.ifa-iecpd-review-note {
	margin-block: 24px;
	padding: 16px 20px;
	border-inline-start: 3px solid #bc9b6b;
	background: #f8f6f2;
	border-radius: 0 6px 6px 0;
}

.ifa-iecpd-review-note p {
	margin: 6px 0 0;
}

.ifa-iecpd-preview-help {
	padding: 14px 18px;
	border-inline-start: 3px solid #bc9b6b;
	background: #f8f6f2;
}

.learndash-wrapper .ifa-iecpd-assessment-title {
	font-size: clamp(28px, 3vw, 36.8px);
	line-height: 1.2;
	margin: 0 0 8px;
}

.ifa-iecpd-assessment-subtitle {
	font-size: 18px;
	line-height: 1.45;
	margin: 0 0 24px;
}

/* Existing marketing photography uses one consistent crop in these three topic cards. */
.learndash-wrapper img.uo-grid-featured-image[src*="interface-expert-"][src*="-website"] {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center 35%;
}

.learndash-wrapper .uo-grid-wrapper img.uo-grid-featured-image[src*="interface-expert-assessment-website"],
.learndash-wrapper .uo-grid-wrapper img.uo-grid-featured-image[src*="interface-expert-feedback-website"] {
	object-position: center top;
}