/* ============================================================
   Resources — FAQ page styles
   Prose inside FAQ answers, accordion states, pill filters.
   ============================================================ */

/* --- FAQ answer prose styling --- */
.prose-faq p {
  font-size: 0.9375rem;
  line-height: 1.75;
  color: var(--color-gray-600);
  margin-bottom: 0.75rem;
}
.prose-faq p:last-child { margin-bottom: 0; }
.prose-faq strong {
  color: var(--color-gray-900);
  font-weight: 600;
}
.prose-faq em { font-style: italic; }
.prose-faq a {
  color: var(--color-purple-600);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 150ms ease;
}
.prose-faq a:hover { color: var(--color-purple-700); }
.prose-faq ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
}
.prose-faq ul:last-child { margin-bottom: 0; }
.prose-faq ul li {
  font-size: 0.9375rem;
  line-height: 1.75;
  color: var(--color-gray-600);
  margin-bottom: 0.25rem;
}
.prose-faq ul li strong {
  color: var(--color-gray-900);
  font-weight: 600;
}

/* --- Accordion answer indent (matches Astro pl-13 custom class) --- */
.faq-answer-indent {
  padding-left: 2.75rem;
}

/* --- Hide native details marker --- */
.faq-summary {
  list-style: none;
}
.faq-summary::-webkit-details-marker {
  display: none;
}

/* --- Smooth answer expand --- */
details .faq-answer {
  animation: abaft-faq-expand 0.2s ease-out;
}
@keyframes abaft-faq-expand {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* --- Open state border + background --- */
details.faq-item[open] {
  border-color: var(--color-purple-200);
  background: var(--color-purple-50);
}

/* --- Category pill cursor --- */
.faq-cat-pill {
  cursor: pointer;
}