/**
 * NS Support Team — front-end + shared styles.
 *
 * Pixel-matched to Figma:
 *   Desktop node 6473:6320 (Featured Links) — px-[162px] py-[100px], 2-col × 490px, gap 50px.
 *     H2:            Source Sans Pro SemiBold 36/38, #00406D, centered.
 *     Intro:         Source Sans Pro Regular  21/30, #000, centered, max-width 910px.
 *     Member icon:   120×120 contain, centered in a 337px hit-box.
 *     Member title:  Source Sans Pro SemiBold 21/24, #000, centered.
 *     Member sub:    Source Sans Pro Regular  18/24, #000, centered.
 *     Divider:       1px solid #C2C2C2 (top of checklist).
 *     Check row:     24×24 check (#00ADEE) + 18/24 #000, gap 10px.
 *     Contact:       gradient rgba(234,236,238,.2) → #EAECEE, padding 20px, 18/24, centered.
 *     Disclaimer:    Source Sans Pro Italic 14/24, #000.
 *
 *   Mobile node 7584:12436 — px-[20px] py-[40px], cards stacked, full-width.
 *     H2:            SemiBold 28/32, #00406D.
 *     Intro:         Regular 18/28, #000.
 *     Rest of card:  same as desktop.
 */

section.wp-block-ns-custom-support-team.nscb-support-team {
	border: none;
}

.wp-block-ns-custom-support-team {
	--nscb-st-heading-color: #00406D;
	--nscb-st-text-color:    #000000;
	--nscb-st-check-color:   #00ADEE;
	--nscb-st-border-color:  #C2C2C2;
	--nscb-st-contact-bg:    #EAECEE;
	--nscb-st-icon-size:     120px;
	--nscb-st-font: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	box-sizing: border-box;
	width: 100%;
	padding: 40px 20px;
	background: #ffffff;
	font-family: var(--nscb-st-font);
	color: var(--nscb-st-text-color);
}

.wp-block-ns-custom-support-team *,
.wp-block-ns-custom-support-team *::before,
.wp-block-ns-custom-support-team *::after {
	box-sizing: border-box;
}

/* Inner container — max content width per Figma cards row (2 × 490 + 50 = 1030 + air). */
.wp-block-ns-custom-support-team .nscb-support-team__container {
	max-width: 1116px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	width: 100%;
}

/* ── Header ────────────────────────────────────────────────────────────── */

.wp-block-ns-custom-support-team .nscb-support-team__header {
	width: 100%;
	max-width: 910px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	text-align: center;
}

.wp-block-ns-custom-support-team .nscb-support-team__heading {
	margin: 0;
	color: var(--nscb-st-heading-color);
	font-family: var(--nscb-st-font);
	font-size: 28px;
	font-weight: 600;
	line-height: 32px;
	text-align: center;
	word-break: break-word;
}

.wp-block-ns-custom-support-team .nscb-support-team__intro {
	margin: 0;
	color: var(--nscb-st-text-color);
	font-family: var(--nscb-st-font);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	word-break: break-word;
}

/* ── Cards row ─────────────────────────────────────────────────────────── */

