/* V32 — FAQ accordion reliability + non-overlapping two-column layout */
.faq-dialog{
  height:min(86vh,860px)!important;
  max-height:calc(100vh - 32px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.faq-head,.faq-toolbar,.faq-support{flex:0 0 auto!important;position:relative!important;z-index:2!important}
.faq-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  align-items:start!important;
  gap:10px 12px!important;
  padding:16px 26px 22px!important;
  scroll-padding:14px!important;
}
.faq-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:46px!important;
  margin:0!important;
  align-self:start!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--panel)!important;
}
.faq-card[hidden]{display:none!important}
.faq-q{
  position:relative!important;
  width:100%!important;
  min-height:46px!important;
  height:auto!important;
  margin:0!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  line-height:1.45!important;
  font-size:9.5px!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow:visible!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.faq-q span{display:block!important;min-width:0!important;flex:1 1 auto!important;white-space:normal!important}
.faq-q i{flex:0 0 auto!important;margin-top:2px!important;transition:transform .2s ease!important}
.faq-a{
  display:none!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  padding:0 14px 14px!important;
  margin:0!important;
  overflow:visible!important;
}
.faq-a p{
  margin:0!important;
  padding-top:2px!important;
  font-size:8.8px!important;
  line-height:1.7!important;
  white-space:normal!important;
  color:var(--muted)!important;
}
.faq-card.open{
  border-color:#9fc7f2!important;
  box-shadow:0 8px 22px rgba(23,105,210,.08)!important;
  background:linear-gradient(180deg,var(--panel),var(--panel-2))!important;
}
.faq-card.open .faq-a{display:block!important}
.faq-card.open .faq-q{color:#135ead!important}
.faq-card.open .faq-q i{transform:rotate(45deg)!important}
.faq-support{
  margin:0!important;
  border-top:1px solid var(--line)!important;
  box-shadow:0 -6px 18px rgba(15,23,42,.035)!important;
}
@media(max-width:900px){
  .faq-grid{grid-template-columns:1fr!important;padding:14px 18px 20px!important}
}
@media(max-width:600px){
  .faq-dialog{height:94vh!important;max-height:94vh!important}
  .faq-grid{padding:12px 14px 18px!important;gap:8px!important}
  .faq-card{min-height:44px!important}.faq-q{min-height:44px!important;padding:11px 12px!important;font-size:9px!important}.faq-a{padding:0 12px 12px!important}
}