/* Maritsa: questions and answers block. Added 26 October 2026 (SEO and AEO plan, C3).
   Used on the home page, each story and How it's made. Matching FAQPage markup sits in each page's head. */
.mfaq{background:#fbf8ef;border-top:1px solid #e3dcc4;padding:64px 20px 72px;color:#2C3B1F;font-family:'DM Sans',system-ui,sans-serif}
.mfaq-in{max-width:820px;margin:0 auto}
.mfaq-eb{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a6a08;margin:0 0 10px;font-weight:600}
.mfaq h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(26px,3.4vw,38px);line-height:1.15;margin:0 0 28px;color:#2C3B1F}
.mfaq-q{border-top:1px solid #e3dcc4}
.mfaq-q:last-child{border-bottom:1px solid #e3dcc4}
.mfaq-q summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative;font-size:17px;font-weight:600;line-height:1.4}
.mfaq-q summary::-webkit-details-marker{display:none}
.mfaq-q summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;margin-top:-8px;border-right:2px solid #8a6a08;border-bottom:2px solid #8a6a08;transform:rotate(45deg);transition:transform .2s}
.mfaq-q[open] summary::after{transform:rotate(225deg);margin-top:-2px}
.mfaq-q summary:focus-visible{outline:2px solid #8a6a08;outline-offset:4px}
.mfaq-q p{margin:0 0 20px;font-size:16px;line-height:1.65;max-width:68ch}
.mfaq-q a{color:#2C3B1F;text-decoration:underline;text-decoration-color:#c9a227;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.mfaq-q summary::after{transition:none}}
@media (max-width:600px){.mfaq{padding:48px 16px 56px}.mfaq-q summary{font-size:16px}}