/* OBRAC_GET_INVOLVED_MARGIN_PARITY_V1
 * Horizontal rhythm authority for Get Involved.
 * Mirrors Home's section gutters while preserving the Work editorial design.
 */

/* Put the page gutter on the section, then let the shell use all available width. */
body.page-id-14 .obrac-section:not(.obrac-hero){
  box-sizing:border-box!important;
  padding-inline:32px!important;
}
body.page-id-14 .obrac-section:not(.obrac-hero)>.obrac-shell{
  width:100%!important;
  max-width:1280px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

/* Elementor contributes a second 10px gutter to these layout wrappers.
 * Home removes it; do the same here so headings, grids, copy and media share an edge.
 */
body.page-id-14 .obrac-section:not(.obrac-hero)>.obrac-shell>:is(.obrac-stack,.obrac-grid-2,.obrac-grid-3,.obrac-grid-4,.obrac-split){
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  padding-inline:0!important;
}

/* Standalone editorial modules are siblings of Elementor sections, so they own
 * their outer gutter directly. Remove the 704px tablet cap that made them too narrow.
 */
@media(max-width:1024px){
  body.page-id-14 .obrac-section:not(.obrac-hero)>.obrac-shell{
    width:100%!important;
    max-width:1280px!important;
  }
  body.page-id-14 .obrac-gi-half-parallax,
  body.page-id-14 .obrac-gi-video-story{
    width:calc(100% - 64px)!important;
    max-width:1280px!important;
  }

  /* Keep the governance artwork, but stop it consuming most of the text column. */
  body.page-id-14 .elementor-element-bcdd7bfa .obrac-card{
    padding-right:clamp(210px,28vw,280px)!important;
  }
}

/* Around portrait tablet the decorative governance rings make the copy visibly
 * cramped. At this width prioritize the same readable text width as Home. */
@media(max-width:820px){
  body.page-id-14 .elementor-element-bcdd7bfa::after{display:none!important}
  body.page-id-14 .elementor-element-bcdd7bfa .obrac-card{
    min-height:0!important;
    padding:32px!important;
    background:linear-gradient(100deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;
  }
}

@media(max-width:767px){
  body.page-id-14 .obrac-section:not(.obrac-hero){padding-inline:24px!important}
  body.page-id-14 .obrac-section:not(.obrac-hero)>.obrac-shell{width:100%!important}
  body.page-id-14 .obrac-gi-half-parallax,
  body.page-id-14 .obrac-gi-video-story{
    width:calc(100% - 48px)!important;
  }
  /* Preserve the original compact mobile card interior; only the outer page rhythm changes. */
  body.page-id-14 .elementor-element-bcdd7bfa .obrac-card{padding:28px 22px!important}
}