/* 07.11 — блок «Časté otázky» главной маклеров (#otazky), перед формой: его «да» 14:46 на план «FAQ перед формой —
   ответы на главные отказы панели» (runs/realtor-ai-panel-20261107/REPORT.md). Панель — как .bk/.b7 главной,
   раскрытие строк — как FAQ страницы аудита (.ap-qs в ../audit/audit.css), без карточек. Десктоп — 5/7, как аудит. */
.fq{position:relative;margin:12px 12px 0;padding:32px 20px 24px;border-radius:24px;background:#fff;scroll-margin-top:12px;
  box-shadow:0 0 0 1px var(--rule),0 30px 60px -40px rgba(15,23,42,.25)}
.fq-eye{font-size:14px;font-weight:500;line-height:1.55;color:var(--muted)}
.fq-h{margin-top:8px;font-size:30px;font-weight:500;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.fq-h mark{color:var(--ink);background:linear-gradient(transparent 60%,var(--mark) 60%,var(--mark) 90%,transparent 90%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.fq-qs{margin-top:20px}
.fq-qs details{border-top:1px solid var(--rule)}
.fq-qs details:last-child{border-bottom:1px solid var(--rule)}
.fq-qs summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;font-size:16px;
  font-weight:500;line-height:1.4;cursor:pointer;list-style:none;text-wrap:pretty}
.fq-qs summary::-webkit-details-marker{display:none}
.fq-qs summary::after{content:'';flex:none;width:8px;height:8px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;rotate:45deg;margin-right:3px;
  translate:0 -3px;transition:rotate .2s var(--ease),translate .2s var(--ease)}
.fq-qs details[open] summary::after{rotate:225deg;translate:0 2px}
.fq-qs summary:focus-visible{outline:3px solid var(--base2);outline-offset:2px;border-radius:6px}
.fq-qs details p{padding:0 0 16px;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.fq-qs details a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:3px}
/* появление групп — как блоки 2–7 и форма */
@media (prefers-reduced-motion:no-preference){
  .fq-js .fq .rv{opacity:0;transform:translateY(12px);transition:opacity .44s var(--ease) var(--d,0ms),transform .44s var(--ease) var(--d,0ms)}
  .fq-js .fq .rv.on{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.fq-qs summary::after{transition:none}}
@media (min-width:1024px){
  .fq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:96px;align-items:start;
    width:min(1360px,calc(100vw - 48px));margin:0 auto 48px;padding:64px 64px 56px;border-radius:28px}
  .fq-eye{font-size:15px}
  .fq-h{margin-top:16px;font-size:40px;line-height:1.1;letter-spacing:-.035em}
  .fq-qs{margin-top:0}
  .fq-qs summary{min-height:64px;padding:16px 0;font-size:17px}
  .fq-qs details p{font-size:16px}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){.fq-qs summary:hover{color:var(--blue-ink)}}