/* FAQ and long-form page copy. Colours follow the theme's existing navy/blue palette. */
.sf-section-faq,
.sf-section-longform { padding: 48px 0; }
.sf-section-faq { background: #f7f9fc; }
.sf-section-faq .sf-section-head p { color: #66778a; margin: 8px auto 0; max-width: 640px; }

.sf-faq-list { display: grid; gap: 12px; margin: 24px auto 0; max-width: 880px; }
.sf-faq-item { background: #fff; border: 1px solid #d9e3ee; border-radius: 14px; padding: 0 22px; }
.sf-faq-item[open] { border-color: #0b6fd3; box-shadow: 0 6px 18px rgba(7, 43, 82, .06); }
.sf-faq-item summary {
  cursor: pointer; list-style: none; position: relative;
  padding: 18px 32px 18px 0; font-family: Manrope, "Segoe UI", Arial, sans-serif;
  font-weight: 800; font-size: 1.02rem; color: #072b52; line-height: 1.4;
}
[dir="rtl"] .sf-faq-item summary { padding: 18px 0 18px 32px; }
.sf-faq-item summary::-webkit-details-marker { display: none; }
.sf-faq-item summary::after {
  content: "+"; position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%);
  font-size: 1.4rem; font-weight: 400; color: #0b6fd3;
}
.sf-faq-item[open] summary::after { content: "\2212"; }
.sf-faq-item summary:focus-visible { outline: 2px solid #0b6fd3; outline-offset: 4px; border-radius: 4px; }
.sf-faq-item p { margin: 0 0 20px; color: #3d5266; line-height: 1.7; }
.sf-faq-more { margin-top: 20px; color: #66778a; text-align: center; }
.sf-faq-more a { color: #0b6fd3; font-weight: 700; }

.sf-longform { max-width: 820px; }
.sf-longform-block + .sf-longform-block { margin-top: 36px; }
.sf-longform h2 { font-family: Manrope, "Segoe UI", Arial, sans-serif; font-weight: 800; color: #072b52; font-size: 1.55rem; line-height: 1.3; margin: 0 0 14px; }
.sf-longform p,
.sf-longform li { color: #3d5266; line-height: 1.75; font-size: 1rem; }
.sf-longform p { margin: 0 0 14px; }
.sf-longform ul { margin: 4px 0 0; padding-inline-start: 22px; }
.sf-longform li { margin-bottom: 6px; }
.sf-longform-cta { margin-top: 28px; }

@media (max-width: 640px) {
  .sf-section-faq, .sf-section-longform { padding: 36px 0; }
  .sf-faq-item { padding: 0 16px; }
  .sf-longform h2 { font-size: 1.3rem; }
}