/* ============================================================================
   THE GATE INVESTMENTS — FAQ DESIGN SYSTEM (shared)
   ----------------------------------------------------------------------------
   Single source of truth for every public FAQ accordion. Identical ruleset to
   the inline copy shipped on areas/developers/trending, extracted so new pages
   consume one file. Bilingual via html[lang] — no JS needed for language.
   Pair with assets/faq.js.
   ============================================================================ */
.gate-faq{padding:72px 0;background:#F7F8FB}
.gate-faq .container{max-width:880px}
.gate-faq h2{font-size:clamp(24px,3.4vw,32px);color:var(--navy-deep,#061533);margin:0 0 8px;text-align:center}
.gate-faq .gfaq-sub{color:#5A6580;text-align:center;margin:0 0 34px;font-size:14.5px}
.gfaq-item{background:#fff;border:1px solid #E7EAF1;border-radius:12px;margin-bottom:12px;overflow:hidden}
.gfaq-q{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;
  padding:18px 20px;background:none;border:0;cursor:pointer;text-align:start;
  font-family:inherit;font-size:15.5px;font-weight:700;color:var(--navy,#0A1F44);line-height:1.45}
.gfaq-q:hover{color:var(--gold-deep,#A88A3F)}
.gfaq-q:focus-visible{outline:2px solid var(--gold,#C9A961);outline-offset:-2px;border-radius:12px}
.gfaq-q i{flex:none;font-size:12px;color:var(--gold-deep,#A88A3F);transition:transform .25s ease}
.gfaq-q[aria-expanded="true"] i{transform:rotate(180deg)}
.gfaq-a{padding:0 20px 18px;color:#41506B;font-size:14.5px;line-height:1.75}
.gfaq-a a{color:var(--gold-deep,#A88A3F);font-weight:600}
.gfaq-a[hidden]{display:none}
html[lang="ar"] .fq-en{display:none}
html:not([lang="ar"]) .fq-ar{display:none}
@media(max-width:560px){
  .gate-faq{padding:52px 0}
  .gfaq-q{font-size:14.5px;padding:15px 16px}
  .gfaq-a{font-size:13.5px;padding:0 16px 15px}
}