/* =========================
   FAQ Section - Desktop
========================= */

.-ycwt-ycwfaqs {
	background:var(--background);
}

.-ycwt-ycwfaqs .faq-layout,
.-ycwt-ycwfaqs .faq-copy,
.-ycwt-ycwfaqs .faq-items,
.-ycwt-ycwfaqs .faq-item,
.-ycwt-ycwfaqs .faq-head,
.-ycwt-ycwfaqs .faq-head > .title_faq,
.-ycwt-ycwfaqs .faq-body,
.-ycwt-ycwfaqs .faq-val {
	min-width:0;
}

.-ycwt-ycwfaqs .faq-layout {
	display:grid;
	grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
	align-items:start;
	gap:clamp(36px,6vw,76px);
}

.-ycwt-ycwfaqs .faq-copy {
	position:sticky;
	top:110px;
	align-items:flex-start;
	max-width:520px;
	margin:0;
	text-align:start;
}

.-ycwt-ycwfaqs .faq-copy .-dw-h4,
.-ycwt-ycwfaqs .faq-copy .-dw-h1 {
	text-align:start;
}

.-ycwt-ycwfaqs .faq-copy .-dw-h1 {
	line-height:1.25;
}

.-ycwt-ycwfaqs .faq-desc {
	color:var(--secondarytext);
	font-size:16px;
	line-height:1.85;
}

.-ycwt-ycwfaqs .faq-desc > :last-child {
	margin-bottom:0;
}

.-ycwt-ycwfaqs .btn2-row {
	flex-wrap:wrap;
	margin-inline-start:0;
	justify-content: flex-start;
}

.-ycwt-ycwfaqs .faq-items {
	width:100%;
}

.-ycwt-ycwfaqs .faq-item {
	border:1px solid var(--diver);
	box-shadow:0 10px 30px rgb(var(--primary-text-code) / 4.5%);
}

.-ycwt-ycwfaqs .faq-head > .title_faq,
.-ycwt-ycwfaqs .faq-val,
.-ycwt-ycwfaqs .faq-desc,
.-ycwt-ycwfaqs .faq-desc p {
	overflow-wrap:anywhere;
}

.-ycwt-ycwfaqs .faq-head > i {
	flex:0 0 auto;
}


/* =========================
   Tablet Responsive
========================= */

@media (max-width:991px) {
	.-ycwt-ycwfaqs .faq-layout {
		grid-template-columns:1fr;
		gap:30px;
	}

	.-ycwt-ycwfaqs .faq-copy {
		position:static;
		width:100%;
		max-width:680px;
	}

	.-ycwt-ycwfaqs .faq-desc {
		font-size:15px;
		line-height:1.75;
	}

	.-ycwt-ycwfaqs .faq-items {
		display:grid;
		gap:12px;
	}

	.-ycwt-ycwfaqs .faq-item {
		margin-bottom:0;
		border-radius:16px;
		box-shadow:0 7px 22px rgb(var(--primary-text-code) / 4%);
	}

	/* Scoped overrides for the legacy FAQ box responsive rules. */
	.-ycwt-ycwfaqs .faq-head {
		min-height:58px;
		gap:16px;
		padding:16px 18px;
	}

	.-ycwt-ycwfaqs .faq-head > .title_faq {
		font-size:16px;
		line-height:1.55;
	}

	.-ycwt-ycwfaqs .faq-head > i {
		font-size:18px;
	}

	.-ycwt-ycwfaqs .faq-val {
		margin-inline:18px;
		padding:16px 0 18px;
		font-size:14px;
		font-weight:400;
		line-height:1.75;
	}
}


/* =========================
   Mobile App Experience
========================= */

