/* =====================================================================
   GENERATED FILE -- DO NOT EDIT.

   Built from _source/assets/components/contact-faq.css by _dev/generate/theme-assets.mjs. Edit the
   snapshot and regenerate; a hand edit here fails the gate at commit
   rather than surviving to contradict its source. The snapshot is frozen:
   it has been the design of record since 2026-10-08 (frozenOn in its
   source.json), so it is edited in place and never re-synced.

     node _dev/generate/theme-assets.mjs redfish   rebuild this file

   The file below is the static site's stylesheet verbatim, comments and
   all, and unchanged: the contact-faq component, every selector
   under .c-contact-faq.

   NOTHING WORDPRESS-SPECIFIC GOES IN THIS FILE. Adapter rules that map
   block markup onto these components live in native-adapters.css, which
   is hand-written and loads after this one. Keeping them apart is what
   lets this copy stay diffable against the original.
   ===================================================================== */

/* contact-faq: the two-column FAQ at the top of the contact page.
   Root: <section class="block contact-faq c-contact-faq">. */
.c-contact-faq { border-bottom: 1px solid var(--border); }
/* top & bottom whitespace matched to the gap between this section and the contact section */
.c-contact-faq.block { padding-block: clamp(18px, 2.4vw, 30px); }
.c-contact-faq .wrap { padding-block: 0; }
.c-contact-faq .eyebrow { margin-bottom: 14px; }
.c-contact-faq .cfaq-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(28px, 4vw, 56px); align-items: start; }
.c-contact-faq .cfaq-h { font-family: var(--font-display); font-weight: 600; font-size: clamp(18px, 2.1vw, 23px); color: var(--fg); }
.c-contact-faq p { color: var(--muted); font-size: 15px; margin-top: 10px; max-width: 60ch; }
.c-contact-faq strong { color: var(--fg); font-weight: 600; }
.c-contact-faq .area-towns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.c-contact-faq .area-towns span { font-family: var(--font-mono); font-size: 12.5px; color: var(--fg); border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; background: var(--surface); }
.c-contact-faq .cfaq-item + .cfaq-item { margin-top: 20px; }
.c-contact-faq .cfaq-q { font-family: var(--font-display); font-weight: 600; font-size: clamp(16px, 1.8vw, 19px); color: var(--fg); }
@media (max-width: 720px) { .c-contact-faq .cfaq-grid { grid-template-columns: 1fr; gap: 24px; } }