/* === /seo/ 16-faq: Figma 369:295/296/462/466 (desktop), 423:3501 (mobile).
   Аккордеон, «плывущая» иллюстрация и мобильная типографика — из home/assets/css/12-faq.css,
   15-mobile.css и home.js; здесь только отличия страницы: заголовок над сеткой на всю ширину,
   ниже — иллюстрация 556×556 (сдвиг −20px) и список 648px с отступом 56px от заголовка. */
/* в макете заголовок в одну строку (~1020px при рамке 984, hug), поэтому без ограничения ширины */
.fmf2 .seo-faq__head{margin-bottom:56px}
.fmf2 .seo-faq__head .eyebrow{margin-bottom:8px}
.fmf2 .seo-faq__h{margin:0;font:inherit}
.fmf2 .seo-faq .faq__grid{grid-template-columns:minmax(0,536px) minmax(0,648px);justify-content:space-between;gap:56px}
.fmf2 .seo-faq .faq__illo{width:556px;max-width:none;margin:0 0 0 -20px}
.fmf2 .seo-faq .faq__list{margin-top:0;border-top-color:#48474B}
.fmf2 .seo-faq .acc__item{border-bottom-color:#48474B}
.fmf2 .seo-faq .acc__a p{max-width:none}

@media (max-width:1180px) and (min-width:901px){
  .fmf2 .seo-faq .faq__illo{width:100%;max-width:556px;margin-left:0}
}
@media (max-width:900px){
  .fmf2 .seo-faq__head{margin-bottom:24px}
  .fmf2 .seo-faq .faq__grid{grid-template-columns:1fr;gap:0}
  .fmf2 .seo-faq .faq__aside{display:none}
  .fmf2 .seo-faq .faq__list{border-top:1px solid #48474B}
}
@media (max-width:640px){
  .fmf2 .seo-faq__head .eyebrow{margin-bottom:16px}
  /* Figma 423:3510/3511: вопрос 18/1.2, ответ 16/1.4 */
  .fmf2 .seo-faq .acc__a p{font-size:16px}
}