/* Full-width About body in both shortcode and automatic display modes.
   Site header, navigation, footer, and pages without this component are untouched. */
#main-content:has(.saa-about) > .sam-content-layout,
#main-content:has(.saa-about) .sam-entry,
#main-content:has(.saa-about) .sam-entry__content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
}
#main-content:has(.saa-about) > .sam-content-layout {
  display: block !important;
}
/* Hide only the old title banner inside the page body. */
#main-content:has(.saa-about) > .sam-page-hero {
  display: none;
}
/* Elementor can add its own boxed containers around a Shortcode widget. */
#main-content .elementor:has(.saa-about),
#main-content .elementor-section:has(.saa-about),
#main-content .elementor-container:has(.saa-about),
#main-content .elementor-column:has(.saa-about),
#main-content .elementor-widget-wrap:has(.saa-about),
#main-content .e-con:has(.saa-about),
#main-content .e-con-inner:has(.saa-about),
#main-content .elementor-widget-shortcode:has(.saa-about),
#main-content .elementor-widget-container:has(.saa-about),
#main-content .elementor-shortcode:has(.saa-about) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  --container-max-width: 100%;
}
#main-content .saa-about {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Keep intentional text padding while allowing the blue bands to span the page. */
#main-content .saa-about .saa-kicker { margin: 0 0 10px; }
#main-content .saa-about h2 { margin: 0 0 15px; }
#main-content .saa-about .saa-description p { margin: 0 0 14px; }