/* V79: independent cards with consistent gaps, no coloured top accents.
   Scoped to the redesigned inner pages; typography and section spacing unchanged. */
.on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) .three {
  column-gap: 20px !important;
  row-gap: 20px !important;
}
.on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) .three > div {
  min-width: 0;
  border-top: 1px solid var(--ip-border, #d9e5f4) !important;
}
.on[data-p="about"] [data-cms-layer-key="about-s05"] .three > div,
.on[data-p="careers"] [data-cms-layer-key="careers-s02"] .three > div,
.on[data-p="careers"] [data-cms-layer-key="careers-s03"] .three > div {
  border: 1px solid var(--ip-border, #d9e5f4) !important;
}
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] .sector.prop,
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] .sector.care {
  border: 1px solid var(--ip-border, #d9e5f4) !important;
}
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] .sectors,
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] .two {
  gap: 20px !important;
}
@media (max-width: 850px) {
 .on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) .three {
   column-gap: 16px !important;
   row-gap: 16px !important;
 }
}