/* Help / FAQ page. Reuses styles.css tokens + pricing.css's header/lang-switch/slab patterns
   (same standalone-page style as pricing.html). Self-contained, no third-party requests. */
.faq-wrap{max-width:760px}
.faq-intro{max-width:640px}
.faq-card{position:relative;border:1.5px solid var(--line);border-radius:20px;padding:22px 24px;background:#fff;box-shadow:0 18px 45px rgba(17,49,105,.08);margin:0 0 16px}
.faq-card h2{margin:0 0 10px;color:var(--navy);font:800 19px Rubik,sans-serif;letter-spacing:-.01em}
.faq-card p{margin:0 0 10px;color:var(--ink);font-size:14.5px;line-height:1.6}
.faq-card p:last-child{margin-bottom:0}
.faq-card a{color:var(--blue2);font-weight:700;text-underline-offset:2px}
.faq-card a:focus-visible,.faq-back a:focus-visible,.faq-mailto:focus-visible,.lang-btn:focus-visible,.pricing-brand:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}
.faq-contact{background:linear-gradient(180deg,#fff,var(--blue-soft) 220%);border-color:var(--blue);text-align:center}
.faq-contact h2{text-align:center}
.faq-mailto{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:14px;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;margin-top:6px}
.faq-mailto:hover{background:var(--blue2)}
.faq-back{text-align:center;margin:28px 0 0}
.faq-back a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;color:var(--muted);font-weight:700;text-decoration:none}
.faq-back a:hover{color:var(--navy)}
.faq-page .pricing-brand{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.faq-page .pricing-brand img{height:34px;width:auto;display:block}
.faq-page .lang-btn{min-height:44px}
/* .skip-link reuses styles.css's existing position:fixed + translateY pattern (correct in both RTL/LTR); no override needed here. */
@media(max-width:480px){.faq-card{padding:18px 16px}}