/**
 * Module 19 — category-extra-content (v0.25.0).
 * Below-grid per-category content + native <details> FAQ accordion.
 * Site mobile breakpoint is 567px (not 767px).
 */

.cs-cat-extra {
	max-width: 1140px;
	margin: 48px auto 24px;
	padding: 0 20px;
}

.cs-cat-extra__content h2,
.cs-cat-extra__content h3 {
	margin-top: 1.4em;
}

.cs-cat-extra__faq {
	margin-top: 40px;
}

.cs-cat-extra__faq-title {
	margin-bottom: 16px;
}

.cs-cat-extra__faq-item {
	border: 1px solid #e5e0dc;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 0;
	background: #fff;
}

.cs-cat-extra__faq-item summary {
	cursor: pointer;
	padding: 14px 18px;
	font-weight: 600;
	list-style-position: inside;
}

.cs-cat-extra__faq-item summary:hover {
	background: #faf7f5;
}

.cs-cat-extra__faq-answer {
	padding: 0 18px 16px;
}

@media only screen and (max-width: 567px) {
	.cs-cat-extra {
		margin-top: 32px;
	}

	.cs-cat-extra__faq-item summary {
		padding: 12px 14px;
	}
}