/* Страница «Частые вопросы» (/faq/, faq/index.php). Подключается только на ней
   ($extraCss в шапке лендингов) и грузится после site.css и local.css.
   Крошки, оглавление и сами вопросы — общие классы посадочных
   (business-format-crumbs, -toc, -faq-list в local.css); здесь только то,
   чего у посадочных нет: короткий первый экран без фото, разделы друг под
   другом и блок «Не нашли ответ?». */

.business-faq-hero {
	max-width: 860px;
	padding: 28px 48px 0;
}
.business-faq-hero h1 {
	margin: 14px 0 0;
	font-size: clamp(38px, 4vw, 58px);
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -.045em;
}
.business-faq-hero p {
	max-width: 640px;
	margin: 16px 0 0;
	color: #4f4a44;
	font-size: 16px;
	line-height: 1.55;
}

/* разделы стоят подряд — 80 точек снизу у каждого (как у блоков посадочных)
   растягивали страницу на лишние экраны */
.business-faq-group {
	padding-top: 44px;
	padding-bottom: 0;
	/* под липкую шапку (68px), чтобы заголовок раздела не уезжал под неё по ссылке из оглавления */
	scroll-margin-top: 84px;
}
.business-faq-group .business-approved-process-head { margin-bottom: 18px; }
.business-faq-group .business-approved-process-head h2 {
	margin: 0;
	font-size: clamp(26px, 2.4vw, 34px);
	letter-spacing: -.035em;
}
@media (min-width: 1181px) {
	.business-faq-group .business-approved-process-head h2 { font-size: clamp(26px, 2.2vw, 34px); }
}

.business-faq-help {
	margin: 56px 48px 80px;
	padding: 32px;
	border-radius: 24px;
	background: #16130f;
	color: #fff;
}
.business-faq-help h2 {
	margin: 0;
	font-size: clamp(26px, 2.4vw, 34px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.035em;
}
.business-faq-help p { margin: 10px 0 0; color: rgba(255, 255, 255, .72); font-size: 15px; line-height: 1.5; }
.business-faq-help-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 22px; }
.business-faq-help-links a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 16px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 12px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .2s ease, background-color .2s ease;
}
.business-faq-help-links a:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }
.business-faq-help-links img { display: block; width: 20px; height: 20px; }

@media (max-width: 720px) {
	.business-faq-hero { padding: 20px 20px 0; }
	.business-faq-group { padding-top: 36px; scroll-margin-top: 72px; }
	.business-faq-help { margin: 40px 20px 56px; padding: 24px 20px; border-radius: 20px; }
	.business-faq-help .button { width: 100%; }
}