/* Widget 6 — FAQ module. Sample values (lines 200-222): wash r24, padding 28/30,
   white item cards r14 padding 16/20 with a soft shadow, q 16/700 ink, a 15.5/1.65. */

.hc-faq {
  background: var(--hc-wash);
  border-radius: 24px;
  padding: 28px 30px;
  margin: 40px 0 0;
}

.hc-faq .hc-eyebrow { margin-bottom: 16px; }

.hc-faq__items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hc-faq__item {
  background: var(--hc-white);
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: 0 4px 14px -8px rgba(9, 16, 29, 0.1);
}

.hc-faq__q {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  font-weight: 700;
  color: var(--hc-ink);
}
.hc-faq__q::-webkit-details-marker { display: none; }
.hc-faq__q svg { flex: none; transition: transform 0.15s ease; }
.hc-faq__item[open] .hc-faq__q svg { transform: rotate(180deg); }

.hc-faq__a {
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--hc-body);
  margin-top: 10px;
}

@media (max-width: 760px) {
  .hc-faq { padding: 20px 18px; border-radius: 18px; }
}