/* FAQ and public flier pages use the homepage's fonts, palette and gutters.
   Keep these rules scoped so account and profile pages retain their layouts. */
.cm-faq,.flier-page{width:100%;max-width:1180px;margin:0 auto;padding:24px 24px 64px}
.cm-faq h1,.flier-page h1{font-family:'Josefin Sans',sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.025em;margin:20px 0}
.cm-faq h2,.flier-page h2{font-family:'Josefin Sans',sans-serif;line-height:1.15;letter-spacing:normal}
.cm-faq{line-height:1.6}
.cm-faq .faq-intro{font-size:1.25rem;max-width:780px;color:#e7f1f7}
.cm-faq h2{font-size:clamp(1.65rem,3vw,2.1rem);margin:40px 0 20px}
.cm-faq section{scroll-margin-top:24px}
.cm-faq details{border:1px solid var(--line);border-radius:14px;margin:12px 0;background:var(--panel);color:var(--white)}
.cm-faq details[open]{border-color:var(--cyan)}
.cm-faq summary{padding:18px 22px;cursor:pointer;font-weight:700;font-size:1.05rem;line-height:1.4;overflow-wrap:anywhere}
.cm-faq summary:hover{color:var(--cyan)}
.cm-faq .faq-answer{padding:0 22px 22px;color:var(--muted)}
.cm-faq .faq-answer p{margin:0}
.cm-faq a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.cm-faq a:hover{color:var(--white)}
.cm-faq .faq-nav{display:flex;flex-wrap:wrap;gap:12px 22px;margin:28px 0}
.cm-faq .faq-nav a{font-weight:700}
.cm-faq .faq-help{margin-top:32px;color:var(--muted);overflow-wrap:anywhere}
.cm-faq summary:focus-visible,.cm-faq a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.flier-large-image,.flier-share-panel{border-radius:16px}
.flier-share-panel h1{font-size:clamp(1.8rem,4vw,2.6rem);overflow-wrap:anywhere}
.flier-share-panel h2{font-size:clamp(1.4rem,3vw,2.1rem)}
.flier-share-panel .eyebrow{font-size:.72rem;letter-spacing:.13em;color:var(--cyan)}
@media(max-width:720px){
 .cm-faq,.flier-page{padding:18px 18px 40px}
 .cm-faq h1{margin:14px 0}
 .cm-faq .faq-intro{font-size:1.05rem}
 .cm-faq h2{margin-top:32px}
 .cm-faq summary{padding:16px 18px;font-size:1rem}
 .cm-faq .faq-answer{padding:0 18px 18px}
}
