/* FAQ and footer adapted from the current CREAO website. */
.native-faq{background:var(--bg);color:#131313;scroll-margin-top:64px}
.native-faq-shell{max-width:1440px;margin:auto;padding:80px 120px 100px}
.native-faq #native-faq-title{font:400 48px/1.2 'Frank Ruhl Libre',Georgia,serif;letter-spacing:0;color:#393939;margin:0 0 106px}
.native-faq-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;margin-left:120px}
.native-faq-columns>div{min-width:0;display:flex;flex-direction:column;gap:48px}
.native-faq-group{display:flex;flex-direction:column;gap:32px}
.native-faq .native-faq-category{font:700 16px/1.3 'Frank Ruhl Libre',Georgia,serif;letter-spacing:0;color:#b5b5b5;margin:0 0 -22px}
.native-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font:400 18px/1.2 'Frank Ruhl Libre',Georgia,serif;color:#131313;min-height:22px}
.native-faq-item summary::-webkit-details-marker{display:none}
.native-faq-item summary svg{width:12px;height:12px;flex-shrink:0;stroke:#aaa;stroke-width:1.3;fill:none;transition:transform .2s}
.native-faq-item[open] summary svg{transform:rotate(45deg)}
.native-faq-item summary:focus-visible{outline:2px solid #868d7b;outline-offset:6px}
.native-faq-answer{padding-top:11px}
.native-faq .native-faq-answer p{font:400 14px/1.3 'Inter','DM Sans',Arial,sans-serif;color:#737373;margin:0 0 10px}
.native-faq-answer p:last-child{margin-bottom:0}
footer.native-footer{background:var(--bg);color:#0e0e0e;font-family:'Inter','DM Sans',Arial,sans-serif;border-top:1px solid #d4d4ce;padding:0 48px!important}
.native-footer-shell{max-width:1240px;margin:auto;padding:72px 0 32px}
.native-footer-grid{display:grid;grid-template-columns:1.6fr repeat(5,minmax(0,1fr));gap:56px;margin-bottom:64px}
.native-footer-brand img{width:152px;height:40px;object-fit:contain;object-position:left;display:block;margin:16px 0 28px;filter:none}
.native-footer-brand p{font:italic 400 18px/1.35 'Frank Ruhl Libre',Georgia,serif;color:#555;margin:0 0 24px;max-width:320px}
.native-footer-socials{display:flex;gap:8px;flex-wrap:wrap}
.native-footer-socials a{width:36px;height:36px;border-radius:50%;border:1.5px solid #d4d4ce;background:#f5f5f0;display:flex;align-items:center;justify-content:center;transition:background .18s}
.native-footer-socials a:hover{background:#e9e9e2}
.native-footer-column h3{font:700 11px/1.5 'Inter','DM Sans',Arial,sans-serif;color:#888;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 18px}
.native-footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.native-footer-column a{display:block;font-size:14px;font-weight:500;line-height:1.5;color:#555;transition:color .15s}
.native-footer-column a:hover{color:#0e0e0e}
.native-footer-legal{border-top:1px solid #e5e5e0;padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#888}
.native-footer-legal>div{display:flex;gap:24px}
@media(max-width:1199px){.native-faq-shell{padding:80px 48px 100px}.native-faq-columns{margin-left:0;gap:40px}.native-footer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}.native-footer-brand{grid-column:1/-1}.native-footer-brand img{margin-top:0;margin-bottom:20px}}
@media(max-width:767px){.native-faq-shell{padding:80px 24px}.native-faq #native-faq-title{margin-bottom:48px}.native-faq-columns{grid-template-columns:1fr;gap:48px}.native-faq-columns>div{gap:48px}.native-faq-item summary{min-height:28px}.native-faq-group{gap:28px}footer.native-footer{padding:0 24px!important}.native-footer-shell{padding:48px 0 28px}.native-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;margin-bottom:48px}.native-footer-legal{flex-direction:column;gap:16px}.native-footer-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.native-faq-item summary svg{transition:none}}
