/* === /seo/ 03-audience «Кому подходит услуга»: Figma 371:1663, 373:1664/1707/1740/1773, 373:1806,
   421:1207 (раскрываемые карточки); mobile 423:4254 === */

.fmf2 .seo-aud__head{margin-bottom:40px;color:var(--c-ink)}

/* Карточки — сетка 2×N с общими линиями (margin −1px) и белыми «разрывами» 9×9 на углах,
   как квадратики в макете. Скрытые карточки лежат во вложенном списке с display:contents,
   чтобы после раскрытия продолжать ту же сетку. */
.fmf2 .seo-aud__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1px 1px 0}
.fmf2 .seo-aud__more,.fmf2 .seo-aud__more-list{display:contents}
.fmf2 .seo-aud__card{position:relative;display:flex;flex-direction:column;margin:0 -1px -1px 0;padding:24px;
  border:1px solid var(--c-line)}
.fmf2 .seo-aud__card::before,.fmf2 .seo-aud__card::after{content:"";position:absolute;left:-1px;right:-1px;height:9px;pointer-events:none;
  background:linear-gradient(#fff,#fff) 0 0/9px 9px no-repeat,linear-gradient(#fff,#fff) 100% 0/9px 9px no-repeat}
.fmf2 .seo-aud__card::before{top:-1px}
.fmf2 .seo-aud__card::after{bottom:-1px}

.fmf2 .seo-aud__icon{position:absolute;top:24px;right:26px;width:64px;height:64px}
.fmf2 .seo-aud__title{max-width:min(511px,calc(100% - 80px));font-size:24px;font-weight:500;line-height:1.2;color:var(--c-ink)}
.fmf2 .seo-aud__fields{display:flex;flex-direction:column;gap:24px;margin-top:40px}
.fmf2 .seo-aud__field{display:flex;flex-direction:column;gap:8px}
.fmf2 .seo-aud__field dt{font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,26,26,.6)}
.fmf2 .seo-aud__field dd{font-size:16px;line-height:1.4;color:var(--c-ink)}
.fmf2 .seo-aud__chips{display:flex;flex-wrap:wrap;gap:8px}
.fmf2 .seo-aud__chip{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 24px;border-radius:25px;
  background:#EAE6FF;color:var(--c-accent);font-size:16px;font-weight:500;line-height:1.6;transition:background .2s,color .2s}
.fmf2 .seo-aud__chip-ic{flex:none;width:16px;height:16px}
.fmf2 .seo-aud__chip-ic *{stroke:currentColor;transition:stroke .2s}
.fmf2 .seo-aud__chip:hover,.fmf2 .seo-aud__chip:focus-visible{background:var(--c-accent);color:#fff}

/* ---------- «Показать еще» ---------- */
.fmf2 .seo-aud__actions{display:flex;justify-content:center;margin-top:32px}
.fmf2 .seo-aud__toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 40px;
  border:1px solid var(--c-accent);border-radius:43px;color:var(--c-accent);font-size:16px;font-weight:500;line-height:1.6;
  transition:background .2s,color .2s}
.fmf2 .seo-aud__toggle-ic{width:24px;height:24px;transition:transform .2s}
.fmf2 .seo-aud__toggle-ic *{stroke:currentColor}
.fmf2 .seo-aud__toggle:hover,.fmf2 .seo-aud__toggle:focus-visible{background:var(--c-accent);color:#fff}
.fmf2 .seo-aud__toggle[aria-expanded="true"] .seo-aud__toggle-ic{transform:rotate(180deg)}

@media (max-width:1024px){
  .fmf2 .seo-aud__title{font-size:22px}
}
@media (max-width:860px){
  .fmf2 .seo-aud__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .fmf2 .seo-aud__head{margin-bottom:32px;font-size:32px;line-height:1.2}
  .fmf2 .seo-aud__grid{grid-template-columns:minmax(0,1fr)}
  .fmf2 .seo-aud__card{padding:16px}
  .fmf2 .seo-aud__card::before,.fmf2 .seo-aud__card::after{height:6px;
    background:linear-gradient(#fff,#fff) 0 0/6px 6px no-repeat,linear-gradient(#fff,#fff) 100% 0/6px 6px no-repeat}
  /* иконка — над заголовком, 40×40 */
  .fmf2 .seo-aud__icon{position:static;width:40px;height:40px;margin-bottom:8px}
  .fmf2 .seo-aud__title{max-width:none;font-size:20px}
  .fmf2 .seo-aud__fields{margin-top:24px}
  .fmf2 .seo-aud__chips{flex-direction:column;align-items:flex-start}
  .fmf2 .seo-aud__actions{margin-top:32px}
  .fmf2 .seo-aud__toggle{width:100%;min-height:46px;padding-block:10px}
}
@media (prefers-reduced-motion:reduce){
  .fmf2 .seo-aud__chip,.fmf2 .seo-aud__toggle,.fmf2 .seo-aud__toggle-ic{transition:none}
}