.ep-content-section,
.ep-content-section * { box-sizing: border-box; }

.ep-content-section {
	--ep-content-background: #f6f7f6;
	--ep-content-card: #fff;
	--ep-content-card-deep: #f0f5f2;
	--ep-content-text: #151917;
	--ep-content-muted: rgba(21, 25, 23, .68);
	--ep-content-border: rgba(21, 25, 23, .13);
	--ep-content-accent: var(--wd-primary-color, #34d399);
	--ep-content-accent-dark: #148c50;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: auto;
	max-width: none;
	margin-inline: calc(50% - 50vw);
	padding: clamp(76px, 8vw, 138px) 24px;
	background:
		radial-gradient(ellipse 112% 72% at 50% 53%, rgba(47, 200, 120, .09), transparent 78%),
		var(--ep-content-background);
	color: var(--ep-content-text);
	font-family: inherit;
}

.ep-content-section__glow {
	position: absolute;
	z-index: -1;
	border-radius: 999px;
	pointer-events: none;
	filter: blur(120px);
}
.ep-content-section__glow--one {
	top: 215px;
	left: 0;
	width: 100%;
	height: 620px;
	border-radius: 48%;
	background: linear-gradient(90deg, rgba(47, 200, 120, .12), rgba(47, 200, 120, .055) 50%, rgba(47, 200, 120, .1));
}
.ep-content-section__glow--two { display: none; }
.ep-content-section__container { width: min(100%, 1450px); margin-inline: auto; }
.ep-content-section__title {
	max-width: 1000px;
	margin: 0 auto clamp(54px, 6vw, 86px);
	color: var(--ep-content-text);
	font-size: clamp(38px, 4.25vw, 69px);
	font-weight: 650;
	line-height: 1.12;
	letter-spacing: -.035em;
	text-align: center;
	text-wrap: balance;
}
.ep-content-section__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	align-items: start;
	gap: clamp(48px, 6vw, 92px);
}

