/* V20.56.10: moderated FAQ reactions and community conversations.
   Loaded only on the public FAQ; existing tenant and admin themes unchanged. */
body[data-page="faq"] .vc51-faq-section {background:linear-gradient(180deg,#eef6fd 0%,#f9fcff 60%,#fff 100%)}
body[data-page="faq"] .vc51-faq-aside {border-radius:23px;border-color:#d5e7f4;box-shadow:0 12px 35px rgba(14,56,98,.055)}
body[data-page="faq"] .vc51-faq-aside>button {min-height:37px;font-size:12px!important;font-weight:700}
body[data-page="faq"] .vc51-faq-list summary {min-height:82px;grid-template-columns:minmax(0,1fr) 30px;gap:15px;padding:20px 23px}
body[data-page="faq"] .vc52-faq-question-icon {display:none}
body[data-page="faq"] .vc52-faq-question-copy {min-width:0}
body[data-page="faq"] .vc51-faq-list summary strong {display:block;color:#153451;font-size:clamp(14px,1.1vw,16px);font-weight:850;line-height:1.43;letter-spacing:-.01em}
body[data-page="faq"] .vc51-faq-category {display:block;margin-bottom:8px;font-size:10px!important;letter-spacing:.1em;font-weight:850;color:#0c8bc7;text-transform:uppercase}
body[data-page="faq"] .vc51-faq-list details {border-color:#dbeaf3;border-radius:21px;box-shadow:0 8px 25px rgba(15,55,87,.04);transition:box-shadow .2s ease,border-color .2s ease}
body[data-page="faq"] .vc51-faq-list details[open] {border-color:#b8e0f5;box-shadow:0 18px 52px rgba(5,68,125,.095)}
body[data-page="faq"] .vc51-faq-answer {padding:0 23px 24px!important}
body[data-page="faq"] .vc51-faq-answer .vc52-faq-answer-inner {padding:18px 21px;border-radius:16px;background:#f5fafe}
body[data-page="faq"] .vc51-faq-answer .vc52-faq-answer-inner>div {font-size:13px;color:#48637d;line-height:1.82}
body[data-page="faq"] .vc51-faq-answer .vc52-faq-answer-label {display:block;margin-bottom:8px;color:#087dbb;font-size:10px;letter-spacing:.08em;font-weight:850;text-transform:uppercase}

body[data-page="faq"] .vcfaq-feedback {display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;padding-top:17px;border-top:1px solid #e3eef6}
body[data-page="faq"] .vcfaq-feedback>span {font-size:12px!important;font-weight:760;color:#4d6880;margin-right:10px}
body[data-page="faq"] .vcfaq-feedback button {display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:9px 13px;border:1px solid #d8e9f3;background:#fff;color:#375b76;border-radius:100px;font-size:11px!important;line-height:1.25;font-weight:800;transition:background .18s,border-color .18s,transform .18s}
body[data-page="faq"] .vcfaq-feedback button:hover {background:#edf8ff;transform:translateY(-1px);border-color:#9cd9f5}
body[data-page="faq"] .vcfaq-feedback button:focus-visible,
body[data-page="faq"] .vcfaq-thread button:focus-visible,
body[data-page="faq"] .vcfaq-thread input:focus-visible,
body[data-page="faq"] .vcfaq-thread textarea:focus-visible {outline:3px solid #33b7ed;outline-offset:3px}
body[data-page="faq"] .vcfaq-feedback button[aria-pressed="true"] {background:#e5f8f0;color:#096746;border-color:#a4e4cb}
body[data-page="faq"] .vcfaq-feedback button svg {display:block;width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body[data-page="faq"] .vcfaq-feedback button b {font-size:11px;background:rgba(5,93,144,.07);padding:3px 7px;border-radius:100px;min-width:24px;text-align:center}
body[data-page="faq"] .vcfaq-feedback button:disabled {opacity:.6;cursor:wait}
body[data-page="faq"] .vcfaq-feedback-status {margin:10px 0 0;color:#1b8065;font-size:12px}
body[data-page="faq"] .vcfaq-feedback-status.is-error {color:#ac3343}

body[data-page="faq"] .vcfaq-thread {border-radius:24px;background:linear-gradient(150deg,#f9fcff,#eef7fe);border:1px solid #d7e9f5;padding:clamp(17px,2vw,27px);margin-top:23px;color:#173755;min-width:0}
body[data-page="faq"] .vcfaq-thread-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}
body[data-page="faq"] .vcfaq-eyebrow {display:block;color:#1288c5;font-weight:900;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
body[data-page="faq"] .vcfaq-thread h3 {font-size:clamp(19px,2vw,25px);line-height:1.2;letter-spacing:-.03em;margin:7px 0;color:#153958;font-weight:900}
body[data-page="faq"] .vcfaq-thread-head p {font-size:12px!important;color:#637e95;line-height:1.55;margin:5px 0 0;max-width:580px}
body[data-page="faq"] .vcfaq-compose-trigger {border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:10px 14px;color:#fff;background:linear-gradient(120deg,#149bdc,#0863b8);border-radius:12px;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer}
body[data-page="faq"] .vcfaq-compose-trigger svg {height:16px;width:16px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;fill:none}
body[data-page="faq"] .vcfaq-policy {display:flex;align-items:flex-start;gap:9px;border:1px solid #d7eaf3;border-radius:12px;padding:10px 12px;background:#fff;color:#59768e;font-size:11px;line-height:1.55;margin:0 0 17px}
body[data-page="faq"] .vcfaq-policy svg {width:17px;height:17px;flex:0 0 17px;stroke:#1493c4;fill:none;stroke-width:1.9}
body[data-page="faq"] .vcfaq-notice {padding:12px 15px;margin:0 0 13px;border-radius:12px;background:#e9f8f1;color:#0d7153;font-size:13px;font-weight:750;line-height:1.6;border:1px solid #bde9d6}
body[data-page="faq"] .vcfaq-notice.is-error {background:#fff1f1;color:#a92e4b;border-color:#f2c3cb}
body[data-page="faq"] .vcfaq-feed {display:grid;gap:14px;min-width:0}
body[data-page="faq"] .vcfaq-feed-placeholder {color:#6a8399;font-size:12px}
body[data-page="faq"] .vcfaq-feed-empty {border:1px dashed #c9ddeb;border-radius:18px;text-align:center;padding:28px;background:#fff}
body[data-page="faq"] .vcfaq-feed-empty-icon {display:grid;place-items:center;margin:0 auto 10px;width:42px;height:42px;border-radius:14px;color:#0c83c8;background:#e7f5ff;font-size:23px}
body[data-page="faq"] .vcfaq-feed-empty strong {font-size:17px;font-weight:900;color:#183c5b}
body[data-page="faq"] .vcfaq-feed-empty p {margin:8px auto 20px;max-width:380px;color:#6a8296;font-size:12px;line-height:1.6}
body[data-page="faq"] .vcfaq-message {background:#fff;border:1px solid #e0edf5;border-radius:18px;padding:clamp(14px,2vw,19px);min-width:0;box-shadow:0 9px 24px rgba(16,63,104,.045)}
body[data-page="faq"] .vcfaq-message.is-official {border-color:#b3dfed;background:linear-gradient(120deg,#fff,#f1faff)}
body[data-page="faq"] .vcfaq-message-head {display:flex;align-items:center;gap:11px}
body[data-page="faq"] .vcfaq-avatar {display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:linear-gradient(135deg,#d5ecff,#aed7ef);color:#096da6;font-weight:950;font-size:13px;text-transform:uppercase}
body[data-page="faq"] .vcfaq-avatar.is-official {color:#fff;background:linear-gradient(145deg,#159ddd,#1254a6);border:3px solid #d8f3ff}
body[data-page="faq"] .vcfaq-identity {display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
body[data-page="faq"] .vcfaq-identity strong {font-size:13px;color:#153b5e;overflow-wrap:anywhere}
body[data-page="faq"] .vcfaq-team-badge {font-size:9px;font-weight:900;line-height:1.2;color:#096ead;background:#e3f4fc;border:1px solid #c7e7f5;border-radius:100px;padding:4px 7px}
body[data-page="faq"] .vcfaq-identity time {font-size:10px;color:#8295a6;flex-basis:100%}
body[data-page="faq"] .vcfaq-message-body {color:#36566f!important;font-size:13px!important;line-height:1.72!important;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0!important}
body[data-page="faq"] .vcfaq-message-actions {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:13px}
body[data-page="faq"] .vcfaq-message-actions button {display:inline-flex;align-items:center;gap:7px;border:0;background:#f1f6fa;color:#597189;cursor:pointer;padding:7px 11px;border-radius:100px;font-size:11px;font-weight:850}
body[data-page="faq"] .vcfaq-message-actions button:hover {background:#e5f2fb;color:#0873b2}
body[data-page="faq"] .vcfaq-message-like .vcfaq-heart {font-size:17px;color:#8ca7b7;line-height:1}
body[data-page="faq"] .vcfaq-message-like.is-liked {background:#ffecee;color:#a32c4e}
body[data-page="faq"] .vcfaq-message-like.is-liked .vcfaq-heart {color:#f13b66}
body[data-page="faq"] .vcfaq-message-actions button:disabled {opacity:.55;cursor:wait}
body[data-page="faq"] .vcfaq-message-actions b {font-size:11px}
body[data-page="faq"] .vcfaq-reply-count {font-size:10px;color:#71899a;margin-left:auto}
body[data-page="faq"] .vcfaq-replies {display:grid;gap:11px;margin-top:14px;padding:0 0 0 clamp(13px,3vw,27px);border-left:2px solid #d4eaf8}
body[data-page="faq"] .vcfaq-replies .vcfaq-message {box-shadow:none}
body[data-page="faq"] .vcfaq-replies .vcfaq-avatar {width:30px;height:30px;flex-basis:30px;font-size:10px}
body[data-page="faq"] .vcfaq-replies .vcfaq-message-body {font-size:12px!important}

body[data-page="faq"] .vcfaq-more {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:15px;padding:12px;border:1px solid #cde4f4;border-radius:12px;background:#fff;color:#127ab2;font-weight:850;font-size:12px;cursor:pointer}
body[data-page="faq"] .vcfaq-more:hover {background:#e9f8ff}
body[data-page="faq"] .vcfaq-composer {margin-top:20px;padding:clamp(17px,2.4vw,26px);background:#fff;border:1px solid #bcddec;border-radius:20px;box-shadow:0 20px 55px rgba(14,75,132,.09);display:grid;gap:15px}
body[data-page="faq"] .vcfaq-compose-head {display:flex;align-items:center;justify-content:space-between;gap:10px}
body[data-page="faq"] .vcfaq-compose-head strong {color:#153b5f;font-size:17px}
body[data-page="faq"] .vcfaq-compose-head button {width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce8f0;border-radius:9px;background:#f9fcff;color:#365870;font-size:21px;cursor:pointer}
body[data-page="faq"] .vcfaq-reply-to {background:#eef8fe;padding:9px 13px;color:#146998;border-radius:11px;font-size:12px}
body[data-page="faq"] .vcfaq-form-row {display:grid;grid-template-columns:1fr 1fr;gap:12px}
body[data-page="faq"] .vcfaq-composer label {display:grid;gap:7px;color:#405f77;font-size:12px;font-weight:790}
body[data-page="faq"] .vcfaq-composer label>span {color:#dc5270}
body[data-page="faq"] .vcfaq-composer input,
body[data-page="faq"] .vcfaq-composer textarea {min-width:0;width:100%;box-sizing:border-box;line-height:1.5;border:1px solid #d5e3ec;border-radius:11px;padding:11px 13px;background:#fafcff;color:#1b3e60;font-size:13px;outline:none;font:inherit;resize:vertical}
body[data-page="faq"] .vcfaq-composer textarea {min-height:105px}
body[data-page="faq"] .vcfaq-composer input::placeholder,
body[data-page="faq"] .vcfaq-composer textarea::placeholder {color:#8da0b2}
body[data-page="faq"] .vcfaq-honeypot {position:absolute!important;left:-10000px!important;top:auto!important;overflow:hidden!important;width:1px!important;height:1px!important;opacity:0!important}
body[data-page="faq"] .vcfaq-form-foot {display:flex;justify-content:space-between;align-items:center;gap:16px}
body[data-page="faq"] .vcfaq-form-foot small {max-width:460px;font-size:11px;line-height:1.6;color:#71879a}
body[data-page="faq"] .vcfaq-submit {display:inline-flex;align-items:center;gap:9px;justify-content:center;min-height:42px;white-space:nowrap;background:#0c86cd;color:#fff;border:0;border-radius:11px;padding:11px 17px;font-size:12px;font-weight:870;cursor:pointer}
body[data-page="faq"] .vcfaq-submit:disabled {opacity:.6;cursor:wait}
body[data-page="faq"] .vcfaq-general-community {background:#fff;padding:clamp(55px,6vw,86px) 0}
body[data-page="faq"] .vcfaq-general-head {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}
body[data-page="faq"] .vcfaq-general-head h2 {font-size:clamp(29px,4vw,52px);color:#123452;font-weight:920;letter-spacing:-.043em;line-height:1.1;margin:12px 0}
body[data-page="faq"] .vcfaq-general-head p {font-size:15px;line-height:1.6;color:#647e93;max-width:730px;margin:0}
body[data-page="faq"] .vcfaq-general-counter {display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#eaf8fe;border:1px solid #d1e9f6;color:#0b6ba7;border-radius:100px;padding:11px 14px;font-size:11px;font-weight:760}
body[data-page="faq"] .vcfaq-general-counter svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
body[data-page="faq"] .vcfaq-general-card .vcfaq-thread {margin:0;border-radius:27px;padding:clamp(22px,3vw,38px);background:linear-gradient(145deg,#f6fbff,#eaf5fd)}
body[data-page="faq"] .vc51-faq-empty>a {display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:11px;background:#0b84ce;color:#fff;font-weight:860;font-size:12px;text-decoration:none}
body[data-page="faq"] [hidden] {display:none!important}
@keyframes vcfaqHeartPop {0%{transform:scale(1)}35%{transform:scale(1.3)}100%{transform:scale(1)}}
body[data-page="faq"] .vcfaq-message-like.is-pulsing .vcfaq-heart {animation:vcfaqHeartPop .35s ease-out}

@media(max-width:900px) {
  body[data-page="faq"] .vc51-faq-aside {position:static}
  body[data-page="faq"] .vc51-faq-list summary {min-height:75px}
  body[data-page="faq"] .vcfaq-general-head {align-items:flex-start;flex-direction:column;gap:15px}
  body[data-page="faq"] .vcfaq-form-foot {align-items:stretch;flex-direction:column}
  body[data-page="faq"] .vcfaq-submit {align-self:flex-end}
}
@media(max-width:600px) {
  body[data-page="faq"] .vc51-faq-answer {padding:0 13px 17px!important}
  body[data-page="faq"] .vc51-faq-answer .vc52-faq-answer-inner {padding:14px}
  body[data-page="faq"] .vcfaq-feedback>span {flex-basis:100%}
  body[data-page="faq"] .vcfaq-feedback button {flex:1 1 auto;min-width:0;justify-content:center}
  body[data-page="faq"] .vcfaq-thread {padding:15px;border-radius:17px;margin-top:17px}
  body[data-page="faq"] .vcfaq-thread-head {align-items:flex-start;flex-direction:column;gap:14px}
  body[data-page="faq"] .vcfaq-thread-head>.vcfaq-compose-trigger {width:100%}
  body[data-page="faq"] .vcfaq-form-row {grid-template-columns:1fr}
  body[data-page="faq"] .vcfaq-composer {padding:15px;border-radius:16px}
  body[data-page="faq"] .vcfaq-submit {width:100%}
  body[data-page="faq"] .vcfaq-replies {padding-left:11px}
  body[data-page="faq"] .vcfaq-message {padding:13px}
  body[data-page="faq"] .vcfaq-message-actions {gap:5px}
  body[data-page="faq"] .vcfaq-message-actions button {padding:7px 9px}
  body[data-page="faq"] .vcfaq-general-community {padding:48px 0}
  body[data-page="faq"] .vcfaq-general-counter {font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  body[data-page="faq"] .vcfaq-message-like.is-pulsing .vcfaq-heart{animation:none!important}
  body[data-page="faq"] .vcfaq-feedback button {transition:none!important;transform:none!important}
}
