/* Village Trimlight — FAQ. Same tokens as the other Support pages. */

#vtl-faq { --vtl-blue:#0c71c3; --vtl-ink:#1a1a1a; --vtl-mute:#6d7378; --vtl-line:#dadada;
  --vtl-bg:#f4f6f8; --vtl-orange:#f38e31; font-family:inherit; color:var(--vtl-ink); }
#vtl-faq *,#vtl-faq *::before,#vtl-faq *::after { box-sizing:border-box; }

/* search */
#vtl-faq .faq-search { width:100%; max-width:440px; padding:13px 16px; font-size:15px;
  font-family:inherit; color:var(--vtl-ink); background:#fff; border:1px solid var(--vtl-line);
  border-radius:0; -webkit-appearance:none; margin:0 0 14px; }
#vtl-faq .faq-search:focus { outline:none; border-color:var(--vtl-blue);
  box-shadow:0 0 0 3px rgba(12,113,195,.18); }
#vtl-faq .faq-count { display:block; font-size:13px; color:var(--vtl-mute); margin:0 0 26px;
  font-variant-numeric:tabular-nums; }

/* jump nav */
#vtl-faq .faq-jump { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 34px; }
#vtl-faq .faq-jump a { font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  padding:10px 15px; background:#fff; color:var(--vtl-mute); border:1px solid var(--vtl-line);
  text-decoration:none; transition:all .15s; }
#vtl-faq .faq-jump a:hover { color:var(--vtl-blue); border-color:var(--vtl-blue); }

/* sections */
#vtl-faq .faq-sec { margin:0 0 38px; scroll-margin-top:110px; }
#vtl-faq .faq-sec-h { font-size:13px; font-weight:700; letter-spacing:.11em; text-transform:uppercase;
  color:var(--vtl-blue); margin:0 0 16px; padding-bottom:9px; border-bottom:2px solid var(--vtl-line); }

/* items */
#vtl-faq .faq-items { border:1px solid var(--vtl-line); border-bottom:none; }
#vtl-faq .faq-item { background:#fff; padding:20px 22px; border-bottom:1px solid var(--vtl-line); }
#vtl-faq .faq-q { font-size:17px; font-weight:700; line-height:1.35; margin:0 0 8px; color:var(--vtl-ink); }
#vtl-faq .faq-a { font-size:15px; line-height:1.65; color:#4c5257; margin:0; }
#vtl-faq .faq-a + .faq-a { margin-top:9px; }
#vtl-faq .faq-a strong { color:var(--vtl-ink); font-weight:600; }
#vtl-faq .faq-a a { color:var(--vtl-blue); font-weight:600; }
#vtl-faq .faq-a ol, #vtl-faq .faq-a ul { margin:9px 0 0; padding-left:22px; font-size:15px;
  line-height:1.7; color:#4c5257; }
#vtl-faq .faq-a li { margin-bottom:4px; }

#vtl-faq .faq-empty { display:none; padding:30px 0; font-size:15px; color:var(--vtl-mute); }

/* spec strip */
#vtl-faq .faq-specs { display:grid; grid-template-columns:repeat(auto-fit,minmax(165px,1fr));
  gap:1px; background:var(--vtl-line); border:1px solid var(--vtl-line); margin:0 0 34px; }
#vtl-faq .faq-spec { background:#fff; padding:18px 20px; display:flex; flex-direction:column; gap:3px; }
#vtl-faq .faq-spec-v { font-size:22px; font-weight:700; line-height:1.1; color:var(--vtl-blue);
  font-variant-numeric:tabular-nums; }
#vtl-faq .faq-spec-l { font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:var(--vtl-mute); }

/* CTA */
#vtl-faq .faq-cta { margin:40px 0 0; padding:28px 26px; background:var(--vtl-blue); color:#fff;
  display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
#vtl-faq .faq-cta h3 { margin:0; font-size:22px; font-weight:700; line-height:1.3; color:#fff; }
#vtl-faq .faq-cta p { margin:0; font-size:15.5px; line-height:1.6; color:#e6f1fa; max-width:62ch; }
#vtl-faq .faq-btn { display:inline-block; margin-top:6px; padding:14px 34px; background:#fff;
  color:var(--vtl-blue); font-size:14px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  text-decoration:none; border:2px solid #fff; transition:background .15s,color .15s; }
#vtl-faq .faq-btn:hover { background:transparent; color:#fff; }
#vtl-faq .faq-btn:focus-visible { outline:3px solid #fff; outline-offset:3px; }

@media (max-width:600px) {
  #vtl-faq .faq-item { padding:17px 16px; }
  #vtl-faq .faq-q { font-size:16px; }
  #vtl-faq .faq-cta { padding:24px 20px; }
}