/* Cam3D — Certifications (fond sombre) */

.wcam-certs__panel {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	padding: 48px;
	border-radius: var(--wcam-radius);
	background: var(--wcam-navy);
	color: var(--wcam-white);
}

.wcam-certs__intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	width: 33.23%; /* 420 / 1264 */
	flex-shrink: 0;
}

.wcam-certs__title {
	color: var(--wcam-white);
}

.wcam-certs__text {
	max-width: 380px;
	color: var(--wcam-navy-text);
	font-size: 16px;
	line-height: 1.55;
}

.wcam-certs__cards {
	display: grid;
	flex: 1 1 auto;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	gap: 16px;
	min-width: 0;
}

.wcam-certs__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding: 28px;
	border: 1px solid var(--wcam-navy-line);
	border-radius: 8px;
	background: var(--wcam-navy-2);
}

.wcam-certs__code {
	color: var(--wcam-red);
	font-family: var(--wcam-font-mono);
	font-size: 28px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.02em;
}

.wcam-certs__name {
	color: var(--wcam-white);
	font-family: var(--wcam-font-title);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -0.03em;
}

.wcam-certs__divider {
	width: 100%;
	height: 1px;
	margin: 0;
	border: 0;
	background: var(--wcam-navy-line);
}

.wcam-certs__list {
	gap: 16px;
}

.wcam-certs__list li {
	align-items: flex-start;
	color: rgba(255, 255, 255, 0.85);
	font-size: 14.5px;
	line-height: 1.5;
}

@media (max-width: 1023px) {
	.wcam-certs__panel {
		flex-direction: column;
		gap: 32px;
		padding: 40px 32px;
	}

	.wcam-certs__intro,
	.wcam-certs__cards {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.wcam-certs__panel {
		padding: 32px 20px;
	}

	.wcam-certs__cards {
		grid-auto-flow: row;
	}

	.wcam-certs__card {
		padding: 24px 20px;
	}
}