/* FAQs page (independent) */

.faq-hero{
  padding: 44px 0 24px;
  background: linear-gradient(180deg, #f7faff, transparent);
  border-bottom: 1px solid var(--border);
}
.crumbs{
  display:flex; gap:8px; align-items:center;
  font-size:14px; margin-bottom:8px;
}
.crumbs a{ color:var(--blue); text-decoration:none; }
.crumbs a:hover{ text-decoration:underline; }
.faq-hero h1{
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800; margin: 0 0 6px; color: var(--ink);
}
.muted{ color: var(--muted); }

/* Search */
.search{
  margin-top:14px; display:flex; gap:10px; align-items:center; padding:12px;
}
.search-input{
  flex:1; padding:10px 12px; border:1px solid var(--border); border-radius:10px; outline:none;
}
.search-input:focus{ border-color:#c9d4ff; box-shadow:0 0 0 3px #e8eeff; }

/* Quick links */
.quick-links{
  display:flex; gap:12px; align-items:center; flex-wrap:wrap;
}
.quick-links a{ color:var(--blue); text-decoration:none; }
.quick-links a:hover{ text-decoration:underline; }

/* FAQ grid */
.faq-grid{
  display:grid; gap:16px; grid-template-columns:repeat(2,1fr);
}
.faq-group h2{ margin:0 0 8px; }
.faq-group details{
  border:1px solid var(--border); border-radius:10px; background:#fff;
  padding:10px 12px; margin-top:8px;
}
.faq-group summary{
  list-style:none; cursor:pointer; font-weight:700; color:var(--ink);
}
.faq-group summary::-webkit-details-marker{ display:none; }
.faq-group details p{ margin:8px 0 0; }
.faq-group a{ color:var(--blue); text-decoration:none; }
.faq-group a:hover{ text-decoration:underline; }

/* Help CTA */
.help-cta{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  flex-wrap:wrap;
}

/* Responsive */
@media (max-width: 900px){
  .faq-grid{ grid-template-columns:1fr; }
}