/* OmNom's standalone public FAQ reuses blog typography and cream palette.
 * Native details/summary provide keyboard and screen-reader disclosure without
 * JavaScript. Answers and stable links remain available to all public crawlers. */
.faq-catalog { max-width: 900px; margin: 0 auto 80px; }
.faq-catalog h2 { font-family: 'Fredoka', sans-serif; font-size: 2rem; margin: 2rem 0 1rem; }
.faq-catalog details { background: #fffdf7; border: 1px solid #ded6c8; border-radius: 16px; margin-bottom: 12px; scroll-margin-top: 100px; }
.faq-catalog summary { cursor: pointer; padding: 22px; font-weight: 700; font-size: 1.1rem; }
.faq-catalog summary:focus-visible,.faq-catalog a:focus-visible { outline: 3px solid #ec8b31; outline-offset: 4px; }
.faq-answer { padding: 0 22px 22px; line-height: 1.75; overflow-wrap: anywhere; }
.faq-answer p { margin: 0 0 1rem; }
.faq-permalink { font-size: .875rem; }
@media (max-width:700px) { .faq-catalog summary { padding: 18px; } .faq-answer { padding: 0 18px 18px; } }
/* Solid surfaces make text contrast measurable while retaining the site palette. */
body.faq-page { background: #fff0e9; }
.faq-page .blog-hero { background: #fffaf5; }
.faq-page .section-tag { color: #9c351d; }