/* ── JPS Certifications Block ─────────────────────────────────────────────── */

/* ── Section: bg-surface border-y py-12 lg:py-16 ────────────────────────── */

.cert-section {
	background:    #F5F6F8;              /* bg-surface */
	border-top:    1px solid #E5E7EB;   /* border-y border-border */
	border-bottom: 1px solid #E5E7EB;
	padding-top:    3rem;               /* py-12 = 48px */
	padding-bottom: 3rem;
}

@media (min-width: 1024px) {
	.cert-section {
		padding-top:    4rem; /* lg:py-16 = 64px */
		padding-bottom: 4rem;
	}
}

/* ── Grid: grid-cols-1 lg:grid-cols-12 gap-8 items-center ───────────────── */

.cert-grid {
	display:               grid;
	grid-template-columns: 1fr;
	gap:                   2rem; /* gap-8 = 32px */
	align-items:           center;
}

@media (min-width: 1024px) {
	.cert-grid {
		grid-template-columns: repeat(12, 1fr);
	}
}

/* ── Col 0: badge + identity — lg:col-span-3 flex items-center gap-5 ─────── */

.cert-col-badge {
	display:     flex;
	align-items: center;
	gap:         1.25rem; /* gap-5 = 20px */
}

@media (min-width: 1024px) {
	.cert-col-badge {
		grid-column: span 3;
	}
}

/* ── Badge box: h-16 w-16 border border-primary/30 bg-white ─────────────── */

.cert-badge {
	width:           4rem;                     /* h-16 w-16 = 64px */
	height:          4rem;
	flex-shrink:     0;
	border:          1px solid rgba(10, 77, 163, 0.30); /* border-primary/30 */
	background:      #ffffff;
	display:         flex;
	align-items:     center;
	justify-content: center;
}

.cert-badge__text {
	font-family:  var(--font-display);
	font-weight:  700;
	font-size:    0.75rem;    /* text-xs = 12px */
	line-height:  1.25;       /* leading-tight */
	color:        #0A4DA2;    /* text-primary */
	text-align:   center;
}

/* ── Identity: title + subtitle stacked ─────────────────────────────────── */

.cert-identity__title {
	font-family:    var(--font-display);
	font-weight:    700;
	font-size:      1.5rem;    /* text-2xl = 24px */
	letter-spacing: -0.025em;  /* tracking-tight */
	color:          #0B0B0F;
	line-height:    1.2;
}

.cert-identity__subtitle {
	font-family:    var(--font-body);
	font-size:      0.75rem;   /* text-xs = 12px */
	font-weight:    400;
	text-transform: uppercase;
	letter-spacing: 0.14em;    /* tracking-[0.14em] */
	color:          #6B7280;   /* text-muted-foreground */
	margin-top:     0.125rem;
}

/* ── Col 1: body — lg:col-span-6 text-foreground/80 text-base lg:text-lg ── */

.cert-col-body {
	font-family: var(--font-body);
	font-size:   1rem;                    /* text-base = 16px */
	line-height: 1.75;                   /* leading-relaxed */
	color:       rgba(11, 11, 14, 0.80); /* text-foreground/80 */
}

@media (min-width: 1024px) {
	.cert-col-body {
		grid-column: span 6;
		font-size:   1.125rem; /* lg:text-lg = 18px */
	}
}

/* ── Col 2: link — lg:col-span-3 lg:justify-self-end ───────────────────── */

.cert-col-link {
	display: flex;
}

@media (min-width: 1024px) {
	.cert-col-link {
		grid-column: span 3;
		justify-self: end;
	}
}