/* FAQ page: search prominence, category rhythm, accordion state feedback */

#faq-search {
  padding: 1rem 1.25rem 1rem 3rem;
  font-size: 1.05rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%237d8688' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 1rem center;
}

#faq-result-count {
  min-height: 1.2em;
}

/* Rhythm: generous separation between categories, tight grouping within one */
.faq-category {
  margin-bottom: 2.75rem;
}

.faq-category:last-child {
  margin-bottom: 0;
}

.faq-category .section-title {
  text-align: left;
  font-size: 1.15rem;
  margin: 0 0 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--border);
  color: var(--text-primary);
}

/* Clearer open-state feedback: accent border instead of relying on the +/rotate icon alone */
.faq-item {
  border-color: var(--border);
  transition: border-color 200ms ease;
}

.faq-item[open] {
  border-color: var(--accent);
}

.faq-item summary {
  transition: color 160ms ease;
}

.faq-item[open] summary {
  color: var(--accent);
}

.faq-item[open] summary::after {
  color: var(--accent);
}

@media (max-width: 500px) {
  #faq-search {
    font-size: 1rem;
  }
  .faq-category {
    margin-bottom: 2rem;
  }
}