/* Content pages: /clients /professionals /sectors /about /contact /privacy /terms.
   Tokens and components come from site.css (docs/DESIGN.md) — this file only adds the
   handful of things those pages need that the shared sheet does not already have. */

/* FAQ list ("Common questions" on /clients and /professionals) */
.faq { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.faq li { padding: var(--s5) 0; border-bottom: 1px solid var(--line-soft); }
.faq h3 { font-size: var(--fs-body); font-weight: 600; letter-spacing: -.005em; margin-bottom: .4em; }
.faq p { margin: 0; color: var(--fg-muted); max-width: 42em; }

/* Long-form legal text (privacy, terms): headings inherit .prose from site.css already;
   these are small additions for the front-matter status notice and tables inside it. */
.prose table { margin: 1.4em 0; }
/* Phones: three text columns in 335px are unreadable; let the table keep a sane width and scroll
   inside its .table-scroll container instead (the page itself never scrolls sideways). */
.prose .table-scroll table { min-width: 32rem; }
.prose .table-scroll { margin: 1.4em 0; }
.prose .table-scroll table { margin: 0; }
.prose h2:first-child { margin-top: 0; }

/* Sector prev/next + index closing block spacing tweaks. */
.cards .card p:last-child { margin-bottom: 0; }