/**
 * FAQ compacto — menos altura, mais densidade, visual home nova.
 */
body.hn-site-page #faq.hn-faq-section,
body.hn-site-page section.hn-faq-section,
body.hn-site-page main section:has(> .container > details),
body.hn-site-page main section:has(> .container details:first-of-type) {
  padding: clamp(36px, 5vw, 56px) 0;
}

body.hn-site-page #faq.hn-faq-section > .container > h2,
body.hn-site-page section.hn-faq-section > .container > h2,
body.hn-site-page main section:has(> .container > details) > .container > h2,
body.hn-site-page main section:has(> .container details) > .container > h2 {
  margin: 0 0 6px;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem);
}

body.hn-site-page #faq.hn-faq-section > .container > p.muted,
body.hn-site-page section.hn-faq-section > .container > p.muted,
body.hn-site-page main section:has(> .container > details) > .container > p.muted {
  margin: 0 0 16px;
  font-size: 0.92rem;
}

body.hn-site-page #faq details,
body.hn-site-page section.hn-faq-section details,
body.hn-site-page main section:has(> .container > details) details,
body.hn-site-page main section:has(> .container details) details {
  margin-bottom: 8px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid var(--hn-line);
  background: var(--hn-surface);
  overflow: hidden;
}

body.hn-site-page #faq details[open],
body.hn-site-page section.hn-faq-section details[open],
body.hn-site-page main section:has(> .container > details) details[open] {
  border-color: color-mix(in srgb, var(--hn-blue) 35%, var(--hn-line));
}

body.hn-site-page #faq summary,
body.hn-site-page section.hn-faq-section summary,
body.hn-site-page main section:has(> .container > details) summary {
  padding: 12px 14px;
  font-size: 0.92rem;
  line-height: 1.35;
  color: var(--hn-ink);
}

body.hn-site-page #faq summary .plus,
body.hn-site-page section.hn-faq-section summary .plus,
body.hn-site-page main section:has(> .container > details) summary .plus {
  width: 24px;
  height: 24px;
  font-size: 0.75rem;
}

body.hn-site-page #faq details p,
body.hn-site-page section.hn-faq-section details p,
body.hn-site-page main section:has(> .container > details) details p {
  margin: 0;
  padding: 0 14px 12px;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--hn-muted);
}

body.hn-site-page #faq details p + p,
body.hn-site-page section.hn-faq-section details p + p,
body.hn-site-page main section:has(> .container > details) details p + p {
  padding-top: 4px;
}