/* industry-layout.css — clean, minimal layout for the 8 industry pages (body.ixp).
   Load last. Layout/colour only; type sizes still come from typography.css. */
body.ixp{--ix-navy:#152145;--ix-mute:#5a5f6b;--ix-line:rgba(21,33,69,.14);--ix-gold:#be9a31;--ix-wash:#f7f7f5}
body.ixp main .sec{padding:clamp(56px,7vw,104px) 0}
body.ixp main .sec--wash{background:var(--ix-wash);border-top:0}
body.ixp main section:not(.cx):not(.phero){color:var(--ix-navy)}
body.ixp main .lede,body.ixp main section:not(.cx) p{color:var(--ix-mute)}

/* ---------- hero ---------- */
body.ixp .phero{background:#fff;color:var(--ix-navy);border-bottom:1px solid var(--ix-line);padding-bottom:clamp(40px,5vw,72px)}
body.ixp .phero::after{display:none}
body.ixp .phero h1{color:var(--ix-navy)}
body.ixp .phero .lede{color:var(--ix-mute);max-width:52ch}
body.ixp .crumbs,body.ixp .crumbs a{color:var(--ix-gold)}
body.ixp .crumbs a:hover{color:var(--ix-navy)}
body.ixp .ig{margin-top:clamp(36px,5vw,64px);max-width:none;gap:0 clamp(24px,4vw,64px)}
body.ixp .ig div{border-top:1px solid var(--ix-line);padding-top:18px}
body.ixp .ig dt{color:var(--ix-gold);margin-bottom:10px}
body.ixp .ig dd{color:var(--ix-navy)}

/* ---------- where the pressure is: quiet numbered rows ---------- */
body.ixp .ch{border-top:1px solid var(--ix-line)}
body.ixp .ch li{grid-template-columns:56px minmax(0,1fr) minmax(0,1.3fr);border-bottom:1px solid var(--ix-line);padding:clamp(20px,2.4vw,30px) 0}
body.ixp .ch li::after{display:none}
body.ixp .ch li:hover{padding-left:0}
body.ixp .ch .n{color:var(--ix-gold)}
body.ixp .ch h3{color:var(--ix-navy)}
@media (max-width:800px){body.ixp .ch li{grid-template-columns:40px 1fr}}

/* ---------- where AI changes the work: two clean columns ---------- */
body.ixp .uc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,6vw,96px);border-top:0}
body.ixp .uc li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 0 34px;border-top:1px solid var(--ix-line);border-bottom:0;background:none}
body.ixp .uc li:hover{padding-left:0;background:none}
body.ixp .uc li:hover h3{color:var(--ix-navy)}
body.ixp .uc p{max-width:46ch}
body.ixp .uc a{margin-top:auto;padding-top:6px;border-bottom:0;color:var(--ix-gold);font-size:15px}
body.ixp .uc a:hover{color:var(--ix-navy)}
@media (max-width:900px){body.ixp .uc{grid-template-columns:1fr}}

/* ---------- workflow: simple five-step line ---------- */
body.ixp .wf__l{counter-reset:wf;margin-top:clamp(8px,2vw,24px);border-top:1px solid var(--ix-line)}
body.ixp .wf__l::before,body.ixp .wf__l::after{display:none}
body.ixp .wf__l li{padding:26px 24px 0 0;counter-increment:wf}
body.ixp .wf__l li::before,body.ixp .wf__l.on li::before,body.ixp .wf__l li:nth-child(4)::before{content:counter(wf,decimal-leading-zero);position:static;display:block;width:auto;height:auto;border:0;border-radius:0;background:none;transform:none;margin-bottom:14px;font:600 13px/1 Inter,sans-serif;letter-spacing:.14em;color:var(--ix-gold)}
body.ixp .wf__l li:nth-child(4) b{box-shadow:inset 0 -2px 0 var(--ix-gold)}
body.ixp .wf__l b{font-size:20px!important;margin-bottom:8px;display:inline-block;color:var(--ix-navy)}
body.ixp .wf__l span{max-width:24ch}
body.ixp .wf__k{color:var(--ix-mute)}
body.ixp .wf__k i{width:8px;height:8px;background:var(--ix-gold)}
@media (max-width:900px){body.ixp .wf__l{border-top:0;border-left:1px solid var(--ix-line)}body.ixp .wf__l li{padding:0 0 28px 24px}}

/* ---------- governance: light panel, two columns ---------- */
body.ixp .gv{background:var(--ix-wash);color:var(--ix-navy)}
body.ixp .gv .kicker{color:var(--ix-gold)}
body.ixp .gv h2{color:var(--ix-navy)}
body.ixp .gv__g{gap:0 clamp(32px,6vw,96px)}
body.ixp .gv__g li{padding:22px 0 26px;border-top:1px solid var(--ix-line);color:var(--ix-navy);font-size:19px;line-height:1.4}
body.ixp .gv__g li::before{width:24px;background:var(--ix-gold);transition:none}

/* ---------- outcomes ---------- */
body.ixp .oc__g div{border-top:1px solid var(--ix-line);padding-top:24px}
body.ixp .oc__g h3{color:var(--ix-navy);margin-bottom:10px}
body.ixp .oc__n{color:var(--ix-mute)}

/* ---------- related practices ---------- */
body.ixp .rl li a{border-top-color:var(--ix-line);color:var(--ix-navy)}
body.ixp .rl li:last-child a{border-bottom-color:var(--ix-line)}
body.ixp .rl li a:hover{padding-left:0;color:var(--ix-gold)}
body.ixp .rl li a i{color:var(--ix-gold)}