/**
 * SSRP LP — Accreditation block.
 *
 * Centered column. Heading (reg/5xl) → body paragraph (18px) → dual-logo row
 * with gradient "X" separator → small italic disclaimer. Widths match
 * Figma: 768px content max, 32px logo gap.
 */

.ssrp-lp-accreditation__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.5rem;
	text-align: center;
	max-width: 64rem; /* outer wrapper wider than content so padding breathes */
}

.ssrp-lp-accreditation__heading {
	margin: 0;
	max-width: 56rem;
	text-wrap: balance;
}

.ssrp-lp-accreditation__body {
	margin: 0;
	font-size: var(--ssrp-lp-subhead-size);
	line-height: var(--ssrp-lp-subhead-leading);
	color: var(--ssrp-lp-ink);
	max-width: 48rem;       /* 768px per Figma */
	text-wrap: pretty;
}

.ssrp-lp-accreditation__body > p {
	margin: 0 0 0.75rem;
}
.ssrp-lp-accreditation__body > p:last-child { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   Logo row — [logo] [gradient X] [logo]
   -------------------------------------------------------------------------- */
.ssrp-lp-accreditation__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: clamp(1rem, 3vw, 2rem);
	padding-block: 0.25rem;
}

.ssrp-lp-accreditation__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: clamp(0.75rem, 1.5vw, 1.5rem) clamp(1rem, 2vw, 2rem);
	background: var(--ssrp-lp-surface);
	border-radius: var(--ssrp-lp-radius);
	min-height: 6rem;
}

.ssrp-lp-accreditation__logo-img {
	max-width: clamp(10rem, 20vw, 18rem);
	max-height: 5rem;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

/* Gradient "X" — Figma uses a vertical linear gradient (blue → cyan). */
.ssrp-lp-accreditation__sep {
	font-family: var(--ssrp-lp-font);
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	font-weight: 400;
	line-height: 1;
	color: var(--ssrp-lp-brand);
	background: linear-gradient(180deg, var(--ssrp-lp-brand) 0%, var(--ssrp-lp-cyan) 100%);
	-webkit-background-clip: text;
	        background-clip: text;
	-webkit-text-fill-color: transparent;
	        color: transparent;
	padding: 0 0.25rem;
	user-select: none;
}

/* --------------------------------------------------------------------------
   Disclaimer — small italic, 14px, tracked slightly.
   -------------------------------------------------------------------------- */
.ssrp-lp-accreditation__disclaimer {
	max-width: 48rem; /* 768px per Figma */
	margin: 0;
	font-family: var(--ssrp-lp-font);
	font-size: 0.875rem;   /* 14px */
	font-style: italic;
	line-height: 1.5;
	letter-spacing: 0.01em;
	color: var(--ssrp-lp-ink-muted);
}
.ssrp-lp-accreditation__disclaimer p {
	margin: 0 0 0.75rem;
}
.ssrp-lp-accreditation__disclaimer p:last-child { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   Ink variant
   -------------------------------------------------------------------------- */
.ssrp-lp-section--ink .ssrp-lp-accreditation__body,
.ssrp-lp-section--ink .ssrp-lp-accreditation__disclaimer {
	color: rgb(255 255 255 / 0.8);
}
.ssrp-lp-section--ink .ssrp-lp-accreditation__logo {
	background: rgb(255 255 255 / 0.04);
}

@media (max-width: 640px) {
	.ssrp-lp-accreditation__logo {
		min-height: 4.5rem;
		padding: 0.75rem 1rem;
	}
	.ssrp-lp-accreditation__logo-img {
		max-height: 3.5rem;
		max-width: 8rem;
	}
}