/* faq.css — THE SERVICE-PAGE FAQ. Iris, 2026-09-24.
   Phil: "a FAQ for each service page, like on the contact forms, makes perfect sense."
   The same component and the same full-bleed band as the form pages (intake.css), lifted out so the
   five service pages can use it without loading the form styles. If the form pages' FAQ changes,
   change it here too: they are meant to read as one component. */
.faq{margin-top:var(--s-2);border:1px solid var(--line);border-radius:var(--r-card);
     background:var(--card);overflow:hidden;max-width:820px}
.faq .qa{padding:22px 26px;border-top:1px solid var(--hairline)}
.faq .qa:first-child{border-top:none}
.faq .q{font-family:var(--f-display);font-weight:700;font-size:var(--t-m);
     color:var(--ink);margin-bottom:8px}
.faq .a{font-size:var(--t-m);font-weight:400;color:var(--body-c);max-width:var(--measure)}
.band{position:relative}
.band::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;
     left:calc(50% - 50vw);right:calc(50% - 50vw);
     background:linear-gradient(var(--card),var(--card)),var(--paper);
     border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
     pointer-events:none}
.band .faq{max-width:none}
@media(max-width:700px){.faq .qa{padding:20px 18px}}