/* =====================================================================
   05-first-month — «Первый месяц SEO-продвижения» (Figma 379:2523; mobile 423:4761).
   Середина тёмной полосы 04–06: сверху 120px от ленты 04, снизу отступ задаёт 06.
   ===================================================================== */
.fmf2 .seo-month{padding-top:120px;padding-bottom:0}
.fmf2 .seo-month__layout{display:grid;grid-template-columns:minmax(0,536px) minmax(0,661px);
  grid-template-rows:auto 1fr;justify-content:space-between;column-gap:48px}
.fmf2 .seo-month__title{grid-column:1;grid-row:1}
.fmf2 .seo-month__lead{grid-column:1;grid-row:2;align-self:end;margin-top:40px;
  font-size:18px;font-weight:500;line-height:1.4}
.fmf2 .seo-month__list{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:12px}

.fmf2 .seo-month__item{border-left:4px solid rgba(235,235,235,.2);padding:8px 0 8px 24px;transition:border-color .25s ease}
.fmf2 .seo-month__item.is-open{border-left-color:var(--c-accent)}
.fmf2 .seo-month__h{font:inherit}
.fmf2 .seo-month__btn{display:block;width:100%;text-align:left;font-size:24px;font-weight:500;line-height:1.2;
  color:var(--c-on-dark-2);transition:color .2s ease}
.fmf2 .seo-month__btn:hover,.fmf2 .seo-month__item.is-open .seo-month__btn{color:#fff}
.fmf2 .seo-month__btn:focus-visible{outline-offset:4px}
.fmf2 .seo-month__item.is-open .seo-month__btn{cursor:default}

/* панель: плавное раскрытие через grid-rows; закрытая скрыта и от вспомогательных технологий */
.fmf2 .seo-month__panel{display:grid;grid-template-rows:0fr;visibility:hidden;
  transition:grid-template-rows .3s ease,visibility 0s linear .3s}
.fmf2 .seo-month__item.is-open .seo-month__panel{grid-template-rows:1fr;visibility:visible;
  transition:grid-template-rows .3s ease,visibility 0s}
.fmf2 .seo-month__panel-inner{min-height:0;overflow:hidden}
.fmf2 .seo-month__period{padding-top:8px;font-size:16px;line-height:1.4}
.fmf2 .seo-month__group{margin-top:24px}
.fmf2 .seo-month__label{font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--c-on-dark-2)}
.fmf2 .seo-month__ul{margin-top:8px;list-style:disc;padding-left:24px;font-size:16px;line-height:1.4}
.fmf2 .seo-month__ul li + li{margin-top:4px}
.fmf2 .seo-month__p{margin-top:8px;font-size:16px;line-height:1.4}

@media (prefers-reduced-motion:reduce){
  .fmf2 .seo-month__item,.fmf2 .seo-month__btn,
  .fmf2 .seo-month__panel,.fmf2 .seo-month__item.is-open .seo-month__panel{transition:none}
}

/* ниже 769px — одна колонка: заголовок, этапы, подпись (как в мобильном макете) */
@media (max-width:768px){
  .fmf2 .seo-month__layout{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:32px}
  .fmf2 .seo-month__title,.fmf2 .seo-month__lead,.fmf2 .seo-month__list{grid-column:1;grid-row:auto}
  .fmf2 .seo-month__lead{margin-top:0;font-weight:400}
  .fmf2 .seo-month__list{order:2}
  .fmf2 .seo-month__lead{order:3}
}
@media (max-width:640px){
  .fmf2 .seo-month{padding-top:64px}
  .fmf2 .seo-month__item{padding-left:16px}
  .fmf2 .seo-month__btn{font-size:20px}
}