/* FAQ V20.56.11 — two-column questions, independent of older 3-column
   premium rules. Load AFTER all other public stylesheets. */
body[data-public-platform="1"][data-page="faq"] .vc51-faq-layout {
  display:grid;
  grid-template-columns:minmax(205px,240px) minmax(0,1fr)!important;
  align-items:start;
  gap:clamp(18px,2.5vw,34px);
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-main,
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list,
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details {
  width:100%;
  max-width:100%;
  min-width:0!important;
  box-sizing:border-box;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details {
  height:auto!important;
  min-height:0!important;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:clamp(12px,2vw,20px)!important;
  min-height:78px!important;
  width:100%;
  box-sizing:border-box;
  padding:clamp(17px,2.1vw,23px)!important;
  text-align:start;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary .vc52-faq-question-icon {
  display:none!important;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary .vc52-faq-question-copy {
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  text-align:start;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary .vc52-faq-question-copy strong {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  font-size:clamp(14px,1.12vw,17px)!important;
  line-height:1.48!important;
  font-weight:850;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word;
  hyphens:none;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary .vc51-faq-category {
  display:inline-flex!important;
  width:max-content;
  max-width:100%;
  font-size:10px!important;
  line-height:1.25;
  letter-spacing:.055em!important;
  margin:0 0 9px!important;
  padding:5px 10px!important;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary .vc52-faq-toggle {
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > .vc51-faq-answer {
  padding:0 clamp(17px,2.1vw,23px) clamp(17px,2vw,24px)!important;
}
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > .vc51-faq-answer,
body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > .vc51-faq-answer > .vc52-faq-answer-inner {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-feedback {
  justify-content:flex-start;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-feedback > span {
  flex:0 0 100%;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-account {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  padding:11px 13px;
  color:#1f5477;
  background:#e8f6ff;
  border:1px solid #bee5fb;
  border-radius:12px;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-account strong {
  font-size:13px;
  overflow-wrap:anywhere;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-account small {
  font-size:11px;
  overflow-wrap:anywhere;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-account span {
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  background:#d6f4e9;
  color:#17634e;
  font-size:10px;
  font-weight:850;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-login-prompt {
  color:#5b7285;
  font-size:11px;
  line-height:1.6;
  margin:0;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-login-prompt a {
  color:#0877b9;
  font-weight:850;
  text-decoration:underline;
  text-underline-offset:2px;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-login-prompt a:focus-visible {
  outline:3px solid #38b5ed;
  outline-offset:3px;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-participant-badge {
  display:inline-flex;
  font-size:10px;
  font-weight:800;
  border-radius:999px;
  padding:3px 8px;
  color:#276d99;
  background:#e4f3ff;
}
body[data-public-platform="1"][data-page="faq"] .vcfaq-participant-badge.is-guest {
  color:#688193;
  background:#f0f4f7;
}
@media(max-width:900px) {
  body[data-public-platform="1"][data-page="faq"] .vc51-faq-layout {
    grid-template-columns:minmax(0,1fr)!important;
    gap:19px!important;
  }
  body[data-public-platform="1"][data-page="faq"] .vc51-faq-aside {
    position:static!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    gap:8px!important;
    width:100%;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    padding:10px!important;
  }
  body[data-public-platform="1"][data-page="faq"] .vc51-faq-aside > button {
    flex:0 0 auto!important;
    min-width:max-content;
    white-space:nowrap;
    font-size:12px!important;
    padding:9px 13px!important;
  }
}
@media(max-width:620px) {
  body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary {
    grid-template-columns:minmax(0,1fr) 34px!important;
    column-gap:12px!important;
    padding:17px!important;
    min-height:78px!important;
  }
  body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary .vc52-faq-question-copy strong {
    font-size:15px!important;
    line-height:1.5!important;
  }
  body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > summary .vc52-faq-toggle {
    width:34px!important;
    height:34px!important;
  }
  body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details > .vc51-faq-answer {
    padding:0 17px 17px!important;
  }
  body[data-public-platform="1"][data-page="faq"] .vcfaq-feedback button {
    flex:1 1 auto;
    white-space:normal!important;
    overflow-wrap:normal;
  }
}
@media(prefers-reduced-motion:reduce) {
  body[data-public-platform="1"][data-page="faq"] .vc51-faq-list details,
  body[data-public-platform="1"][data-page="faq"] .vc52-faq-toggle {
    transition:none!important;
  }
}
