/* Diagnex About collection refresh (November 2026).
   Shared layout for Our Story, Leadership, Care Managers and Careers.
   Preserves the existing Manrope, navy/cobalt/red/white brand system. */
.dx-a4{color:var(--graphite);background:#fff;font-family:Manrope,system-ui,-apple-system,sans-serif;overflow:clip}
.dx-a4 *{box-sizing:border-box}
.dx-a4 :where(h1,h2,h3,p,figure){margin:0}
.dx-a4 h1,.dx-a4 h2,.dx-a4 h3{color:var(--ink);letter-spacing:-.044em}
.dx-a4 a{transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}
.dx-a4 a:focus-visible,.dx-a4 summary:focus-visible{outline:3px solid rgba(49,86,200,.5);outline-offset:4px}
.dx-a4 .dx-a4-hero{background:radial-gradient(circle at 80% 10%,rgba(49,86,200,.11),transparent 38%),linear-gradient(125deg,var(--pearl),#fff 68%);padding:56px 0 50px;border-bottom:1px solid var(--cloud)}
.dx-a4 .dx-a4-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(30px,4.7vw,78px)}
.dx-a4 .dx-a4-hero-copy{max-width:610px;min-width:0}
.dx-a4 .dx-a4-kicker{font-size:12px;font-weight:700;letter-spacing:.115em;text-transform:uppercase;color:var(--cobalt);margin-bottom:13px;line-height:1.5}
.dx-a4 h1{font-size:clamp(2.75rem,4.25vw,4.85rem);line-height:1.07;font-weight:700;max-width:15ch;margin-bottom:20px}
.dx-a4 h1 span{color:var(--cobalt)}
.dx-a4 .dx-a4-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.72;color:var(--slate);max-width:64ch}
.dx-a4 .dx-a4-lead strong{color:var(--ink);font-weight:700}
.dx-a4 .dx-a4-inline-facts{display:flex;flex-wrap:wrap;gap:20px 36px;border-top:1px solid var(--cloud);margin-top:26px;padding-top:18px}
.dx-a4 .dx-a4-inline-facts>div{display:flex;flex-direction:column;gap:1px}
.dx-a4 .dx-a4-inline-facts strong{font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.025em}
.dx-a4 .dx-a4-inline-facts span{font-size:12px;line-height:1.55;color:var(--slate)}
.dx-a4 .dx-a4-hero-figure{min-width:0;border:1px solid var(--cloud);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 16px 42px rgba(5,14,53,.09)}
.dx-a4 .dx-a4-hero-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center center}
.dx-a4 .dx-a4-hero-figure figcaption{display:flex;gap:6px 10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 16px;font-size:11.7px;line-height:1.55;color:var(--slate);background:#fff}
.dx-a4 .dx-a4-hero-figure figcaption strong{font-size:17px;color:var(--midnight);letter-spacing:-.02em}
.dx-a4 .dx-a4-hero-figure figcaption span{color:var(--slate);font-size:12px}
.dx-a4 .dx-a4-founder-figure{max-width:475px;justify-self:center}
.dx-a4 .dx-a4-founder-figure img{width:100%;height:auto;max-height:520px;object-fit:contain;background:#f4f5f9}
.dx-a4 .dx-a4-subnav{position:relative;background:#fff;border-bottom:1px solid var(--cloud)}
.dx-a4 .dx-a4-subnav .container{display:flex;align-items:center;gap:6px;min-height:59px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain}
.dx-a4 .dx-a4-subnav a{padding:9px 15px;border-radius:12px;color:var(--slate);font-size:13px;font-weight:700;white-space:nowrap;line-height:1.3}
.dx-a4 .dx-a4-subnav a:hover,.dx-a4 .dx-a4-subnav a:focus-visible{color:var(--cobalt);background:var(--veil)}
.dx-a4 .dx-a4-section{padding:clamp(46px,5vw,72px) 0;scroll-margin-top:112px}
.dx-a4 .dx-a4-section h2,.dx-a4 .dx-a4-last h2{font-size:clamp(2rem,3.1vw,3.2rem);line-height:1.16;font-weight:700;max-width:20ch;margin:0 0 16px}
.dx-a4 .dx-a4-section p,.dx-a4 .dx-a4-last p{font-size:15px;line-height:1.82;color:var(--slate)}
.dx-a4 .dx-a4-section p+p{margin-top:12px}
.dx-a4 .dx-a4-mist{background:var(--mist)}
.dx-a4 .dx-a4-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.dx-a4 .dx-a4-split--balanced{align-items:center}
.dx-a4 .dx-a4-prose{max-width:66ch}
.dx-a4 .dx-a4-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:25px}
.dx-a4 .dx-a4-heading-row>div{min-width:0;flex:0 1 60%}
.dx-a4 .dx-a4-heading-row>p{max-width:460px;margin:0;flex:1}
.dx-a4 .dx-a4-heading-row h2{margin:0}
.dx-a4 .dx-a4-cards{display:grid;gap:14px}
.dx-a4 .dx-a4-cards--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.dx-a4 .dx-a4-cards--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.dx-a4 .dx-a4-card{background:#fff;padding:23px;border:1px solid var(--cloud);border-radius:19px;min-width:0;min-height:186px}
.dx-a4 .dx-a4-card h3{font-size:18px;line-height:1.35;letter-spacing:-.025em;margin:10px 0 7px;color:var(--midnight);font-weight:700}
.dx-a4 .dx-a4-card p{font-size:13.8px;line-height:1.7}
.dx-a4 .dx-a4-number{color:var(--cobalt);font-size:12px;font-weight:700;letter-spacing:.08em}
.dx-a4 .dx-a4-chronology{border-radius:24px;background:var(--pearl);border:1px solid var(--cloud);padding:24px 28px}
.dx-a4 .dx-a4-chronology-item{display:grid;grid-template-columns:42px 1fr;gap:15px;position:relative;padding:14px 0}
.dx-a4 .dx-a4-chronology-item+.dx-a4-chronology-item{border-top:1px solid var(--cloud)}
.dx-a4 .dx-a4-chronology-item>span{font-size:12px;font-weight:700;color:var(--cobalt);padding-top:2px}
.dx-a4 .dx-a4-chronology-item strong{font-size:15px;font-weight:700;color:var(--midnight);display:block;line-height:1.45}
.dx-a4 .dx-a4-chronology-item p{font-size:13.4px;margin-top:4px;color:var(--slate)}
.dx-a4 .dx-a4-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--cobalt);font-weight:700;font-size:13px;margin-top:19px;border-bottom:1px solid rgba(49,86,200,.25);padding-bottom:4px}
.dx-a4 .dx-a4-text-link:hover{gap:13px;color:var(--navy)}
.dx-a4 .dx-a4-pathway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dx-a4 .dx-a4-pathway-grid a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:195px;border:1px solid var(--cloud);background:#fff;padding:22px;border-radius:20px}
.dx-a4 .dx-a4-pathway-grid a:hover{border-color:#b7c8ec;box-shadow:0 12px 30px rgba(5,14,53,.08);transform:translateY(-3px)}
.dx-a4 .dx-a4-pathway-grid a>span{font-weight:700;font-size:12px;color:var(--cobalt)}
.dx-a4 .dx-a4-pathway-grid strong{color:var(--navy);font-size:18px;letter-spacing:-.02em;line-height:1.35}
.dx-a4 .dx-a4-pathway-grid small{color:var(--slate);font-size:13px;line-height:1.65}
.dx-a4 .dx-a4-pathway-grid b{color:var(--cobalt);position:absolute;right:19px;bottom:14px;font-size:18px;font-weight:600}
.dx-a4 .dx-a4-dark{background:var(--midnight);color:rgba(255,255,255,.8)}
.dx-a4 .dx-a4-dark .dx-a4-kicker{color:#a9bbff}
.dx-a4 .dx-a4-dark h2,.dx-a4 .dx-a4-dark h3{color:#fff}
.dx-a4 .dx-a4-dark p{color:rgba(255,255,255,.72)}
.dx-a4 .dx-a4-principles{border-top:1px solid rgba(255,255,255,.2)}
.dx-a4 .dx-a4-principles>div{display:grid;gap:5px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.dx-a4 .dx-a4-principles strong{color:#fff;font-size:16px;font-weight:700}
.dx-a4 .dx-a4-principles span{color:rgba(255,255,255,.7);font-size:13.6px;line-height:1.7}
.dx-a4 .dx-a4-role-list{border:1px solid var(--cloud);border-radius:24px;overflow:hidden;background:var(--pearl)}
.dx-a4 .dx-a4-role-list>div{display:grid;grid-template-columns:36px 1fr;gap:0 10px;padding:13px 20px}
.dx-a4 .dx-a4-role-list>div+div{border-top:1px solid var(--cloud)}
.dx-a4 .dx-a4-role-list span{grid-row:span 2;font-size:11px;font-weight:700;color:var(--cobalt);padding-top:3px}
.dx-a4 .dx-a4-role-list strong{color:var(--navy);font-size:15px;font-weight:700}
.dx-a4 .dx-a4-role-list p{font-size:13.3px;line-height:1.65;margin-top:2px}
.dx-a4 .dx-a4-small-note{font-size:12.5px!important;line-height:1.7!important;color:var(--slate);border-left:2px solid var(--cobalt);padding-left:13px;margin-top:15px!important}
.dx-a4 .dx-a4-dark .dx-a4-small-note{color:rgba(255,255,255,.78)}
.dx-a4 .dx-a4-faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:64px;align-items:start}
.dx-a4 .dx-a4-faq-list{border-top:1px solid var(--cloud)}
.dx-a4 .dx-a4-faq-list details{border-bottom:1px solid var(--cloud)}
.dx-a4 .dx-a4-faq-list summary{display:block;position:relative;cursor:pointer;padding:17px 39px 17px 0;font-size:15px;font-weight:700;line-height:1.5;list-style:none;color:var(--ink)}
.dx-a4 .dx-a4-faq-list summary::-webkit-details-marker{display:none}
.dx-a4 .dx-a4-faq-list summary::after{content:'+';position:absolute;right:4px;top:16px;color:var(--cobalt);font-size:24px;font-weight:500}
.dx-a4 .dx-a4-faq-list details[open] summary::after{content:'-'}
.dx-a4 .dx-a4-faq-list details p{padding:0 34px 17px 0;font-size:13.8px;margin:0}
.dx-a4 .dx-a4-dark .dx-a4-faq-list{border-top-color:rgba(255,255,255,.2)}
.dx-a4 .dx-a4-dark .dx-a4-faq-list details{border-bottom-color:rgba(255,255,255,.2)}
.dx-a4 .dx-a4-dark .dx-a4-faq-list summary{color:#fff}
.dx-a4 .dx-a4-dark .dx-a4-faq-list summary::after{color:#a9bbff}
.dx-a4 .dx-a4-hiring-note{background:rgba(49,86,200,.07);border-left:3px solid var(--cobalt);border-radius:10px;padding:13px 16px;margin-top:23px;display:grid;gap:2px;max-width:440px}
.dx-a4 .dx-a4-hiring-note strong{font-size:13px;color:var(--navy)}
.dx-a4 .dx-a4-hiring-note span{font-size:13px;line-height:1.5;color:var(--slate)}
.dx-a4 .dx-a4-openings-card{background:var(--pearl);border:1px solid var(--cloud);border-radius:24px;padding:28px}
.dx-a4 .dx-a4-openings-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt)}
.dx-a4 .dx-a4-openings-card h3{color:var(--navy);font-size:24px;line-height:1.2;margin:8px 0 10px}
.dx-a4 .dx-a4-cards--dark .dx-a4-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.dx-a4 .dx-a4-cards--dark .dx-a4-card h3{color:#fff}
.dx-a4 .dx-a4-cards--dark .dx-a4-number{color:#bac6fc}
.dx-a4 .dx-a4-last{background:var(--pearl);border-top:1px solid var(--cloud);padding:34px 0}
.dx-a4 .dx-a4-last-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center}
.dx-a4 .dx-a4-last h2{font-size:clamp(1.7rem,2.25vw,2.5rem);margin-bottom:7px;max-width:24ch}
.dx-a4 .dx-a4-last p{font-size:14px}
.dx-a4 .dx-a4-last .dx-a4-kicker{font-size:11px;margin-bottom:7px}
.dx-a4 .dx-a4-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:51px;white-space:nowrap;border-radius:14px;padding:12px 19px;background:var(--action);color:#fff;font-size:13px;font-weight:700}
.dx-a4 .dx-a4-button:hover{background:#b81e18;color:#fff;transform:translateY(-2px)}
@media(max-width:1080px){
 .dx-a4 .dx-a4-hero-grid{gap:28px}
 .dx-a4 .dx-a4-cards--four,.dx-a4 .dx-a4-pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dx-a4 .dx-a4-cards--three{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dx-a4 h1{font-size:clamp(2.35rem,4.5vw,3.6rem)}
 .dx-a4 .dx-a4-faq-grid{gap:34px}
}
@media(max-width:760px){
 .dx-a4 .dx-a4-hero{padding:33px 0 30px}
 .dx-a4 .dx-a4-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .dx-a4 h1{font-size:clamp(2.25rem,8.1vw,3.3rem);line-height:1.1;max-width:20ch;margin-bottom:15px}
 .dx-a4 .dx-a4-lead{font-size:15px;line-height:1.75}
 .dx-a4 .dx-a4-inline-facts{margin-top:20px;padding-top:14px;gap:20px}
 .dx-a4 .dx-a4-hero-figure{max-width:none;width:100%;border-radius:22px}
 .dx-a4 .dx-a4-founder-figure{max-width:440px}
 .dx-a4 .dx-a4-founder-figure img{max-height:none}
 .dx-a4 .dx-a4-subnav .container{min-height:56px;gap:0}
 .dx-a4 .dx-a4-subnav a{font-size:12px;padding:8px 11px}
 .dx-a4 .dx-a4-section{padding:42px 0;scroll-margin-top:90px}
 .dx-a4 .dx-a4-section h2{font-size:clamp(1.88rem,7vw,2.7rem);margin-bottom:13px}
 .dx-a4 .dx-a4-split,.dx-a4 .dx-a4-faq-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .dx-a4 .dx-a4-heading-row{display:block;margin-bottom:20px}
 .dx-a4 .dx-a4-heading-row>p{margin-top:11px;max-width:68ch}
 .dx-a4 .dx-a4-cards--three,.dx-a4 .dx-a4-cards--four,.dx-a4 .dx-a4-pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .dx-a4 .dx-a4-card{padding:16px;min-height:0}
 .dx-a4 .dx-a4-card h3{font-size:16px}
 .dx-a4 .dx-a4-card p{font-size:12.7px;line-height:1.65}
 .dx-a4 .dx-a4-pathway-grid a{min-height:190px;padding:16px}
 .dx-a4 .dx-a4-pathway-grid strong{font-size:16px}
 .dx-a4 .dx-a4-pathway-grid small{font-size:12.5px}
 .dx-a4 .dx-a4-last-inner{grid-template-columns:1fr;gap:17px}
 .dx-a4 .dx-a4-last{padding:29px 0}
 .dx-a4 .dx-a4-button{width:fit-content}
}
@media(max-width:440px){
 .dx-a4 .dx-a4-hero-figure figcaption{font-size:10.7px}
 .dx-a4 .dx-a4-cards--three,.dx-a4 .dx-a4-cards--four{grid-template-columns:1fr}
 .dx-a4 .dx-a4-pathway-grid{grid-template-columns:1fr 1fr}
 .dx-a4 .dx-a4-card{min-height:0}
 .dx-a4 .dx-a4-pathway-grid a{min-height:182px}
 .dx-a4 .dx-a4-pathway-grid strong{font-size:14.5px}
 .dx-a4 .dx-a4-pathway-grid small{font-size:11.8px}
 .dx-a4 .dx-a4-pathway-grid b{bottom:9px;right:12px}
 .dx-a4 .dx-a4-chronology{padding:17px 18px}
 .dx-a4 .dx-a4-openings-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){.dx-a4 a{transition:none}}
@media(max-width:350px){
 .dx-a4 .dx-a4-pathway-grid{grid-template-columns:1fr}
 .dx-a4 .dx-a4-pathway-grid a{min-height:0;padding-bottom:38px}
}