/* ============================================================
   FAQ — page-specific layout. Links AFTER assets/theme.css.
   ============================================================ */
.faq-hero{
  margin:14px 16px 0; border-radius:20px; overflow:hidden; padding:22px 20px;
  background:radial-gradient(120% 100% at 100% 0%, rgba(20,123,255,0.2), transparent 55%), linear-gradient(160deg,#0a1a38 0%, #030914 75%);
  border:1px solid var(--line);
}
.faq-hero-eyebrow{display:flex; align-items:center; gap:6px; font-size:10px; color:var(--blue-br); font-weight:800; letter-spacing:1px; text-transform:uppercase; margin-bottom:8px;}
.faq-hero h1{font-size:19px; font-weight:900; margin:0 0 6px;}
.faq-hero-sub{font-size:12.5px; color:var(--muted); font-weight:600;}

/* ============ CATEGORY BLOCKS ============ */
.faq-cat{margin-bottom:20px;}
.faq-cat-head{display:flex; align-items:center; gap:10px; padding:0 16px; margin-bottom:10px;}
.faq-cat-icon{width:32px; height:32px; border-radius:9px; flex-shrink:0; background:rgba(20,123,255,0.14); color:var(--blue-br); display:flex; align-items:center; justify-content:center;}
.faq-cat-icon .msr{font-size:16px;}
.faq-cat-title{font-size:14px; font-weight:900;}

.faq-card{border-radius:14px; background:var(--card); border:1px solid var(--line); overflow:hidden; margin:0 16px;}
.faq-item{border-top:1px solid rgba(255,255,255,0.06);}
.faq-item:first-child{border-top:none;}
.faq-q{
  display:flex; align-items:center; gap:12px; width:100%; padding:15px 14px; min-height:56px;
  /* Same missing-reset bug class found in .toc-link / .legal-nav-row /
     profile.php's .action-row — the separator line between questions
     is intentionally on the wrapping .faq-item div, not here, but this
     is still a real <button> underneath and needs its OWN border
     cleared or the browser's default button chrome shows through
     around every question. */
  border:none;
  background:none; text-align:left; color:inherit; font:inherit;
}
.faq-q-text{flex:1; min-width:0; font-size:12.5px; font-weight:700; line-height:1.45;}
.faq-chevron{flex-shrink:0; color:var(--muted); font-size:18px; transition:transform 0.2s;}
.faq-item.open .faq-chevron{transform:rotate(90deg); color:var(--blue-br);}
.faq-item.open .faq-q-text{color:var(--blue-br);}
.faq-a{display:none; padding:0 14px 16px;}
.faq-item.open .faq-a{display:block;}
.faq-a p{font-size:12.5px; color:var(--muted); font-weight:500; line-height:1.65; margin:0 0 10px;}
.faq-a p:last-child{margin-bottom:0;}

/* ============ STILL NEED HELP ============ */
.faq-help{border-radius:16px; background:var(--card); border:1px solid var(--line); padding:20px; text-align:center; margin:18px 16px 0;}
.faq-help-title{font-size:13px; font-weight:800; margin-bottom:5px;}
.faq-help-desc{font-size:11.5px; color:var(--muted); font-weight:600; line-height:1.55; margin-bottom:14px;}