/* Help information page: admin-managed FAQ cards. */
.cg-information-page--help {
	width: min(1280px, calc(100% - 32px));
	padding-right: 0;
	padding-left: 0;
}

.cg-information-page--help > .breadcrumb {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	transform: none;
}

.cg-information-page--help > .row {
	margin-right: 0;
	margin-left: 0;
}

.cg-information-page--help .cg-information--help {
	float: none;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.cg-help-faq {
	width: 100%;
	margin: 0 0 60px;
	color: #7C6354;
	font-family: var(--cg-font-ui);
}

.cg-help-faq__page-title {
	margin: 0 0 32px;
	padding: 0;
	border: 0;
	color: #3B2116;
	font-family: var(--cg-font-ui);
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: -.32px;
	text-align: left;
}

.cg-help-faq__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 30px;
}

.cg-help-faq__card,
.cg-help-faq.is-fallback .cg-help-faq__source {
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(225, 213, 200, .7);
	border-radius: 26px;
	background: #FFFDF9;
	box-shadow: 0 2px 8px -2px rgba(103, 59, 38, .12);
	color: #7C6354;
	font-family: var(--cg-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

.cg-help-faq__question {
	display: flex;
	min-height: 61px;
	align-items: center;
	margin: 0;
	padding: 12px 24px;
	border: 0;
	border-bottom: 1px solid rgba(225, 213, 200, .7);
	background: rgba(241, 230, 216, .4);
	color: #3B2116;
	font-family: var(--cg-font-ui);
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -.18px;
	text-align: left;
}

.cg-help-faq__answer {
	padding: 24px;
	overflow-wrap: anywhere;
}

.cg-help-faq__answer > :first-child { margin-top: 0; }
.cg-help-faq__answer > :last-child { margin-bottom: 0; }

.cg-help-faq__answer p,
.cg-help-faq__answer div,
.cg-help-faq__answer font,
.cg-help-faq__answer span {
	color: inherit !important;
	font: inherit !important;
}

.cg-help-faq__answer p { margin: 0 0 18px; }

.cg-help-faq__answer ul,
.cg-help-faq__answer ol {
	margin: 0 0 18px;
	padding-left: 24px;
}

.cg-help-faq__answer li + li { margin-top: 4px; }

.cg-help-faq__answer strong,
.cg-help-faq__answer b {
	color: #3B2116;
	font-weight: 600;
}

.cg-help-faq__answer a {
	color: #974B23;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cg-help-faq__answer a:hover,
.cg-help-faq__answer a:focus {
	color: #7A3518;
}

.cg-help-faq.is-fallback .cg-help-faq__source { padding: 24px; }
.cg-help-faq.is-fallback .cg-help-faq__source > :first-child { margin-top: 0; }
.cg-help-faq.is-fallback .cg-help-faq__source > :last-child { margin-bottom: 0; }

@media (max-width: 767px) {
	.cg-information-page--help {
		width: min(350px, calc(100% - 40px));
	}

	.cg-information-page--help > .breadcrumb {
		margin-top: 16px;
		margin-bottom: 24px;
	}

	.cg-help-faq__page-title {
		margin-bottom: 24px;
		font-size: 28px;
		line-height: 36px;
		letter-spacing: -.28px;
	}

	.cg-help-faq { margin-bottom: 48px; }

	.cg-help-faq__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.cg-help-faq__card,
	.cg-help-faq.is-fallback .cg-help-faq__source {
		font-size: 14px;
		line-height: 24px;
	}

	.cg-help-faq__question {
		min-height: 0;
		padding: 20px 16px;
		font-size: 18px;
		line-height: 24px;
	}

	.cg-help-faq__answer,
	.cg-help-faq.is-fallback .cg-help-faq__source {
		padding: 20px 16px 24px;
	}
}