.ep-guide-card {
	position: relative;
	height: 610px;
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(20, 140, 80, .1);
	border-radius: 40px;
	background:
		radial-gradient(circle at 10% 0%, rgba(47, 200, 120, .12), transparent 40%),
		linear-gradient(145deg, var(--ep-content-card) 0%, var(--ep-content-card-deep) 72%);
	box-shadow: 0 30px 70px rgba(20, 45, 31, .1), inset 0 1px 0 rgba(255, 255, 255, .95);
}
.ep-guide-card__scroll {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	padding: clamp(36px, 4vw, 54px) clamp(30px, 4vw, 52px) 100px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.ep-guide-card__scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
.ep-guide-card__scroll:focus-visible { outline: 2px solid var(--ep-content-accent); outline-offset: -5px; }
.ep-guide-card__header { margin-bottom: 30px; }
.ep-guide-card__label,
.ep-content-faq__label {
	display: block;
	margin-bottom: 18px;
	color: var(--ep-content-accent-dark);
	font-size: 17px;
	font-weight: 650;
	line-height: 1.3;
}
.ep-guide-card__title {
	max-width: 610px;
	margin: 0;
	color: var(--ep-content-text);
	font-size: clamp(28px, 2.2vw, 38px);
	font-weight: 650;
	line-height: 1.22;
	letter-spacing: -.025em;
}
.ep-guide-card__content { color: #2f3733; font-size: clamp(17px, 1.25vw, 21px); font-weight: 450; line-height: 1.72; }
.ep-guide-card__content p { margin: 0 0 27px; }
.ep-guide-card__content h2,
.ep-guide-card__content h3,
.ep-guide-card__content h4 { margin: 38px 0 18px; color: var(--ep-content-text); font-size: clamp(21px, 1.7vw, 27px); line-height: 1.3; }
.ep-guide-card__content ul,
.ep-guide-card__content ol { margin: 0 0 28px; padding-left: 24px; }
.ep-guide-card__content li { margin-bottom: 9px; }
.ep-guide-card__content li::marker { color: var(--ep-content-accent); }
.ep-guide-card__content a { color: var(--ep-content-accent-dark); text-decoration: underline; text-underline-offset: 3px; }
.ep-guide-card__fade { position: absolute; z-index: 2; left: 0; width: 100%; pointer-events: none; }
.ep-guide-card__fade--top { top: 0; height: 24px; background: linear-gradient(to bottom, rgba(255, 255, 255, .95), transparent); }
.ep-guide-card__fade--bottom { bottom: 0; height: 105px; background: linear-gradient(to bottom, transparent, rgba(242, 247, 244, .94) 68%, rgba(240, 245, 242, 1)); }

.ep-content-faq { min-width: 0; padding-top: 4px; }
.ep-content-faq__header { margin-bottom: 25px; }
.ep-content-faq__label { margin-bottom: 12px; font-size: 15px; }
.ep-content-faq__title {
	margin: 0;
	color: var(--ep-content-text);
	font-size: clamp(28px, 2.25vw, 38px);
	font-weight: 650;
	line-height: 1.15;
	letter-spacing: -.035em;
}
.ep-content-faq__list { border-top: 1px solid var(--ep-content-border); }
.ep-content-faq__item { border-bottom: 1px solid var(--ep-content-border); }
.ep-content-section .ep-content-faq__question {
	display: flex;
	width: 100%;
	min-height: 72px;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	margin: 0;
	padding: 20px 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--ep-content-text);
	font: inherit;
	font-size: clamp(16px, 1.15vw, 20px);
	font-weight: 650;
	line-height: 1.35;
	text-align: left;
	text-transform: none;
	cursor: pointer;
	transition: color 180ms ease, opacity 180ms ease;
}
.ep-content-section .ep-content-faq__question:hover { color: var(--ep-content-accent-dark); background: transparent; }
.ep-content-section .ep-content-faq__question:focus-visible { outline: 2px solid var(--ep-content-accent); outline-offset: 7px; border-radius: 4px; }
.ep-content-faq__icon {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	color: rgba(21, 25, 23, .44);
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 280ms ease, color 180ms ease;
}
.ep-content-section .ep-content-faq__question[aria-expanded="true"] .ep-content-faq__icon { transform: rotate(180deg); color: var(--ep-content-accent-dark); }
.ep-content-faq__answer {
	display: grid;
	overflow: hidden;
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows 360ms cubic-bezier(.4, 0, .2, 1), opacity 240ms ease;
}
.ep-content-faq__answer.is-open { grid-template-rows: 1fr; opacity: 1; }
.ep-content-faq__answer-inner { min-height: 0; }
.ep-content-faq__answer p { max-width: 670px; margin: 0; padding: 0 42px 30px 0; color: var(--ep-content-muted); font-size: 17px; line-height: 1.72; }

@media (max-width: 1050px) {
	.ep-content-section__title br { display: none; }
	.ep-content-section__grid { grid-template-columns: 1fr; gap: 58px; }
	.ep-guide-card { height: 580px; }
	.ep-content-faq { padding-top: 0; }
}

@media (max-width: 640px) {
	.ep-content-section { padding: 68px 16px 78px; }
	.ep-content-section__title { margin-bottom: 40px; font-size: clamp(35px, 10vw, 45px); line-height: 1.12; text-align: left; }
	.ep-content-section__grid { gap: 48px; }
	.ep-guide-card { height: 540px; border-radius: 26px; }
	.ep-guide-card__scroll { padding: 31px 24px 82px; }
	.ep-guide-card__header { margin-bottom: 25px; }
	.ep-guide-card__label,
	.ep-content-faq__label { margin-bottom: 12px; font-size: 15px; }
	.ep-guide-card__title { font-size: 27px; }
	.ep-guide-card__content { font-size: 17px; line-height: 1.65; }
	.ep-guide-card__content p { margin-bottom: 23px; }
	.ep-content-faq__title { font-size: 30px; }
	.ep-content-section .ep-content-faq__question { min-height: 66px; padding: 18px 0; font-size: 17px; }
	.ep-content-faq__answer p { padding: 0 28px 24px 0; font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
	.ep-content-faq__answer,
	.ep-content-faq__icon,
	.ep-content-faq__question { transition: none; }
}