@media (max-width:767px) {
	.-ycwt-ycwfaqs {
		overflow:clip;
	}

	.-ycwt-ycwfaqs .faq-layout {
		gap:22px;
	}

	.-ycwt-ycwfaqs .faq-copy {
		max-width:none;
		padding-inline:0;
		align-items:flex-start;
		text-align:start;
	}

	.-ycwt-ycwfaqs .faq-copy .-dw-h4 {
		max-width:100%;
		margin-bottom:8px;
		text-align:start;
	}

	.-ycwt-ycwfaqs .faq-copy .-dw-h1 {
		width:100%;
		margin-bottom:10px;
		font-size:clamp(25px,7vw,30px);
		line-height:1.3;
		text-align:start;
	}

	.-ycwt-ycwfaqs .faq-desc {
		width:100%;
		max-width:620px;
		font-size:14.5px;
		line-height:1.75;
		text-align:start;
		word-break:normal;
	}

	.-ycwt-ycwfaqs .faq-desc p {
		word-break:normal;
	}

	.-ycwt-ycwfaqs .btn2-row {
		display: flex;
		gap:10px;
		width:100%;
		max-width:100%;
		margin-top:20px;
	}

	.-ycwt-ycwfaqs .btn2-row > * {
		min-width:0;
		max-width:none;
		min-height:46px;
		justify-content:center;
		text-align:center;
		touch-action:manipulation;
	}

	.-ycwt-ycwfaqs .btn2-row > *:active {
		transform:scale(.985);
	}

	.-ycwt-ycwfaqs .faq-items {
		gap:10px;
	}

	.-ycwt-ycwfaqs .faq-item {
		border-radius:14px;
		background:var(--surface-color);
		box-shadow:0 5px 16px rgb(var(--primary-text-code) / 4%);
		transition:border-color 180ms ease,box-shadow 180ms ease;
	}

	.-ycwt-ycwfaqs .faq-item[open] {
		border-color:color-mix(in srgb,var(--uicolor) 38%,var(--diver));
		box-shadow:0 8px 24px rgb(var(--primary-text-code) / 6%);
	}

	.-ycwt-ycwfaqs .faq-head {
		min-height:58px;
		gap:14px;
		padding:15px 16px;
		border-radius:14px;
		touch-action:manipulation;
		-webkit-tap-highlight-color:transparent;
	}

	.-ycwt-ycwfaqs .faq-head > .title_faq {
		flex:1 1 auto;
		font-size:15.5px;
		font-weight:600;
		line-height:1.55;
		text-align:start;
		word-break:normal;
	}

	.-ycwt-ycwfaqs .faq-head > i {
		display:flex;
		align-items:center;
		justify-content:center;
		width:28px;
		height:28px;
		font-size:16px;
		line-height:1;
	}

	.-ycwt-ycwfaqs .faq-item[open] .faq-head {
		padding-bottom:13px;
	}

	.-ycwt-ycwfaqs .faq-val {
		margin-inline:16px;
		padding:15px 0 18px;
		color:var(--secondarytext);
		font-size:14px;
		font-weight:400;
		line-height:1.75;
		text-align:start;
		word-break:normal;
	}

	.-ycwt-ycwfaqs .faq-val > :first-child {
		margin-top:0;
	}

	.-ycwt-ycwfaqs .faq-val > :last-child {
		margin-bottom:0;
	}

	.-ycwt-ycwfaqs .faq-val img,
	.-ycwt-ycwfaqs .faq-val video,
	.-ycwt-ycwfaqs .faq-val iframe,
	.-ycwt-ycwfaqs .faq-val table {
		max-width:100%;
	}

	.-ycwt-ycwfaqs .faq-val img,
	.-ycwt-ycwfaqs .faq-val video {
		height:auto;
	}

	.-ycwt-ycwfaqs .faq-val iframe {
		width:100%;
	}

	.-ycwt-ycwfaqs .faq-val table {
		display:block;
		overflow-x:auto;
		overscroll-behavior-inline:contain;
		-webkit-overflow-scrolling:touch;
	}
}


/* =========================
   Small Mobile Adjustments
========================= */

@media (max-width:390px) {
	.-ycwt-ycwfaqs .faq-layout {
		gap:18px;
	}

	.-ycwt-ycwfaqs .faq-copy .-dw-h1 {
		font-size:clamp(23px,7.2vw,27px);
	}

	.-ycwt-ycwfaqs .faq-desc {
		font-size:14px;
		line-height:1.7;
	}

	.-ycwt-ycwfaqs .btn2-row {
		margin-top:18px;
	}

	.-ycwt-ycwfaqs .faq-head {
		min-height:56px;
		gap:12px;
		padding:14px;
		border-radius:13px;
	}

	.-ycwt-ycwfaqs .faq-head > .title_faq {
		font-size:15px;
		line-height:1.5;
	}

	.-ycwt-ycwfaqs .faq-val {
		margin-inline:14px;
		padding:14px 0 16px;
		font-size:13.5px;
		line-height:1.7;
	}
}

@media (max-width:340px) {
	.-ycwt-ycwfaqs .faq-head {
		padding-inline:12px;
	}

	.-ycwt-ycwfaqs .faq-head > .title_faq {
		font-size:14.5px;
	}

	.-ycwt-ycwfaqs .faq-head > i {
		width:26px;
		height:26px;
		font-size:15px;
	}

	.-ycwt-ycwfaqs .faq-val {
		margin-inline:12px;
		font-size:13px;
	}
}


/* =========================
   Motion Accessibility
========================= */

@media (prefers-reduced-motion:reduce) {
	.-ycwt-ycwfaqs .faq-item,
	.-ycwt-ycwfaqs .faq-head > i,
	.-ycwt-ycwfaqs .btn2-row > * {
		transition:none;
	}
}