.lead{color:var(--muted);margin:0 0 18px}
.banner{
  background:#eaf2ff;border:1px solid #cfe0ff;padding:12px 16px;border-radius:16px;
  margin:18px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap
}
.banner b{color:var(--primary-600)}

.search{
  width:100%;max-width:650px;display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 14px;
  box-shadow:0 10px 25px rgba(2,6,23,.06)
}
.search input{flex:1;border:none;outline:none;background:transparent;font-size:16px}

.faq-grid{margin-top:18px;display:grid;gap:12px}
details.faq{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 25px rgba(2,6,23,.06);overflow:clip}
summary.faq-q{
  list-style:none;cursor:pointer;padding:14px 16px;font-weight:800;
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
summary.faq-q::-webkit-details-marker{display:none}
.faq-a{padding:0 16px 16px;color:var(--muted)}
.faq-a p{margin:10px 0 0}
.chev{transition:transform .2s ease}
details[open] .chev{transform:rotate(180deg)}
.tag{
  display:inline-block;font-size:12px;font-weight:800;color:var(--primary-600);
  background:#eff6ff;padding:4px 8px;border-radius:999px;border:1px solid #cfe0ff;margin-left:8px
}