/* Page styles (public/faq.php). The bar, the banner and the footer are components/public-page.css. */
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--white);background:var(--dark);overflow-x:hidden;}

.faq-main{max-width:1296px;margin:0 auto;padding:48px 48px 0;}   /* 1200px of text, the width of the banner above it */
.faq-hero-eyebrow{font-size:0.7rem;font-weight:800;letter-spacing:5px;text-transform:uppercase;color:var(--primary);margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.faq-hero-eyebrow::before{content:'';width:32px;height:1px;background:var(--primary);}

/* One collapsible card per question (<details>) */
.faq-list{display:grid;gap:12px;max-width:900px;}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:16px;transition:border-color 0.2s;}
.faq-item:hover,.faq-item[open]{border-color:rgba(var(--primary-rgb), 0.45);}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;font-weight:700;font-size:1rem;line-height:1.45;color:var(--white);overflow-wrap:break-word;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"";flex-shrink:0;width:9px;height:9px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg);transition:transform 0.2s;}
.faq-item[open] summary::after{transform:rotate(-135deg);}
.faq-item summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:16px;}
.faq-item p{padding:0 22px 20px;font-size:0.95rem;line-height:1.7;color:var(--text-muted);max-width:760px;overflow-wrap:break-word;}
.faq-more{margin-top:28px;color:var(--text-muted);font-size:0.95rem;}
.faq-more a{color:var(--primary);font-weight:700;text-decoration:none;margin-left:6px;}
.faq-more a:hover{text-decoration:underline;}
@media(max-width:900px){
  .faq-main{padding:32px 24px 0;}
}
@media (pointer: coarse) {
  .faq-more a{display:inline-flex;align-items:center;min-height:var(--tap);}
}
@media (prefers-reduced-motion: reduce){
  .faq-item,.faq-item summary::after{transition:none;}
}