/* FAQ «Линия процесса» (общий блок, мастер — services/index.html #faq). Не править на копиях. */
/* ---------- Вариант B: тёмная глава, слева липкая линия этапов, справа 29 вопросов подряд по группам ---------- */
.faqb__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,4vw,64px);align-items:start}
.faqb__grid>*{min-width:0}
.faqb__rail{position:sticky;top:calc(var(--header-h) + 24px);display:grid;position:sticky}
html.flat .faqb__rail{position:static}
.faqb__rail{border-top:1px solid var(--line-l)}
.frail{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:baseline;width:100%;padding:14px 0 15px;border:0;border-bottom:1px solid var(--line-l);background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer;position:relative;transition:color .3s}
.frail i{font-style:normal;font-size:15px;letter-spacing:-.02em;color:var(--brick);font-variant-numeric:tabular-nums}
.frail b{font-weight:400;font-size:17px;letter-spacing:-.015em;line-height:1.25;color:var(--mute-l);transition:color .3s}
.frail small{font-size:var(--small);color:var(--mute-l);white-space:nowrap;opacity:.8}
.frail::before{content:"";position:absolute;left:-14px;top:0;bottom:-1px;width:2px;background:var(--ink);opacity:0;transform:scaleY(.4);transition:opacity .3s,transform .4s var(--ease-soft)}
.frail:hover b{color:var(--ink)}
.frail.is-on b{color:var(--ink);font-weight:500}
.frail.is-on::before{opacity:1;transform:none}
.frail:focus-visible{outline-offset:-2px}
.faqb__group{scroll-margin-top:calc(var(--header-h) + 24px)}
.faqb__group+.faqb__group{margin-top:clamp(36px,4.5vw,56px)}
.faqb__gt{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;font-size:clamp(20px,1.7vw,24px);letter-spacing:-.02em;line-height:1.2;font-weight:400}
.faqb__gt span{font-size:15px;color:var(--brick);font-variant-numeric:tabular-nums}
.faqb .acc summary{font-size:clamp(18px,1.4vw,20px);padding:14px 0;letter-spacing:-.01em;line-height:1.3;gap:16px;min-height:0}
.faqb .acc .a{font-size:16px;line-height:1.5;padding:0 48px 18px 0;max-width:60ch}
@media (prefers-reduced-motion:reduce){.frail::before{transition:none}}
@media (max-width:900px){
  .faq__head{margin-bottom:28px}
  .faq__head h2{max-width:none}
  /* линия этапов — горизонтальная прокручиваемая строка, липнет под шапкой */
  .faqb__grid{grid-template-columns:1fr;gap:20px}
  .faqb__rail{top:var(--header-h);z-index:5;display:flex;gap:6px;border-top:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin:0 calc(-1*var(--gutter));padding:10px var(--gutter) 10px;background:var(--bone);scrollbar-width:none}
  .faqb__rail::-webkit-scrollbar{display:none}
  .frail{flex:0 0 auto;width:auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;min-height:40px;border:0;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--edge-l);white-space:nowrap}
  .frail::before{display:none}
  .frail i{font-size:12px;opacity:.75}
  .frail b{font-size:14px;color:var(--ink);font-weight:400}
  .frail small{display:none}
  .frail.is-on{background:var(--ink);color:var(--milk);box-shadow:none}
  .frail.is-on i,.frail.is-on b{color:var(--milk);font-weight:400}
  .faqb__group{scroll-margin-top:calc(var(--header-h) + 70px)}
  .faqb__group+.faqb__group{margin-top:32px}
  .faqb__gt{font-size:19px}
  .faqb .acc summary{font-size:17px;padding:13px 0}
  .faqb .acc .a{font-size:15px;padding-right:0;padding-bottom:16px}
  /* C: карточки — горизонтальная лента, панель этапа сразу под ней */
}

/* 03.10: левая колонка FAQ (заголовок + линия этапов) держится на экране целиком */
.faqb__side{position:sticky;top:calc(var(--header-h) + 24px);display:grid;gap:clamp(28px,3vw,44px);align-content:start}
.faqb__side .faqb__rail{position:static}
.faqb__side h2.hl{margin:0}
html.flat .faqb__side{position:static}
@media (max-width:900px){
  .faqb__side{display:contents}
  .faqb__side .faqb__rail{position:sticky}
}

/* 03.10 (правило Алексея): упоминания форм, услуг, кейсов и контактов в ответах FAQ — активные ссылки с подчёркиванием */
.faqb .acc .a a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:currentColor;transition:color .3s}
.faqb .acc .a a:hover{color:var(--brick)}

/* 07.10 D1: тач-цель чипа рейла на мобайле ≥ 44 px (было 40) */
@media (max-width:900px){ .frail{min-height:44px} }