.wp-block-ns-custom-support-team .nscb-support-team__cards {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

.wp-block-ns-custom-support-team .nscb-support-team__member {
	width: 100%;
	max-width: 490px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.wp-block-ns-custom-support-team .nscb-support-team__member-head {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.wp-block-ns-custom-support-team .nscb-support-team__member-icon {
	flex: 0 0 auto;
	width: var(--nscb-st-icon-size);
	height: var(--nscb-st-icon-size);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.wp-block-ns-custom-support-team .nscb-support-team__member-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.wp-block-ns-custom-support-team .nscb-support-team__member-icon--placeholder {
	background: rgba( 0, 173, 238, 0.08 );
	border: 1px dashed rgba( 0, 173, 238, 0.5 );
	border-radius: 8px;
	color: rgba( 0, 173, 238, 0.9 );
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
	padding: 6px;
}

.wp-block-ns-custom-support-team .nscb-support-team__member-icon--empty {
	background: transparent;
	border: none;
}

.wp-block-ns-custom-support-team .nscb-support-team__member-copy {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}

.wp-block-ns-custom-support-team .nscb-support-team__member-title {
	margin: 0;
	color: var(--nscb-st-text-color);
	font-family: var(--nscb-st-font);
	font-size: 21px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	word-break: break-word;
}

.wp-block-ns-custom-support-team .nscb-support-team__member-subtitle {
	margin: 0;
	color: var(--nscb-st-text-color);
	font-family: var(--nscb-st-font);
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	word-break: break-word;
}

/* ── Checklist ─────────────────────────────────────────────────────────── */

.wp-block-ns-custom-support-team .nscb-support-team__list-wrap {
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid var(--nscb-st-border-color);
}

.wp-block-ns-custom-support-team .nscb-support-team__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.wp-block-ns-custom-support-team .nscb-support-team__item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.wp-block-ns-custom-support-team .nscb-support-team__check {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--nscb-st-check-color);
	margin-top: 0;
}

.wp-block-ns-custom-support-team .nscb-support-team__check svg {
	width: 100%;
	height: 100%;
	display: block;
}

.wp-block-ns-custom-support-team .nscb-support-team__item-text {
	flex: 1 1 0;
	min-width: 0;
	color: var(--nscb-st-text-color);
	font-family: var(--nscb-st-font);
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	word-break: break-word;
}

/* ── Footer (contact banner + disclaimer) ──────────────────────────────── */

.wp-block-ns-custom-support-team .nscb-support-team__footer {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
}

.wp-block-ns-custom-support-team .nscb-support-team__contact {
	width: 100%;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(270deg, rgba(234, 236, 238, 0.20) 0%, #EAECEE 100%);
}

.wp-block-ns-custom-support-team .nscb-support-team__contact-text {
	margin: 0;
	color: var(--nscb-st-text-color);
	font-family: var(--nscb-st-font);
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	word-break: break-word;
}

.wp-block-ns-custom-support-team .nscb-support-team__contact-text a,
.wp-block-ns-custom-support-team .nscb-support-team__contact-text strong a,
.wp-block-ns-custom-support-team .nscb-support-team__contact-text a strong {
	color: var(--nscb-st-heading-color);
	text-decoration: underline;
	text-underline-position: from-font;
	text-decoration-style: solid;
	font-weight: 600;
}

.wp-block-ns-custom-support-team .nscb-support-team__contact-text a:hover,
.wp-block-ns-custom-support-team .nscb-support-team__contact-text a:focus,
.wp-block-ns-custom-support-team .nscb-support-team__contact-text a:hover strong,
.wp-block-ns-custom-support-team .nscb-support-team__contact-text a:focus strong {
	color: var(--nscb-st-heading-color);
	text-decoration: none;
}

.wp-block-ns-custom-support-team .nscb-support-team__disclaimer {
	margin: 0;
	color: var(--nscb-st-text-color);
	font-family: var(--nscb-st-font);
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	line-height: 24px;
	text-align: left;
	word-break: break-word;
}

/* ── Tablet / small-desktop switch to 2-col cards ──────────────────────── */

@media ( min-width: 769px ) {
	.wp-block-ns-custom-support-team {
		padding: 100px 40px;
	}

	.wp-block-ns-custom-support-team .nscb-support-team__container {
		gap: 50px;
	}

	.wp-block-ns-custom-support-team .nscb-support-team__heading {
		font-size: 36px;
		line-height: 38px;
	}

	.wp-block-ns-custom-support-team .nscb-support-team__intro {
		font-size: 21px;
		line-height: 30px;
	}

	.wp-block-ns-custom-support-team .nscb-support-team__cards {
		flex-direction: row;
		align-items: flex-start;
		justify-content: center;
		gap: 50px;
		width: 100%;
	}

	.wp-block-ns-custom-support-team .nscb-support-team__member {
		flex: 1 1 490px;
		max-width: 490px;
	}
}

/* Reserve horizontal breathing room at the widest viewports (matches
 * Figma's 162px page padding). */
@media ( min-width: 1280px ) {
	.wp-block-ns-custom-support-team {
		padding-left: 80px;
		padding-right: 80px;
	}
}

@media ( min-width: 1440px ) {
	.wp-block-ns-custom-support-team {
		padding-left: 120px;
		padding-right: 120px;
	}
}

/* ── Full-width alignment support ──────────────────────────────────────── */

.wp-block-ns-custom-support-team.alignwide,
.wp-block-ns-custom-support-team.alignfull {
	max-width: none;
}

.wp-block-ns-custom-support-team.alignfull {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}