/* Страница FAQ: надстройка над tdi.css (те же переменные, карточки и жёлтый блок). Подключается только в faq.html. */
.faq-hero{padding:48px 0 16px;text-align:center}
.faq-hero h1{margin:0 0 16px;font-size:clamp(34px,4.3vw,58px);line-height:1.12;font-weight:700;letter-spacing:-.01em}
.faq-hero .tdi-lead{max-width:760px;margin:0 auto}

.faq-list{display:grid;gap:20px;max-width:960px;margin:0 auto}
.faq-item{display:flex;align-items:flex-start;gap:24px;padding:32px;border-radius:32px;background:var(--g);color:var(--d);text-decoration:none;transition:transform .25s,box-shadow .25s}
a.faq-item:hover{color:var(--d);transform:translateY(-3px);box-shadow:0 14px 30px rgba(53,53,53,.1)}
.faq-item__ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#fff;color:var(--d)}
.faq-item__ico svg{width:32px;height:32px}
.faq-item__text{display:flex;flex-direction:column;gap:10px;min-width:0}
.faq-item__title{margin:0;font-size:clamp(19px,1.8vw,22px);font-weight:700;line-height:1.3}
.faq-item__desc{margin:0;line-height:1.55;color:var(--muted)}
.faq-item__desc a{color:var(--d);font-weight:600;border-bottom:2px solid var(--y);text-decoration:none}
.faq-item__desc a:hover{border-color:var(--d)}
.faq-item__go{margin-top:4px;font-weight:600;border-bottom:2px solid var(--y);padding-bottom:2px;align-self:flex-start}
.faq-item--accent{background:var(--y)}
.faq-item--accent .faq-item__desc{color:var(--d)}
.faq-item--accent .faq-item__desc a{border-color:var(--d)}

@media (max-width:639.98px){
  .faq-hero{padding-top:24px}
  .faq-item{flex-direction:column;gap:16px;padding:24px 20px;border-radius:24px}
  .faq-item__ico{width:56px;height:56px}
  .faq-item__ico svg{width:26px;height:26px}
}