body {
  background:#020617;
  color:#e5e7eb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.faq-page {
  max-width:980px;
  margin:0 auto;
  padding:24px 16px 40px;
}

.faq-header {
  margin-bottom:20px;
}

.faq-header h1 {
  font-size:28px;
  margin:0 0 8px;
  color:#e5e7eb;
}

.faq-header p {
  margin:0;
  color:#9ca3af;
  font-size:14px;
}

.faq-nav {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:20px 0 24px;
}

.faq-nav a {
  font-size:13px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #1f2937;
  color:#93c5fd;
  text-decoration:none;
  background:#020617;
}

.faq-nav a:hover {
  background:#0b1120;
}

.faq-section {
  margin-bottom:28px;
  border-radius:12px;
  border:1px solid #111827;
  background:#020617;
  padding:14px 14px 4px;
}

.faq-section h2 {
  font-size:18px;
  margin:0 0 8px;
  color:#e5e7eb;
}

.faq-section p.section-intro {
  margin:0 0 10px;
  font-size:13px;
  color:#9ca3af;
}

.faq-item {
  border-top:1px solid #111827;
}

.faq-item:first-of-type {
  border-top:none;
}

.faq-question {
  width:100%;
  text-align:left;
  background:none;
  border:none;
  padding:10px 0;
  color:#e5e7eb;
  font-size:14px;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.faq-question span {
  flex:1;
  text-align:left;
  padding-right:10px;
}

.faq-toggle-icon {
  font-size:16px;
  color:#64748b;
  width:18px;
  text-align:center;
}

.faq-answer {
  display:none;
  padding:0 0 10px;
  font-size:13px;
  color:#cbd5f5;
  line-height:1.5;
}

.faq-answer p {
  margin:4px 0;
}

.faq-answer ul {
  margin:4px 0 4px 18px;
  padding:0;
}

.faq-answer li {
  margin:2px 0;
}

.faq-item.open .faq-answer {
  display:block;
}

.faq-item.open .faq-toggle-icon {
  color:#93c5fd;
}

.small-note {
  font-size:12px;
  color:#64748b;
  margin-top:10px;
}

@media (max-width:640px) {
  .faq-page {
    padding:18px 10px 30px;
  }
  .faq-header h1 {
    font-size:22px;
  }
}

/* Print: clean report-style page without header/footer/nav */
@media print {
  body {
    background:#ffffff;
    color:#000000;
  }

  header,
  nav,
  .faq-nav {
    display:none !important;
  }

  .faq-page {
    max-width:100%;
    padding:0 10mm;
  }

  .faq-section {
    border:1px solid #cccccc;
    background:#ffffff;
  }

  a {
    color:#000000;
    text-decoration:none;
  }
}