/* Foreground-only alignment. Never inset main, section backdrops or navigation. */
@import url("content-spacing-editorial.css?v=20260914-foreground-150-both-v5");
@import url("content-spacing-science.css?v=20260914-foreground-150-both-v5");
@import url("content-spacing-flavor-ingredients.css?v=20260914-emotion-flow-v6");
@import url("content-spacing-home-products.css?v=20260914-foreground-150-both-v5");

/* A nested opt-in group must not inherit its outer frame's translation. */
@property --arotec-foreground-shift-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}

:root { --arotec-content-left: 0px; --arotec-content-right: 0px; }
@media (min-width: 1200px) {
  :root { --arotec-content-left: 150px; --arotec-content-right: 150px; }
}

/* Small screens keep the original responsive spacing. The helper measures only
   opted-in foreground copies inside mixed image/text hero layouts. */