/**
 * Divi / Customizer / DIPI conflict overrides.
 */

/* ── Canvas ────────────────────────────────────────────────────────── */

html {
	background: var(--black) !important;
	color: var(--white) !important;
}

html body,
html body.et_cover_background,
html body.et_divi_theme {
	font-family: var(--font) !important;
	font-size: 14px !important;
	line-height: 22px !important;
	font-weight: 400 !important;
	color: var(--white) !important;
	background-color: var(--black) !important;
	background-image: none !important;
	background-size: auto !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
	overflow-x: clip;
}

/* ── Shells painted white by Divi / DIPI ───────────────────────────── */

html body #page-container,
html body #et-boc,
html body #et-main-area {
	background-color: transparent !important;
	background-image: none !important;
	color: inherit;
}

html body #main-content,
html body.et_pb_pagebuilder_layout #et-main-area #main-content,
html body .dipi_revealing_footer_content {
	background-color: var(--black) !important;
	background-image: none !important;
	color: inherit;
}

/* ── Element defaults Divi + Customizer re-apply ───────────────────── */

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
	color: var(--white);
	padding-bottom: 0;
	font-weight: 400;
	font-family: inherit;
}

html body p {
	padding-bottom: 0;
	color: inherit;
}

html body a {
	color: inherit;
	text-decoration: none;
}

html body ul,
html body ol {
	list-style: none;
}

html body img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

html body *,
html body *::before,
html body *::after {
	box-sizing: border-box;
}

html body a.dipi-cta-button {
	font-family: var(--font) !important;
}

/* ── Site header / nav ─────────────────────────────────────────────── */

html body header.et-l--header .et_pb_section_0_tb_header.et_pb_section {
	border-bottom: var(--hairline) !important;
	backdrop-filter: blur(6px) !important;
	-webkit-backdrop-filter: blur(6px) !important;
}

html body .et_pb_sticky .et_pb_section_0_tb_header.et_pb_section {
	background-color: transparent !important;
}

html body header.et-l--header .et_pb_row_0_tb_header {
	width: 100% !important;
	max-width: var(--wrap) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 20px var(--gutter) !important;
}

@media (max-width: 980px) {
	html body header.et-l--header .et_pb_row_0_tb_header {
		padding: 8px var(--gutter) !important;
	}
}

@media (max-width: 900px) {
	html body header.et-l--header {
		height: 0px !important;
	}
}

html body .et_pb_row_0_tb_header>div:first-child img {
	height: 46px !important;
	width: auto !important;
	max-height: none !important;
}

@media (max-width: 980px) {
	html body .et_pb_row_0_tb_header>div:first-child img {
		height: 36px !important;
	}
}

html body #menu-header-menu>li:not(.dipi-cta-button-menu-item) {
	padding: 0 !important;
}

html body #menu-header-menu>li:not(.dipi-cta-button-menu-item)>a {
	font-family: var(--font) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: var(--track-meta) !important;
	text-transform: uppercase !important;
	color: var(--white) !important;
	padding: 10px 14px !important;
	border-radius: var(--radius-card) !important;
	border: 1px solid transparent !important;
	background: transparent !important;
	transition:
		color 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		background 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body #menu-header-menu>li:not(.dipi-cta-button-menu-item)>a:hover {
	color: var(--teal) !important;
	background: color-mix(in srgb, var(--near-black) 70%, transparent) !important;
	border-color: color-mix(in srgb, var(--teal-hover) 20%, var(--white--15)) !important;
}

html body #menu-header-menu>li.menu-item-has-children>a::after {
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: var(--white--50) !important;
	font-size: 11px !important;
	margin-left: 6px !important;
}

#et-boc a.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button {
	padding: 10px 24px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.2em !important;
	color: var(--white) !important;
	background-color: transparent !important;
	border-width: 1px !important;
	border-color: var(--white--50) !important;
	border-radius: var(--r-pill) !important;
}

#et-boc a.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button.dipi-cta-button:hover {
	color: var(--teal) !important;
	background-color: color-mix(in srgb, var(--near-black) 70%, transparent) !important;
	border-color: color-mix(in srgb, var(--teal-hover) 20%, var(--white--15)) !important;
}

/* ── Site header / nav — mobile (<900px) ───────────────────────────── */

