/* Shared FAQ component — source of truth for homepage, Report, and dossiers.
   Markup contract:
   section.faq-section#faq > .wrap > .section-header (eyebrow + h2 + optional .faq-subhead)
   + .faq-list > details.faq-item > summary (+ .faq-chevron) + .faq-answer > p
*/
.faq-section {
  padding: 72px 0 84px;
  text-align: left;
  background: var(--bg, var(--z-bg, var(--surface-low, #F7F7F5)));
  color: var(--ink, var(--z-ink, #1C1C1C));
}
.faq-section .wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  text-align: left;
}
.faq-section .section-header {
  margin: 0 0 28px;
  max-width: none;
  text-align: left;
}
.faq-section .eyebrow {
  color: var(--green, var(--z-green, #1B6B4A));
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.9px;
  text-transform: uppercase;
  margin: 0 0 16px;
  text-align: left;
}
.faq-section .section-header h2,
.faq-section h2.serif {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(32px, 4.6vw, 48px);
  font-weight: 700;
  letter-spacing: -0.96px;
  line-height: 1.16;
  margin: 0;
  text-align: left;
  color: var(--ink, var(--z-ink, #1C1C1C));
}
.faq-section .faq-subhead {
  margin: 14px 0 0;
  max-width: 820px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: var(--ink-soft, var(--z-ink-soft, var(--muted, #5C5C5C)));
  text-align: left;
}
.faq-list {
  display: grid;
  gap: 0.875rem;
  text-align: left;
}
.faq-item {
  background: var(--off-white, var(--z-panel, #fff));
  border: 1px solid rgba(28, 28, 28, 0.10);
  border-left: 3px solid var(--green, var(--z-green, #1B6B4A));
  border-radius: 4px;
  overflow: hidden;
}
.faq-item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.15rem 1.35rem;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 700;
  line-height: 1.35;
  color: var(--ink, var(--z-ink, #1C1C1C));
  text-align: left;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:hover { color: var(--green, var(--z-green, #1B6B4A)); }
.faq-item summary:focus-visible {
  outline: 2px solid var(--green, var(--z-green, #1B6B4A));
  outline-offset: -4px;
}
.faq-chevron {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  border-right: 2px solid var(--green, var(--z-green, #1B6B4A));
  border-bottom: 2px solid var(--green, var(--z-green, #1B6B4A));
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.faq-item[open] .faq-chevron { transform: rotate(225deg); }
.faq-answer {
  border-top: 1px solid rgba(28, 28, 28, 0.08);
  padding: 0 1.35rem 1.25rem;
  text-align: left;
}
.faq-answer p {
  margin: 1.1rem 0 0;
  color: var(--ink-soft, var(--z-ink-soft, var(--muted, #5C5C5C)));
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  text-align: left;
}
.faq-answer a {
  color: var(--green, var(--z-green, #1B6B4A));
  font-weight: 600;
  text-underline-offset: 3px;
}
@media (max-width: 720px) {
  .faq-section .wrap { padding: 0 20px; }
  .faq-item summary {
    min-height: 64px;
    padding: 1rem 1.125rem;
    gap: 1rem;
  }
  .faq-answer { padding: 0 1.125rem 1.25rem; }
}