/* ==========================================================================
   FAQ Section — includes/blocks/faq/style.css
   Extracted from faq.html's own ".faq-sec" block (page-specific CSS that
   lived in faq.html's <style>, not the shared bio.css) — same convention as
   the other sections that needed their own baked CSS.

   The accordion itself (.acc / summary / .acc-body — the expand/collapse
   "+" rotating into "×", the divider rule, body typography) is already
   fully styled site-wide in bio.css, so this file only adds the handful of
   page-specific bits faq.html declared itself: section spacing, the h2/sub
   sizing, and the answer paragraph's max-width.

   Color tokens are baked in as plain hex from the site's MONO palette
   (color-mono.css → html.theme-mono), same convention as every other
   section.
   ========================================================================== */

.mhs-faq .wrap{width:min(1200px,100% - 40px);margin-inline:auto}

.mhs-faq{padding-top:44px}
.mhs-faq:first-of-type{padding-top:32px}

.mhs-faq h2{font-size:clamp(24px,3vw,34px);margin-bottom:4px;scroll-margin-top:90px}
.mhs-faq .sub{font-size:14px;color:var(--text);margin-bottom:10px}

.mhs-faq .acc summary{padding:15px 2px;font-size:15px}
.mhs-faq .acc-body p{max-width:72ch}