html body .dipi_hamburger.hamburger {
	background-color: transparent !important;
	border: 1px solid var(--white--50) !important;
	border-radius: 100px !important;
	transition:
		border-color 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		background 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html body .dipi_hamburger.hamburger:hover {
	border-color: color-mix(in srgb, var(--teal-hover) 20%, var(--white--15)) !important;
	background: color-mix(in srgb, var(--near-black) 70%, transparent) !important;
}

html body .dipi_hamburger.hamburger.is-active {
	background-color: transparent !important;
	border-color: var(--teal) !important;
}

html body header.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__wrap .et_mobile_nav_menu .et_mobile_menu {
	position: fixed !important;
	inset: 57px 0 0 0 !important;
	width: 100% !important;
	height: calc(100dvh - 57px) !important;
	margin: 0 !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	padding: var(--space-md) var(--gutter) !important;
	background: var(--card-wash), var(--dark-2) !important;
	border-top: 2px solid var(--teal) !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
}

html body header.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu ul {
	background: transparent !important;
	border-top: 0 !important;
	box-shadow: none !important;
}

html body header.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu>li>a {
	background-color: transparent !important;
	color: var(--white) !important;
	font-family: var(--font) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: var(--track-meta) !important;
	border-radius: var(--radius-card) !important;
}

html body header.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu>li>a:hover {
	background-color: color-mix(in srgb, var(--near-black) 70%, transparent) !important;
	color: var(--teal) !important;
	opacity: 1 !important;
}

html body header.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li.menu-item-has-children>a::before,
html body header.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li.menu-item-has-children>a::after {
	color: var(--teal) !important;
	background-color: color-mix(in srgb, var(--teal) 12%, transparent) !important;
}

html body header.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li>.sub-menu {
	margin-left: 4px !important;
	padding-left: 16px !important;
	border-left: 1px solid var(--white--15) !important;
}

html body header.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li>.sub-menu>li>a {
	background-color: transparent !important;
	border: 0 !important;
	border-radius: var(--radius-card) !important;
	color: var(--white--70) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

html body header.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li>.sub-menu>li>a:hover {
	background-color: color-mix(in srgb, var(--near-black) 70%, transparent) !important;
	color: var(--teal) !important;
	opacity: 1 !important;
}

/* ── Site footer ────────────────────────────────────────────────────── */

html body footer.et-l--footer .et_pb_section_0_tb_footer {
	background-color: var(--black) !important;
	background-image: none !important;
}

html body footer.et-l--footer .et_pb_row_0_tb_footer,
html body footer.et-l--footer .et_pb_row_1_tb_footer,
html body footer.et-l--footer .et_pb_row_2_tb_footer {
	width: 100% !important;
	max-width: var(--wrap) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--gutter) !important;
	padding-right: var(--gutter) !important;
}

html body footer.et-l--footer .et_pb_row_0_tb_footer {
	background-color: transparent !important;
	background-image: none !important;
}

html body footer.et-l--footer .sy-info-col h4 {
	font-size: 20px !important;
	font-weight: 400 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: var(--teal) !important;
}

html body footer.et-l--footer .et_pb_column--with-menu .et_pb_text_inner h4 {
	font-size: var(--text-meta) !important;
	font-weight: 600 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: var(--white) !important;
}

html body footer.et-l--footer .et_pb_column--with-menu .et-menu.nav a {
	font-size: 14px !important;
	color: var(--white--70) !important;
}

html body footer.et-l--footer .et_pb_blurb_container h4.et_pb_module_header {
	font-size: 11px !important;
	font-weight: 600 !important;
	color: var(--white--50) !important;
}

html body footer.et-l--footer .et_pb_blurb_container p {
	font-size: 14px !important;
	color: var(--white--90) !important;
}

html body footer.et-l--footer .et_pb_row_2_tb_footer .et_pb_text_inner p {
	font-size: 12px !important;
	letter-spacing: 0.06em !important;
	color: var(--white--50) !important;
}

html body footer.et-l--footer .et_pb_row_2_tb_footer .et-menu.nav a {
	font-size: 12px !important;
	color: var(--white--50) !important;
}

/* ── Channel Partners (`[partners_shortcode]`) ───────────────────────
 * Markup lives in the Divi child theme; legacy look lives in Divi Theme
 * Options Custom CSS. Override both so cards match the refresh system.
 * Logos are often JPGs with baked-in white backgrounds — keep a white
 * logo plate so those read as intentional, not broken transparency.
 */

.seyond-refresh .partner-list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: var(--grid-gap) !important;
	margin: 0 !important;
	padding: 0 !important;
	align-items: stretch !important;

	.partner-item {
		display: flex !important;
		flex-direction: column !important;
		flex: none !important;
		flex-basis: auto !important;
		width: auto !important;
		margin: 0 !important;
		overflow: hidden !important;
		background: var(--card-wash), var(--dark-2) !important;
		border: var(--hairline) !important;
		border-radius: var(--radius-card) !important;
		box-shadow: none !important;
		transition:
			border-color 0.45s ease,
			transform 0.45s ease,
			background 0.45s ease !important;

		&:hover {
			border-color: var(--white--30) !important;
			transform: translateY(-3px);

			.partner-title {
				color: var(--teal) !important;
			}
		}
	}

	/* White plate: JPG white fills blend; colored PNGs still sit cleanly. */
	.partner-logo {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-shrink: 0 !important;
		height: 112px !important;
		margin: 0 !important;
		padding: 22px 28px !important;
		background: var(--off-white) !important;
		border-bottom: var(--hairline) !important;

		img {
			display: block !important;
			width: auto !important;
			max-width: 100% !important;
			height: auto !important;
			max-height: 68px !important;
			margin: 0 auto !important;
			object-fit: contain !important;
		}
	}

	.partner-details {
		display: flex !important;
		flex-direction: column !important;
		flex-grow: 1 !important;
		gap: 0 !important;
		padding: 24px 24px 8px !important;
		background: transparent !important;

		>div:has(.partner-desc) {
			flex-grow: 1 !important;
		}
	}

	.partner-title {
		margin: 0 0 18px !important;
		padding: 0 !important;
		font-family: var(--font) !important;
		font-size: 20px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		letter-spacing: 0.04em !important;
		text-transform: none !important;
		color: var(--white) !important;
		text-wrap: balance;
		transition: color 0.4s ease !important;

		.sea-green-text,
		span {
			color: inherit !important;
		}
	}

	.partner-details-table {
		width: 100% !important;
		margin: 0 0 18px !important;
		border-collapse: collapse !important;
		border: none !important;
		font-variant-numeric: tabular-nums;

		tbody,
		tr,
		td {
			border: none !important;
			background: transparent !important;
		}

		tr {
			border-bottom: var(--hairline) !important;

			&:last-child {
				border-bottom: none !important;
			}
		}

		td {
			padding: 10px 0 !important;
			vertical-align: top !important;
			font-family: var(--font) !important;
			line-height: 1rem !important;
			text-align: left !important;

			&:first-child {
				width: 34% !important;
				padding-right: 14px !important;
				font-size: var(--text-meta) !important;
				font-weight: 500 !important;
				letter-spacing: 0.04em !important;
				text-transform: uppercase !important;
				color: var(--white--50) !important;
				white-space: nowrap !important;
			}

			&:last-child {
				font-size: 14px !important;
				font-weight: 400 !important;
				letter-spacing: 0.01em !important;
				text-transform: none !important;
				color: var(--white) !important;
			}
		}
	}

	.partner-desc {
		margin: 0 0 8px !important;
		padding: 0 !important;
		font-family: var(--font) !important;
		font-size: 12px !important;
		line-height: 1.55 !important;
		color: var(--white--70) !important;
	}

	.partner-url {
		flex-shrink: 0 !important;
		margin: 0 !important;
		padding: 8px 24px 24px !important;
		text-align: left !important;

		a {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			width: auto !important;
			max-width: 100% !important;
			margin: 0 !important;
			padding: 11px 22px !important;
			font-family: var(--font) !important;
			font-size: 12px !important;
			line-height: 16px !important;
			font-weight: 500 !important;
			letter-spacing: 0.16em !important;
			text-transform: uppercase !important;
			text-decoration: none !important;
			color: var(--white) !important;
			background: transparent !important;
			border: 1px solid var(--white--50) !important;
			border-radius: var(--r-pill) !important;
			backdrop-filter: blur(6px);
			transition:
				color 0.45s ease,
				border-color 0.45s ease,
				background 0.45s ease !important;

			&:hover,
			&:focus {
				color: var(--teal) !important;
				background: color-mix(in srgb, var(--near-black) 70%, transparent) !important;
				border-color: color-mix(in srgb, var(--teal-hover) 20%, var(--white--15)) !important;
			}
		}
	}

	@media (max-width: 1080px) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	@media (max-width: 700px) {
		grid-template-columns: 1fr !important;
		gap: 20px !important;

		.partner-logo {
			height: 100px !important;
			padding: 18px 22px !important;

			img {
				max-height: 58px !important;
			}
		}

		.partner-details {
			padding: 20px 20px 6px !important;
		}

		.partner-title {
			font-size: 18px !important;
			margin-bottom: 14px !important;
		}

		.partner-url {
			padding: 6px 20px 20px !important;

			a {
				width: 100% !important;
			}
		}
	}
}

