/* FAQ MODAL — shared popup, included on every page.
   Edit content in js/faq-modal.js (one file, not per-page). */
.faq-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;}
.faq-modal.visible{opacity:1;pointer-events:auto;}
.faq-modal-overlay{position:absolute;inset:0;background:rgba(10,22,40,.6);backdrop-filter:blur(2px);}
.faq-modal-content{position:relative;width:min(92vw,640px);max-height:80vh;overflow-y:auto;background:var(--card-bg);border-radius:12px;box-shadow:0 20px 60px rgba(10,22,40,.25);padding:44px 40px;animation:faqSlideUp .3s ease-out;}
@keyframes faqSlideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.faq-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:1px solid rgba(10,22,40,.14);border-radius:50%;background:#fff;color:#0a1628;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,color .2s;}
.faq-modal-close:hover{transform:rotate(90deg);color:var(--accent);}
[data-theme="dark"] .faq-modal-close{background:#26354d;color:#fff;border-color:rgba(255,255,255,.36);}
.faq-modal-content h2{font-size:24px;font-weight:900;color:var(--text);margin:0 0 26px;letter-spacing:-.4px;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-item:last-child{border-bottom:none;}
.faq-question{width:100%;text-align:left;background:none;border:none;padding:16px 28px 16px 0;position:relative;font-family:'Figtree',sans-serif;font-size:15px;font-weight:700;color:var(--text);cursor:pointer;}
.faq-question::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--accent);transition:transform .25s;}
.faq-item.open .faq-question::after{transform:translateY(-50%) rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-item.open .faq-answer{max-height:400px;}
.faq-answer p{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--muted);}

@media(max-width:768px){
  .faq-modal-content{padding:32px 22px;}
  .faq-modal-content h2{font-size:20px;}
}