/* === FAQ accordions on inner pages: match homepage "Good to know" style === */
html body .faq-centered-section .wpb_wrapper { max-width: 880px; margin-left: auto; margin-right: auto; }
html body .faq-centered-section h2::before { content: "Good to know"; display: block; font-family: var(--mono), ui-monospace, monospace; font-size: 0.7rem; font-weight: 400; letter-spacing: 0.14em; line-height: 1.4; text-transform: uppercase; color: var(--brand, #2C6E3F); margin: 0 0 0.7rem; }
html body .faq-centered-section .vc_toggle_active .vc_toggle_icon::before { visibility: visible !important; }
html body .faq-centered-section h2 { font-family: var(--display), system-ui, sans-serif !important; font-size: clamp(1.7rem, 3.4vw, 2.6rem) !important; line-height: 1.05 !important; letter-spacing: -0.025em !important; color: var(--ink, #16301F) !important; margin-bottom: 1rem !important; }
html body .faq-centered-section .vc_toggle { background: var(--paper, #F4F6F1) !important; border: 1px solid var(--line, #DCE3D8) !important; border-radius: 12px !important; box-shadow: none !important; margin: 0 0 10px !important; padding: 0 1.3rem !important; transition: border-color .2s, background .2s, box-shadow .2s; }
html body .faq-centered-section .vc_toggle:hover { border-color: var(--brand, #2C6E3F) !important; }
html body .faq-centered-section .vc_toggle.vc_toggle_active { background: var(--paper-2, #FFFFFF) !important; border-color: var(--brand, #2C6E3F) !important; box-shadow: 0 10px 30px rgba(22, 48, 31, .07) !important; }
html body .faq-centered-section .vc_toggle_title { padding: 1.15rem 50px 1.15rem 0 !important; }
html body .faq-centered-section .vc_toggle_title h1, html body .faq-centered-section .vc_toggle_title h2, html body .faq-centered-section .vc_toggle_title h3, html body .faq-centered-section .vc_toggle_title h4, html body .faq-centered-section .vc_toggle_title h5, html body .faq-centered-section .vc_toggle_title h6 { font-family: var(--body), system-ui, sans-serif !important; font-size: 1rem !important; line-height: 1.6 !important; font-weight: 600 !important; color: var(--ink, #16301F) !important; text-transform: none !important; }
html body .faq-centered-section .vc_toggle_icon { width: 30px !important; height: 30px !important; background: var(--tint, #E7F0E6) !important; transition: background .2s; }
html body .faq-centered-section .vc_toggle_icon::before, html body .faq-centered-section .vc_toggle_icon::after { background: var(--brand, #2C6E3F) !important; }
html body .faq-centered-section .vc_toggle_icon::before { width: 11px !important; height: 1.5px !important; }
html body .faq-centered-section .vc_toggle_icon::after { width: 1.5px !important; height: 11px !important; }
html body .faq-centered-section .vc_toggle:hover .vc_toggle_icon, html body .faq-centered-section .vc_toggle_active .vc_toggle_icon { background: var(--brand, #2C6E3F) !important; }
html body .faq-centered-section .vc_toggle:hover .vc_toggle_icon::before, html body .faq-centered-section .vc_toggle:hover .vc_toggle_icon::after, html body .faq-centered-section .vc_toggle_active .vc_toggle_icon::before { background: #FFFFFF !important; }
html body .faq-centered-section .vc_toggle_content p { font-size: 0.94rem !important; line-height: 1.7 !important; color: var(--ink-soft, #4A5C50) !important; padding: 1.1rem 0 1.25rem !important; max-width: 72ch; border-top: 1px solid var(--line-soft, #E9EEE5) !important; }
html body .faq-centered-section { background: #FFFFFF; box-shadow: 0 0 0 100vmax #FFFFFF; clip-path: inset(0 -100vmax); padding-top: clamp(3rem, 6vw, 5rem) !important; padding-bottom: clamp(3rem, 6vw, 5rem) !important; }
/* === Rounded corners for content-row photos (matches the rounded first-row images) === */
.rounded-img .vc_single_image-wrapper, .rounded-img img { border-radius: 30px !important; }
.rounded-img img { box-shadow: 4px 14px 28px rgba(22, 48, 31, 0.22); }