/* ── Downloads Advanced Tabs panels (`.dipi-at-panels`) ──────────────
 * Parent section carries `.seyond-refresh`; nested panel libraries also
 * use that class. Override Divi/DIPI padding + legacy `.sy_download_*`
 * Theme Options CSS so the active panel reads as one refresh card.
 */

.seyond-refresh .dipi-at-panels {
	width: 100% !important;
	margin: 28px 0 0 !important;
	padding: 0 !important;
	background: transparent !important;

	.dipi-at-panel {
		overflow: hidden !important;
		background: var(--card-wash), var(--dark-2) !important;
		border: var(--hairline) !important;
		border-radius: calc(var(--radius-card) + 6px) !important;
	}

	.dipi-at-panel-content,
	.et_pb_section,
	.et_pb_row,
	.et_pb_column {
		background: transparent !important;
		background-image: none !important;
	}

	.et_pb_section {
		margin: 0 !important;
		padding: 0 !important;
	}

	.et_pb_row {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.et_pb_column {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Product title strip (legacy #333f48 banner row). */
	.et_pb_row:has(h3) {
		padding: 22px 32px !important;
		border-bottom: var(--hairline) !important;
		background: transparent !important;
		background-color: transparent !important;
	}

	.et_pb_text,
	.et_pb_text_inner,
	.et_pb_code,
	.et_pb_code_inner {
		margin: 0 !important;
		padding: 0 !important;
	}

	.et_pb_row:has(h3) .et_pb_text,
	.et_pb_row:has(h3) .et_pb_text_inner {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	h3 {
		margin: 0 !important;
		padding: 0 !important;
		font-family: var(--font) !important;
		font-size: 40px !important;
		font-weight: 400 !important;
		letter-spacing: var(--track-display) !important;

		.sea-green-text,
		span {
			color: var(--teal) !important;
		}
	}

	.et_pb_row:has(.sy_download_table) {
		padding: 0 12px !important;
	}

	.sy_download_table {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-collapse: collapse !important;
		border: none !important;
		font-variant-numeric: tabular-nums;

		tbody,
		tr,
		td {
			border: none !important;
			background: transparent !important;
			color: inherit !important;
		}

		tr {
			border-bottom: var(--hairline) !important;
			transition: background 0.35s ease;

			&:last-child {
				border-bottom: none !important;
			}

			&:hover {
				background: linear-gradient(to right,
						transparent,
						color-mix(in srgb, var(--teal) 6%, transparent) 50%,
						transparent) !important;
			}
		}

		td {
			padding: 18px 20px !important;
			vertical-align: middle !important;
			font-family: var(--font) !important;
		}

		.sy_table_cell {
			min-width: 0 !important;
		}

		.sy_table_cell:not(.sy_resource_title_wrap) {
			text-align: left !important;
		}

		.sy_download_index {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			min-width: 1.75em !important;
			font-size: var(--text-meta) !important;
			font-weight: 500 !important;
			letter-spacing: 0.04em !important;
			color: var(--white--40) !important;
		}

		.sy_resource_title_wrap {
			width: 100% !important;
		}

		.sy_resource_title {
			margin: 0 !important;
			padding: 0 !important;
			font-family: var(--font) !important;
			font-size: 18px !important;
			line-height: 1 !important;
			font-weight: 400 !important;
			letter-spacing: 0.02em !important;
			text-transform: none !important;
			color: var(--white) !important;
		}

		.sy_download_category {
			font-size: var(--text-meta) !important;
			font-weight: 500 !important;
			letter-spacing: var(--track-meta) !important;
			text-transform: uppercase !important;
			color: var(--white--50) !important;
		}

		td:last-child {
			width: 1% !important;
			white-space: nowrap !important;
			text-align: right !important;
		}

		.sy_download_btn {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			margin: 0 !important;
			padding: 11px 22px !important;
			font-family: var(--font) !important;
			font-size: 12px !important;
			line-height: 16px !important;
			font-weight: 500 !important;
			letter-spacing: 0.16em !important;
			text-transform: uppercase !important;
			text-decoration: none !important;
			color: var(--near-black) !important;
			background: var(--teal) !important;
			border: 1px solid var(--teal) !important;
			border-radius: var(--r-pill) !important;
			cursor: pointer;
			transition:
				color 0.45s ease,
				border-color 0.45s ease,
				background 0.45s ease !important;

			&:hover,
			&:focus {
				color: var(--black) !important;
				background: var(--teal-hover) !important;
				border-color: var(--teal-hover) !important;
			}

			&:disabled {
				opacity: 0.55 !important;
				cursor: not-allowed !important;
			}
		}
	}

	@media (max-width: 700px) {
		margin-top: 20px !important;

		.et_pb_row:has(h3) {
			padding: 18px 20px !important;
		}

		h3 {
			font-size: 28px !important;
			text-align: center !important;
		}

		.et_pb_row:has(.sy_download_table) {
			padding: 0 8px !important;
		}

		.sy_download_table {
			tr {
				position: relative !important;
				display: flex !important;
				flex-direction: column !important;
				align-items: center !important;
				justify-content: center !important;
				gap: 16px !important;
				min-height: 168px !important;
				padding: 44px 24px 36px !important;
				overflow: hidden !important;
				text-align: center !important;
			}

			td {
				display: block !important;
				width: 100% !important;
				padding: 0 !important;
				text-align: center !important;
			}

			td:first-child {
				position: absolute !important;
				top: 0 !important;
				right: auto !important;
				bottom: 0 !important;
				left: 0 !important;
				z-index: 0 !important;
				display: block !important;
				width: 0 !important;
				overflow: visible !important;
				pointer-events: none !important;
			}

			.sy_download_index {
				position: absolute !important;
				top: 50% !important;
				left: 6px !important;
				display: block !important;
				min-width: 0 !important;
				margin: 0 !important;
				padding: 0 !important;
				font-size: clamp(110px, 36vw, 160px) !important;
				line-height: 0.75 !important;
				font-weight: 600 !important;
				letter-spacing: -0.06em !important;
				text-align: left !important;
				color: color-mix(in srgb, var(--teal) 9%, transparent) !important;
				transform: translateY(-50%) !important;
				user-select: none;
			}

			.sy_resource_title_wrap {
				position: relative !important;
				z-index: 1 !important;
				width: 100% !important;
			}

			.sy_resource_title {
				font-size: 24px !important;
				line-height: 1 !important;
				letter-spacing: 0.03em !important;
				text-wrap: balance;
			}

			td:last-child {
				position: relative !important;
				z-index: 1 !important;
				display: flex !important;
				justify-content: center !important;
				align-items: center !important;
				width: 100% !important;
				white-space: normal !important;
			}

			.sy_download_btn {
				width: min(100%, 240px) !important;
				margin-left: auto !important;
				margin-right: auto !important;
				padding: 13px 28px !important;
			}
		}
	}
}

/* Blog grid */

#et-boc .sy-blog {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;

	.et_pb_blog_grid,
	.et_pb_ajax_pagination_container,
	.et_pb_salvattore_content {
		background: transparent !important;
	}

	.et_pb_post {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		margin: 0 0 var(--grid-gap) !important;
		padding: 0 !important;
		overflow: hidden !important;
		background: var(--card-wash), var(--dark-2) !important;
		border: var(--hairline) !important;
		border-radius: var(--radius-card) !important;
		box-shadow: none !important;
		color: var(--white) !important;
		transition:
			border-color 0.5s ease,
			transform 0.5s ease !important;

		&:hover {
			border-color: var(--white--30) !important;
			transform: translateY(-4px);

			.et_pb_image_container img {
				transform: scale(1.05);
			}

			.entry-title a {
				color: var(--teal) !important;
			}

			.post-content::after {
				transform: translateX(5px);
			}
		}

		&:last-child {
			margin-bottom: 0 !important;
		}
	}

	.et_pb_image_container {
		order: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		aspect-ratio: 16 / 9;
		overflow: hidden;
		background: var(--dark-3);

		a {
			display: block !important;
			width: 100% !important;
			height: 100% !important;
		}

		img {
			display: block !important;
			width: 100% !important;
			height: 100% !important;
			object-fit: cover !important;
			border: none !important;
			border-bottom: none !important;
			border-radius: 0 !important;
			transition: transform 0.6s ease;
		}
	}

	.et_pb_post .post-meta,
	.et_pb_post p.post-meta {
		order: 1 !important;
		margin: 24px 24px 14px !important;
		padding: 0 !important;
		font-family: var(--font) !important;
		font-size: var(--text-meta) !important;
		line-height: 1.4 !important;
		font-weight: 500 !important;
		letter-spacing: var(--track-meta) !important;
		text-transform: uppercase !important;
		color: var(--teal) !important;
		font-variant-numeric: tabular-nums;
	}

	.et_pb_post .post-meta a,
	.et_pb_post .post-meta .published,
	.et_pb_post .published {
		display: inline !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		background-color: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		font-family: var(--font) !important;
		font-size: var(--text-meta) !important;
		line-height: 1.4 !important;
		font-weight: 500 !important;
		letter-spacing: var(--track-meta) !important;
		text-transform: uppercase !important;
		color: var(--teal) !important;
	}

	.et_pb_post .entry-title {
		order: 2 !important;
		margin: 0 24px 12px !important;
		padding: 0 !important;
		font-family: var(--font) !important;
		font-size: 22px !important;
		line-height: 1.2 !important;
		font-weight: 400 !important;
		letter-spacing: 0.04em !important;
		color: var(--white) !important;
	}

	.et_pb_post .entry-title a {
		color: var(--white) !important;
		text-decoration: none !important;
		transition: color 0.4s ease !important;

		&::after {
			content: "";
			position: absolute;
			inset: 0;
			z-index: 1;
		}
	}

	.et_pb_post .post-content {
		order: 3 !important;
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
		margin: 0 24px 24px !important;
		padding: 0 !important;
		font-family: var(--font) !important;
		font-size: 13px !important;
		line-height: 1.6 !important;
		color: var(--white--70) !important;

		/* Avoid .et_pb_post.clearfix::after — Divi owns that for clearfix. */
		&::after {
			content: "Read More →";
			margin-top: auto !important;
			padding-top: 20px !important;
			font-family: var(--font) !important;
			font-size: var(--text-meta) !important;
			font-weight: 500 !important;
			letter-spacing: var(--track-meta) !important;
			text-transform: uppercase !important;
			color: var(--teal) !important;
			transition: transform 0.3s ease;
			pointer-events: none;
		}
	}

	.et_pb_post .post-content .post-content-inner,
	.et_pb_post .post-content p {
		margin: 0 !important;
		padding: 0 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		color: var(--white--70) !important;
		font-family: var(--font) !important;
		font-size: 13px !important;
		line-height: 1.6 !important;
	}

	.et_pb_post .post-content .more-link {
		display: none !important;
	}

	.pagination {
		margin: 0 0 0 !important;
		padding: 48px 0 0 !important;
		border: none !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 16px !important;
		clear: both !important;

		.alignleft,
		.alignright {
			float: none !important;
			margin: 0 !important;
			padding: 0 !important;
		}

		.alignright {
			margin-left: auto !important;
		}

		a {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			margin: 0 !important;
			padding: 13px 28px !important;
			font-family: var(--font) !important;
			font-size: 12px !important;
			line-height: 16px !important;
			font-weight: 500 !important;
			letter-spacing: 0.16em !important;
			text-transform: uppercase !important;
			text-decoration: none !important;
			color: var(--white) !important;
			background: transparent !important;
			border: 1px solid var(--white--50) !important;
			border-radius: var(--r-pill) !important;
			backdrop-filter: blur(6px);
			transition:
				color 0.45s ease,
				border-color 0.45s ease,
				background 0.45s ease !important;

			&:hover,
			&:focus {
				color: var(--teal) !important;
				background: color-mix(in srgb, var(--near-black) 70%, transparent) !important;
				border-color: color-mix(in srgb, var(--teal-hover) 20%, var(--white--15)) !important;
			}
		}
	}

	@media (max-width: 900px) {
		.et_pb_post {
			margin-bottom: 44px !important;
		}
	}
}