.page { padding: 34px 0 56px; }

.pageHead { text-align: center; margin-bottom: 18px; }
.pageTitle { margin: 0 0 8px; font-size: 34px; letter-spacing: -0.02em; }
.pageSub { margin: 0 auto 14px; max-width: 760px; color: var(--muted); font-size: 14px; }

.searchWrap{
  margin: 14px auto 0;
  position: relative;
  width: min(520px, 92vw);
}
.searchWrap input{
  width:100%;
  padding: 12px 42px 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.10);
  outline:none;
  background:#fff;
}
.searchWrap input:focus{
  border-color: rgba(37,99,235,.45);
  box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}
.searchIcon{
  position:absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  opacity:.55;
  font-weight:900;
}

.faqList{
  margin-top: 18px;
  max-width: 900px;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.faqItem{
  background:#fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
  padding: 12px 14px;
}

.faqItem summary{
  cursor:pointer;
  font-weight: 900;
  color:#0f172a;
  list-style:none;
}
.faqItem summary::-webkit-details-marker{ display:none; }

.faqBody{
  margin-top: 10px;
  color:#475569;
  font-size: 14px;
  line-height: 1.5;
}