/* Customer-site layout: full-width content with a consistent edge gutter. */
html[data-site-theme]{--site-edge:clamp(1rem,2vw,2rem)}
html[data-site-theme] :is(
  .header-nav,.f-inner,.clients-inner,.why-grid,
  .l-hero-inner,.l-portfolio,.l-oc-intro,
  .prod-wrap,.acct-sec,.gd-wrap,.ga-wrap,.ga-hero-in,.gd-hero,
  .sv-grid,.sv-cta,.sv-guide,.ab-wrap,.hc-wrap,
  .pm .wrap,.pm-strip-in
){max-width:none;width:auto;margin-inline:0;padding-inline:var(--site-edge);box-sizing:border-box}
html[data-site-theme] section{max-width:none}
html[data-site-theme] .l-hero-inner{padding-inline:0;min-width:0}
html[data-site-theme] .why-grid{padding-inline:0}
html[data-site-theme] .legal-doc{max-width:none;width:auto;margin-inline:var(--site-edge)}
/* Keep controls, dialogs and short text blocks at their own readable sizes. */
@media(max-width:760px){
  html[data-site-theme]{--site-edge:1rem}
}