/* Вопрос-ответ в формате чата: вопрос — крупная пилюля слева с плюсом/минусом, ответ — пузырь справа. Открыт один пункт. */
.faq-acc{max-width:none;}
/* без плавного проявления всего блока: оно давало белые прямоугольники при отрисовке */
.faq-acc.reveal{opacity:1; transform:none; transition:none;}
.faq-acc-time{font-size:14px; color:var(--muted); margin-bottom:22px;}
.faq-item{margin-bottom:14px;}
.faq-h{margin:0; font:inherit;}
.faq-trigger{display:flex; align-items:center; justify-content:flex-start; gap:16px; width:100%; background:none; border:0; padding:0; margin:0; cursor:pointer; text-align:left; font:inherit; color:inherit;}
.faq-pill{padding:16px 28px; border-radius:22px; font-weight:700; font-size:19px; line-height:1.35; text-align:center; background:rgba(128,128,128,.16); background:color-mix(in srgb, var(--ink) 8%, transparent); transition:background .25s ease, color .25s ease;}
.faq-trigger:hover .faq-pill{background:rgba(255,90,31,.12); background:color-mix(in srgb, var(--accent) 12%, transparent);}
.faq-trigger[aria-expanded="true"] .faq-pill{background:rgba(255,90,31,.22); background:color-mix(in srgb, var(--accent) 20%, transparent); color:var(--accent);}
.faq-trigger:focus-visible{outline:none;}
.faq-trigger:focus-visible .faq-pill{outline:2px solid var(--accent); outline-offset:2px;}

.faq-sign{position:relative; width:26px; height:26px; flex:0 0 auto; color:var(--muted); transition:color .25s ease;}
.faq-sign::before, .faq-sign::after{content:""; position:absolute; left:4px; right:4px; top:12px; height:2.5px; border-radius:2px; background:currentColor; transition:transform .3s ease;}
.faq-sign::after{transform:rotate(90deg);}
.faq-trigger[aria-expanded="true"] .faq-sign{color:var(--accent);}
.faq-trigger[aria-expanded="true"] .faq-sign::after{transform:rotate(0deg);}

/* раскрытие только по высоте, без прозрачности */
.faq-panel{display:grid; grid-template-rows:0fr; visibility:hidden; transition:grid-template-rows .35s ease, visibility 0s linear .35s;}
.faq-panel.open{grid-template-rows:1fr; visibility:visible; transition-delay:0s;}
.faq-panel-inner{overflow:hidden; min-height:0;}
.faq-bubble{margin:10px 0 6px auto; padding:18px 28px; max-width:700px; border-radius:26px; background:var(--accent); color:var(--accent-ink, #fff); font-size:17px; line-height:1.6; text-align:center;}
.faq-bubble a{color:inherit; text-decoration:underline; text-underline-offset:2px;}

@media (max-width:640px){
  .faq-pill{padding:14px 20px; font-size:17px; border-radius:20px;}
  .faq-bubble{padding:16px 20px; font-size:16px; border-radius:22px;}
  .faq-trigger{gap:10px;}
}

@media (prefers-reduced-motion: reduce){
  .faq-panel, .faq-pill, .faq-sign, .faq-sign::before, .faq-sign::after{transition:none;}
}