/* Shared spacing for marketing sections rendered inside a bordered frame. */
html[data-container-page] .container-section-layout, html[data-container-page] .container-faq-layout {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  padding: 32px 24px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: center;
}
html[data-container-page] .container-faq-layout { align-items: start; }
html[data-container-page] .container-section-layout > div { min-width: 0; max-width: none !important; }
@media (min-width: 768px) {
  html[data-container-page] .container-section-layout, html[data-container-page] .container-faq-layout { padding-inline: 40px !important; gap: 28px !important; }
}
@media (min-width: 1024px) {
  html[data-container-page] .container-section-layout { grid-template-columns: minmax(0, 45fr) minmax(0, 55fr) !important; }
  html[data-container-page] .container-section-layout:has(> .container-animation:first-child) { grid-template-columns: minmax(0, 55fr) minmax(0, 45fr) !important; }
  html[data-container-page] .container-faq-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) !important; gap: 32px !important; }
}
