/* V78 — substantive inner-page layout system. Homepage and recruitment pages are untouched.
   Existing content, typography and CMS section keys remain intact. */
.on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) {
  --ip-navy:#0f2a57; --ip-blue:#4b88c6; --ip-border:#d9e5f4; --ip-soft:#f0f5fc;
}
/* Clear and consistent inner-page hero treatment */
.on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) > .s:first-child {
  position:relative; background:linear-gradient(112deg,#fff 0%,#f4f8ff 100%); border-bottom:1px solid var(--ip-border)!important;
}
.on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) > .s:first-child > .w {position:relative;z-index:1}
.on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) > .s:first-child::before {
 content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--ip-blue);
}
.on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) > .s:first-child h1 {max-width:20ch}
.on:is([data-p="about"],[data-p="brands"],[data-p="standards"],[data-p="careers"],[data-p="partner"],[data-p="contact"]) > .s:first-child p {max-width:74ch}
/* Editorial, alternating two-column section design */
.on:is([data-p="about"],[data-p="standards"],[data-p="partner"],[data-p="contact"],[data-p="brands"]) > .s:not(:first-child):not(.cta):nth-child(even) {background:#f5f8fd}
.on:is([data-p="about"],[data-p="standards"],[data-p="partner"],[data-p="contact"],[data-p="brands"]) > .s .w.two {align-items:start;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.on:is([data-p="about"],[data-p="standards"],[data-p="partner"],[data-p="contact"],[data-p="brands"]) > .s .w.two > h2,
.on:is([data-p="about"],[data-p="standards"],[data-p="partner"],[data-p="contact"],[data-p="brands"]) > .s .w.two > div:first-child > h2 {border-left:3px solid var(--ip-blue);padding-left:20px}
/* About: information blocks, values, people and founder statement */
.on[data-p="about"] [data-cms-layer-key="about-s04"] .two > div,
.on[data-p="about"] [data-cms-layer-key="about-s05"] .three > div {background:#fff;border:1px solid var(--ip-border);border-radius:12px;padding:28px;box-shadow:0 8px 28px rgba(12,40,82,.04);position:relative}
.on[data-p="about"] [data-cms-layer-key="about-s05"] .three > div {border-top:4px solid var(--ip-blue)}
.on[data-p="about"] [data-cms-layer-key="about-s05"] .three > div:nth-child(2){border-top-color:#287c86}
.on[data-p="about"] [data-cms-layer-key="about-s05"] .three > div:nth-child(3){border-top-color:#a47b44}
.on[data-p="about"] [data-cms-layer-key="about-s07"] .fm {background:#f1f6fd;border-left:4px solid var(--ip-blue);padding:30px;border-radius:0 12px 12px 0}
.on[data-p="about"] [data-cms-layer-key="about-s08"] .panel {border:1px solid var(--ip-border);border-left:5px solid var(--ip-blue);background:#fff;box-shadow:0 12px 28px rgba(12,40,82,.05)}
/* Brands: directory within a framed showroom, followed by a clear explanation */
.on[data-p="brands"] #dir-page {background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;margin-top:32px}
.on[data-p="brands"] [data-cms-layer-key="brands-s02"] .w.two > div:last-child {background:#fff;border:1px solid var(--ip-border);border-radius:12px;padding:28px}
/* Standards: easily scannable company details and independent information panels */
.on[data-p="standards"] [data-cms-layer-key^="standards-s0"]:not(:first-child) .w.two > :last-child {background:#fff;border:1px solid var(--ip-border);border-radius:12px;padding:28px;box-shadow:0 6px 22px rgba(12,40,82,.035)}
.on[data-p="standards"] [data-cms-layer-key="standards-s02"] dl {display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr);gap:14px 20px}
.on[data-p="standards"] [data-cms-layer-key="standards-s02"] dt {color:#516887;font-weight:600}
.on[data-p="standards"] [data-cms-layer-key="standards-s02"] dd {margin:0;overflow-wrap:anywhere}
.on[data-p="standards"] [data-cms-layer-key="standards-s04"] .list {display:grid;gap:10px}
/* Careers: sector cards and visible numbered application journey */
.on[data-p="careers"] [data-cms-layer-key="careers-s02"]{background:#f1f6fd}
.on[data-p="careers"] [data-cms-layer-key="careers-s02"] .three > div,
.on[data-p="careers"] [data-cms-layer-key="careers-s03"] .three > div {background:#fff;border:1px solid var(--ip-border);border-radius:12px;padding:28px;box-shadow:0 7px 25px rgba(12,40,82,.04);border-top:4px solid var(--ip-blue)}
.on[data-p="careers"] [data-cms-layer-key="careers-s03"] .three > div:nth-child(2),
.on[data-p="careers"] [data-cms-layer-key="careers-s02"] .three > div:nth-child(2){border-top-color:#287c86}
.on[data-p="careers"] [data-cms-layer-key="careers-s03"] .three > div:nth-child(3),
.on[data-p="careers"] [data-cms-layer-key="careers-s02"] .three > div:nth-child(3){border-top-color:#9c7444}
.on[data-p="careers"] [data-cms-layer-key="careers-s04"] {background:#f5f8fd}
.on[data-p="careers"] .steps {counter-reset:ip-step}
.on[data-p="careers"] .steps li {position:relative;background:#fff;border:1px solid var(--ip-border);border-radius:12px;padding:26px 24px 26px 74px;box-shadow:0 5px 20px rgba(12,40,82,.035);list-style:none;counter-increment:ip-step}
.on[data-p="careers"] .steps li::before {content:counter(ip-step,decimal-leading-zero);position:absolute;left:22px;top:23px;background:var(--ip-navy);color:white;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font:700 13px/1 'Instrument Sans',sans-serif}
.on[data-p="careers"] [data-cms-layer-key="careers-s05"] .panel {background:#eaf2fb;border:1px solid #bfd5ee;border-radius:14px}
/* Partner: make each service lane and contact form visually distinct */
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] {background:#f2f6fc}
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] .sector {background:#fff;border:1px solid var(--ip-border);border-radius:14px;padding:24px;min-width:0}
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] .sector.prop{border-top:4px solid #287c64}
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] .sector.care{border-top:4px solid #2b83a1}
.on[data-p="partner"] [data-cms-layer-key="partner-s02"] .sector .card{background:#f8fbff;border:1px solid var(--ip-border);border-radius:9px;padding:20px}
.on[data-p="partner"] [data-cms-layer-key="partner-s05"]{background:#f2f6fc}
.on[data-p="partner"] [data-cms-layer-key="partner-s05"] form.enq {background:#fff;border:1px solid var(--ip-border);border-radius:14px;padding:clamp(20px,3vw,36px);box-shadow:0 14px 34px rgba(12,40,82,.055)}
/* Contact: two distinct paths, readable specialists and contact details */
.on[data-p="contact"] [data-cms-layer-key="contact-s01"] .two{align-items:start;gap:clamp(24px,3vw,48px)}
.on[data-p="contact"] [data-cms-layer-key="contact-s01"] .panel {background:var(--ip-navy);color:#e8f1ff;border:0;border-radius:14px;padding:clamp(24px,3vw,36px)}
.on[data-p="contact"] [data-cms-layer-key="contact-s01"] .panel :is(h2,dt,a) {color:#fff!important}
.on[data-p="contact"] [data-cms-layer-key="contact-s01"] .panel :is(p,dd) {color:#d7e5f8!important}
.on[data-p="contact"] [data-cms-layer-key="contact-s01"] .panel dl {display:grid;gap:10px}
.on[data-p="contact"] [data-cms-layer-key="contact-s01"] form.enq {border:1px solid var(--ip-border);border-radius:14px;background:#fff;padding:clamp(20px,2.7vw,34px);box-shadow:0 12px 30px rgba(12,40,82,.055)}
.on[data-p="contact"] [data-cms-layer-key="contact-s02"]{background:#f2f6fc}
.on[data-p="contact"] [data-cms-layer-key="contact-s02"] .list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.on[data-p="contact"] [data-cms-layer-key="contact-s02"] .list li{list-style:none;background:#fff;border:1px solid var(--ip-border);border-radius:12px;padding:23px;min-width:0;overflow-wrap:anywhere}
.on[data-p="contact"] [data-cms-layer-key="contact-s04"] .w{background:#f1f6fd;border:1px solid var(--ip-border);border-radius:12px;padding:28px}
/* Polished but restrained interactions */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.on[data-p="about"] [data-cms-layer-key="about-s05"] .three > div,
.on[data-p="careers"] .three > div,
.on[data-p="partner"] .sector .card,
.on[data-p="contact"] [data-cms-layer-key="contact-s02"] .list li {transition:transform .22s ease,box-shadow .22s ease}
.on[data-p="about"] [data-cms-layer-key="about-s05"] .three > div:hover,
.on[data-p="careers"] .three > div:hover,
.on[data-p="partner"] .sector .card:hover,
.on[data-p="contact"] [data-cms-layer-key="contact-s02"] .list li:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(12,40,82,.09)}
}
@media(max-width:850px){
.on:is([data-p="about"],[data-p="standards"],[data-p="partner"],[data-p="contact"],[data-p="brands"]) > .s .w.two{grid-template-columns:1fr}
.on[data-p="contact"] [data-cms-layer-key="contact-s02"] .list{grid-template-columns:1fr}
}
@media(max-width:580px){
.on[data-p="standards"] [data-cms-layer-key="standards-s02"] dl{grid-template-columns:1fr;gap:5px}
.on[data-p="standards"] [data-cms-layer-key="standards-s02"] dd{margin-bottom:14px}
.on[data-p="about"] [data-cms-layer-key="about-s04"] .two > div,
.on[data-p="about"] [data-cms-layer-key="about-s05"] .three > div,
.on[data-p="careers"] .three > div,
.on[data-p="partner"] .sector {padding:20px}
}