/* ============================================================
   MyTrafficBuzz — Faq

   The FAQ accordion.

   Part of the split of the former single style.css (20-Aug-2026).
   Load order matters: see the <link> block in any page head, and
   keep this file in that same position when adding rules.
   ============================================================ */

/* ---------- FAQ ---------- */
.faq{margin-top:44px}
.faq__item{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:var(--t)}
.faq__item.open{border-color:rgba(226,58,78,.4);box-shadow:var(--sh)}
.faq__item:hover{border-color:rgba(226,58,78,.3)}
.faq__question{padding:18px 22px;font-weight:600;font-size:15.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:var(--t);color:var(--pri)}
.faq__question:hover{color:var(--acc)}
.faq__question::after{content:'+';font-size:22px;font-weight:300;transition:var(--t);color:var(--acc);flex-shrink:0}
.faq__item.open .faq__question::after{transform:rotate(45deg)}
.faq__answer{padding:0 22px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.faq__item.open .faq__answer{max-height:400px;padding:0 22px 18px}
.faq__answer p{font-size:14.5px;color:var(--txtl)}