/* CDHX: the same editorial chapter system, in its own teal / aqua identity. */
#cdhx{--cdhx-teal:#00817c;--cdhx-aqua:#48c3cb;--cdhx-ink:#071726;background:#fff}
.cdhx-intro{background:linear-gradient(112deg,#071726 10%,#063b44 68%,#00817c 125%);color:#fff;padding:38px var(--gutter) 48px;min-height:710px;display:flex;flex-direction:column}
.cdhx-intro .chapter{color:#b8d6da;border-color:#46717a;margin-bottom:42px}
.cdhx-masthead{display:flex;justify-content:space-between;align-items:center;gap:30px}
.cdhx-masthead img{width:clamp(240px,25vw,390px);height:auto}
.cdhx-masthead>span{font-size:14px;line-height:1.45;text-transform:uppercase;letter-spacing:.05em;text-align:right;color:#c2dde0}
.cdhx-title{font-size:clamp(64px,8.2vw,132px);line-height:.99;letter-spacing:-.06em;margin:70px 0 56px;font-weight:700}
.cdhx-title>span{color:#63d4da}
.cdhx-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:auto}
.cdhx-intro-bottom p{font-size:clamp(22px,2vw,30px);line-height:1.2;letter-spacing:-.02em}
.cdhx-intro-bottom a{font-size:14px;border-bottom:1px solid #7acdd3;padding-bottom:8px;white-space:nowrap}
#cdhx .logo-pair>div+div{background:#071726}
#cdhx .cdhx-palette{min-height:clamp(210px,22vw,360px);overflow:hidden;align-items:stretch}
#cdhx .cdhx-swatch{height:auto;min-width:0;flex:1 1 0;padding:clamp(20px,2.2vw,36px);transition:flex-grow .45s ease,transform .6s ease,opacity .5s ease;transform-origin:bottom}
#cdhx .cdhx-swatch span{font-size:clamp(22px,2.2vw,34px);line-height:1.1;letter-spacing:-.025em}
#cdhx .cdhx-swatch small{font-size:14px;white-space:nowrap;opacity:1}
#cdhx .cdhx-swatch:focus-visible{flex-grow:1.4;outline:2px solid var(--tone-ink);outline-offset:-9px}
#cdhx .cdhx-palette.is-pending>.cdhx-swatch{opacity:0;transform:translateY(36px)}
#cdhx .cdhx-palette.is-entering>.cdhx-swatch{transition-delay:0s,calc(var(--swatch-index) * 70ms),calc(var(--swatch-index) * 70ms)}
.cdhx-jumps{position:sticky;top:78px;z-index:25;display:flex;justify-content:space-between;gap:24px;padding:19px var(--gutter);background:#fffffff5;backdrop-filter:blur(14px);border-block:1px solid #d3e0e1;overflow-x:auto;scrollbar-width:none}
.cdhx-jumps a{font-size:14px;line-height:1.3;white-space:nowrap;padding:5px 0;position:relative;color:#586b70}
.cdhx-jumps a>span{font-size:12px;color:#748b8d;margin-right:10px}
.cdhx-jumps a:after{content:'';position:absolute;inset:auto 0 -8px;height:2px;background:#00817c;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.cdhx-jumps a.is-current{color:#006f6c}
.cdhx-jumps a.is-current:after,.cdhx-jumps a:hover:after{transform:scaleX(1)}
#cdhx a:focus-visible,#cdhx button:focus-visible,#cdhx .media-rail:focus-visible{outline:2px solid #00817c;outline-offset:6px}
.cdhx-intro a:focus-visible{outline-color:#63d4da!important}
.cdhx-story-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end;padding:86px var(--gutter) 44px;scroll-margin-top:140px}
.cdhx-story-heading>.micro{grid-column:1/-1;color:#587174;font-size:12px}
.cdhx-story-heading h3{font-size:clamp(40px,5.8vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.05em}
.cdhx-story-heading h3 em{color:#00817c}
.cdhx-story-heading p{font-size:clamp(18px,1.45vw,23px);line-height:1.4;color:#566970;padding-bottom:4px}
.cdhx-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:0 var(--gutter) 40px;padding:30px 0;border-top:1px solid #cfdddd}
.cdhx-focus .micro{font-size:14px;color:#006e6b;margin-bottom:20px}
.cdhx-focus p{font-size:clamp(18px,1.6vw,24px);line-height:1.35;letter-spacing:-.015em;max-width:29ch}
#cdhx .cdhx-statement{padding-top:28px;padding-bottom:70px}
#cdhx .cdhx-statement p{font-size:clamp(34px,4.5vw,70px);line-height:1.09;letter-spacing:-.04em}
#cdhx .cdhx-scene{margin:0 0 30px}
#cdhx .cdhx-pair{padding-inline:var(--gutter);gap:24px;align-items:start;margin-block:32px 48px}
#cdhx .editorial-media figure{min-width:0;scroll-margin-top:150px}
#cdhx .editorial-media .image-button>img,#cdhx .media-rail .image-button>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto;transition:transform .55s cubic-bezier(.22,.68,0,1)}
#cdhx .editorial-media figcaption,#cdhx .media-rail figcaption{font-size:12px;color:#5a6f75;letter-spacing:.02em;line-height:1.4;gap:16px}
.cdhx-framework{scroll-margin-top:145px;margin:48px var(--gutter) 12px;padding:clamp(30px,4.5vw,72px);color:#fff;background:radial-gradient(ellipse at 4% 8%,#48c3cb26,transparent 56%),linear-gradient(112deg,#006d69 0%,#064b50 58%,#071726 115%);display:grid;grid-template-columns:1fr;gap:44px;overflow:hidden}
.cdhx-framework .micro{font-size:12px;line-height:1.5;color:#e3fbf9;margin-bottom:18px}
.cdhx-framework h4,.cdhx-learning-topics h4,.cdhx-assessments h4{font-size:clamp(27px,3vw,44px);line-height:1.1;letter-spacing:-.035em;font-weight:400}
.cdhx-framework-heading{display:flex;justify-content:space-between;align-items:start;gap:30px}
.cdhx-framework-heading h4{font-size:clamp(28px,3.2vw,46px);max-width:15ch}
.cdhx-framework ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.cdhx-framework li{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:clamp(18px,1.65vw,24px);line-height:1.25;letter-spacing:-.015em}
.cdhx-framework .cdhx-dimension-icon{display:block;width:clamp(140px,16vw,210px);height:auto;aspect-ratio:5/4;max-width:100%;margin-bottom:13px}
.cdhx-framework .cdhx-dimension-label{display:block;color:#fff}
.cdhx-framework-map{max-width:1100px;margin:36px auto 0;padding:0 var(--gutter);scroll-margin-top:145px}
.cdhx-framework-map .image-button{background:#fff}
.cdhx-framework-board{margin:48px 0 38px;scroll-margin-top:145px}
.cdhx-framework-board .image-button{background:#071726}
#cdhx .cdhx-framework-board .image-button:hover>img{transform:none}
.cdhx-carousel{padding:28px 0 24px;margin:10px 0 40px}
.cdhx-carousel .rail-heading{padding-bottom:22px;gap:20px}
.cdhx-carousel .rail-heading .micro{font-size:12px;line-height:1.5;color:#587174}
.cdhx-carousel .media-rail{padding:0 var(--gutter) 14px;gap:22px;scroll-padding-inline:var(--gutter);align-items:start;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none}
.cdhx-carousel .media-rail::-webkit-scrollbar{display:none}
.cdhx-carousel .media-rail figure{flex:0 0 48%;min-width:0;scroll-snap-stop:always}
.cdhx-carousel .media-rail .image-button{height:auto;width:100%;cursor:grab}
.cdhx-carousel .media-rail figcaption{padding:13px 0 0}
.cdhx-carousel .media-rail.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.cdhx-carousel .media-rail.is-dragging,.cdhx-carousel .media-rail.is-dragging *{cursor:grabbing}
.cdhx-programme-carousel .media-rail figure{flex-basis:clamp(300px,29vw,470px)}
.cdhx-programme-carousel .rail-controls button{cursor:pointer}
.cdhx-artwork{position:relative;display:block;container-type:inline-size;width:100%;aspect-ratio:var(--art-ratio);overflow:hidden;text-align:left;line-height:1;background:#071726;color:#fff;transition:transform .55s cubic-bezier(.22,.68,0,1)}
.cdhx-artwork span{display:block}
:is(#cdhx,#lightbox) .cdhx-artwork img{position:absolute;display:block;max-width:none;margin:0;background:none;transform:none;transition:none;object-fit:contain;aspect-ratio:auto}
:is(#cdhx,#lightbox) .cdhx-artwork .cdhx-art-logo{left:8%;top:4.5%;width:52%;height:auto}
.cdhx-art-label{position:absolute;left:8%;top:20%;font-size:clamp(14px,3.2cqw,18px);letter-spacing:.015em}
:is(#cdhx,#lightbox) .cdhx-artwork .cdhx-art-photo{left:0;top:27%;width:100%;height:31%;object-fit:cover;object-position:center 20%}
.cdhx-art-title{position:absolute;top:62%;left:8%;right:7%;font-size:7.7cqw;letter-spacing:-.035em;line-height:1.07;font-weight:400}
.cdhx-art-footer{position:absolute;bottom:5%;left:8%;right:6%;font-size:clamp(14px,3.2cqw,18px);line-height:1.2}
.cdhx-programme-dark{background:radial-gradient(ellipse at 95% 90%,#00817c80,transparent 58%),#071726}
.cdhx-programme-light{background:radial-gradient(ellipse at 90% 86%,#48c3cb66,transparent 52%),#f8fcfc;color:#071726}
.cdhx-programme-teal{background:linear-gradient(135deg,#006d69,#071f2a)}
#lightbox .cdhx-artwork.lightbox-photo{width:min(92vw,calc(80svh * var(--art-ratio)));aspect-ratio:var(--art-ratio);height:auto;line-height:1;margin:auto}
.cdhx-learning-topics{margin:50px var(--gutter);padding:30px 0;display:grid;grid-template-columns:1fr 1.8fr;column-gap:48px;row-gap:22px;border-block:1px solid #cfdddd}
.cdhx-learning-topics>.micro{grid-column:1/-1;font-size:12px;color:#587174}
.cdhx-learning-topics ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 35px}
.cdhx-learning-topics li{font-size:clamp(18px,1.6vw,24px);line-height:1.3;padding-bottom:12px;border-bottom:1px solid #e0e9e9}
.cdhx-assessments{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:58px var(--gutter);background:#eaf3f3}
.cdhx-assessments .micro{font-size:12px;color:#4b6e73;margin-bottom:25px}
.cdhx-assessment-list article{display:flex;gap:24px;padding:24px 0;border-top:1px solid #bed4d5}
.cdhx-assessment-list article:first-child{padding-top:0;border-top:0}
.cdhx-assessment-list article>span{font-size:14px;color:#00817c;padding-top:5px}
.cdhx-assessment-list h5{margin:0 0 12px;font-size:clamp(23px,2.4vw,36px);line-height:1.13;font-weight:400;letter-spacing:-.025em}
.cdhx-assessment-list p{font-size:17px;line-height:1.45;color:#466369;max-width:40ch}
.cdhx-thought-panel{margin:0 var(--gutter) 45px;padding:27px 0 38px;border-block:1px solid #cfdddd}
.cdhx-thought-panel>p{font-size:16px;color:#5d7276;line-height:1.4;margin-bottom:32px}
.cdhx-thought-names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.cdhx-thought-names h4{font-size:clamp(24px,2.8vw,41px);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin-bottom:12px}
.cdhx-thought-names span{font-size:16px;line-height:1.4;color:#547176}
.cdhx-leaders-section{padding:0 var(--gutter) 56px}
.cdhx-leaders-intro{font-size:17px;line-height:1.5;color:#547176;padding:24px 0 42px;border-top:1px solid #cfdddd}
.cdhx-leaders-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;max-width:1060px;margin:0 auto}
.cdhx-leader{min-width:0;text-align:center;scroll-margin-top:150px}
#cdhx .cdhx-leader-portrait{position:relative;display:block;width:min(100%,220px);aspect-ratio:1;height:auto;margin:0 auto 22px;border-radius:50%;background:#eef4f4;overflow:hidden}
#cdhx .cdhx-leader-portrait>img{position:absolute;display:block;width:var(--portrait-width);max-width:none;height:auto;left:var(--portrait-left);top:var(--portrait-top);object-fit:initial;transform:none;transition:none}
.cdhx-leader figcaption{padding-top:16px;border-top:1px solid #b5d9d7}
.cdhx-leader h4{font-size:clamp(21px,2vw,29px);line-height:1.14;letter-spacing:-.035em;font-weight:400;margin:0 0 10px}
.cdhx-leader figcaption p{font-size:16px;line-height:1.45;color:#547176;max-width:26ch;margin:auto}
.cdhx-leader-credits{max-width:1060px;margin:40px auto 0;border-top:1px solid #cfdddd;padding-top:20px;color:#547176}
.cdhx-leader-credits summary{font-size:14px;cursor:pointer;width:fit-content;padding:4px 0}
.cdhx-leader-credits ul{list-style:none;padding:20px 0 0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
.cdhx-leader-credits a{font-size:14px;line-height:1.4;display:block;color:#006d69}
.cdhx-leader-credits a span{display:block;color:#547176;margin-top:3px}
.cdhx-leader-credits a:hover{text-decoration:underline}
@media(max-width:700px){.cdhx-leaders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}.cdhx-leader-credits ul{grid-template-columns:1fr 1fr}.cdhx-leader h4{font-size:22px}.cdhx-leader figcaption p{font-size:14px}.cdhx-leaders-intro{padding-bottom:32px}}
@media(max-width:380px){.cdhx-leader h4{font-size:20px}.cdhx-leaders-grid{gap:30px 16px}}
.cdhx-texture-carousel .media-rail figure{flex-basis:42%}
.cdhx-texture-carousel .media-rail figure:has(img[src$="cdhx-012.webp"]){flex-basis:26%}
.cdhx-outro{display:flex;justify-content:space-between;align-items:end;gap:45px;padding:75px var(--gutter) 25px}
.cdhx-outro p{font-size:clamp(32px,4vw,64px);line-height:1.13;letter-spacing:-.04em}
.cdhx-outro strong{font-weight:400;color:#00817c}
.cdhx-outro>div{flex:0 0 240px;max-width:28%}
.cdhx-outro img{width:240px;height:auto;margin-bottom:24px}
.cdhx-outro a{font-size:14px;border-bottom:1px solid #80a8aa;padding-bottom:7px;display:inline-block}
.cdhx-campaign-carousel .media-rail{gap:24px;align-items:start}
.cdhx-campaign-carousel .media-rail figure{flex:0 0 clamp(280px,30vw,480px)}
.cdhx-campaign-hero,.cdhx-campaign-portrait{isolation:isolate}
:is(#cdhx,#lightbox) .cdhx-artwork .cdhx-campaign-photo{inset:0;width:100%;height:100%;object-fit:cover}
.cdhx-campaign-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071726d9 0%,#07172655 56%,transparent 100%)}
:is(#cdhx,#lightbox) .cdhx-campaign-hero .cdhx-campaign-logo{left:6%;top:8%;width:clamp(135px,23%,370px);max-width:40%;height:auto}
.cdhx-campaign-title{position:absolute;left:6%;right:5%;bottom:18%;font-size:7.1cqw;line-height:1.03;letter-spacing:-.045em;color:#fff}
.cdhx-campaign-footer{position:absolute;left:6%;bottom:7%;font-size:clamp(10px,1.6cqw,24px);line-height:1.2;color:#d6f2f2}
.cdhx-campaign-portrait .cdhx-campaign-shade{background:linear-gradient(180deg,#071726e6 0%,#07172655 44%,#07172622 58%,#071726f5 100%)}
.cdhx-campaign-portrait .cdhx-campaign-title{left:9%;right:7%;top:9%;bottom:auto;font-size:8cqw;line-height:1.08;letter-spacing:-.035em}
:is(#cdhx,#lightbox) .cdhx-campaign-portrait .cdhx-campaign-logo{left:9%;bottom:6.1%;width:53%;height:auto}
.cdhx-product-carousel{scroll-margin-top:145px}
.cdhx-product-carousel .media-rail figure{flex-basis:clamp(330px,41vw,660px)}
#cdhx .cdhx-product-carousel .image-button>img{aspect-ratio:16/9;object-fit:cover}
@media(hover:hover) and (pointer:fine){#cdhx .cdhx-swatch:hover{flex-grow:1.4}#cdhx .image-button:hover>img,#cdhx .image-button:hover>.cdhx-artwork{transform:scale(1.035)}}
@media(max-width:1000px){.cdhx-intro{min-height:620px}.cdhx-title{font-size:clamp(64px,8.4vw,98px)}.cdhx-jumps{justify-content:flex-start;gap:32px}.cdhx-jumps a>span{display:none}.cdhx-story-heading{grid-template-columns:1fr;gap:22px;padding-top:64px;padding-bottom:34px}.cdhx-focus{gap:28px}.cdhx-learning-topics{grid-template-columns:1fr;gap:28px}.cdhx-assessments{grid-template-columns:1fr;gap:36px}.cdhx-carousel .media-rail figure{flex-basis:68%}.cdhx-programme-carousel .media-rail figure,.cdhx-campaign-carousel .media-rail figure{flex-basis:40%}.cdhx-texture-carousel .media-rail figure{flex-basis:65%}.cdhx-texture-carousel .media-rail figure:has(img[src$="cdhx-012.webp"]){flex-basis:40%}}
@media(max-width:600px){.cdhx-intro{min-height:0;padding:30px var(--gutter) 36px}.cdhx-intro .chapter{font-size:11px;margin-bottom:36px}.cdhx-masthead{align-items:start;gap:18px}.cdhx-masthead img{width:205px;max-width:65%}.cdhx-masthead>span{font-size:12px;line-height:1.4}.cdhx-title{font-size:clamp(46px,10.6vw,64px);line-height:1.04;letter-spacing:-.055em;margin:60px 0 42px}.cdhx-intro-bottom{display:block}.cdhx-intro-bottom p{font-size:23px}.cdhx-intro-bottom a{display:inline-block;margin-top:27px}#cdhx .cdhx-palette{display:grid;grid-template-columns:1fr 1fr;min-height:300px}#cdhx .cdhx-swatch{padding:20px;min-height:150px}.cdhx-jumps{padding-block:16px;gap:28px}.cdhx-story-heading{padding-top:58px}.cdhx-story-heading h3{font-size:clamp(36px,8.8vw,53px)}.cdhx-story-heading p{font-size:18px}.cdhx-focus{grid-template-columns:1fr;gap:24px;margin-bottom:20px;padding-bottom:0}.cdhx-focus>div{padding-bottom:23px;border-bottom:1px solid #dce7e7}.cdhx-focus .micro{margin-bottom:12px}.cdhx-focus p{font-size:20px;max-width:none}#cdhx .cdhx-statement{padding-block:40px 48px}#cdhx .cdhx-statement p{font-size:clamp(27px,6.9vw,38px)}#cdhx .cdhx-pair{grid-template-columns:1fr;gap:28px;margin-block:25px 35px}#cdhx .editorial-media figcaption,#cdhx .media-rail figcaption{font-size:12px;letter-spacing:0}#cdhx .media-rail figcaption{flex-wrap:wrap;gap:4px}.cdhx-framework{margin:35px 0 0;padding:32px var(--gutter) 38px;gap:28px}.cdhx-framework-heading{display:block}.cdhx-framework .micro{margin-bottom:18px}.cdhx-framework-heading h4{font-size:32px;max-width:none}.cdhx-framework ol{grid-template-columns:1fr 1fr;gap:28px 16px}.cdhx-framework li{font-size:17px}.cdhx-framework .cdhx-dimension-icon{width:145px;margin-bottom:8px}.cdhx-carousel .rail-heading .micro{font-size:12px;max-width:67%}.cdhx-carousel .media-rail{gap:16px}.cdhx-carousel .media-rail figure{flex-basis:86%}.cdhx-programme-carousel .media-rail figure,.cdhx-campaign-carousel .media-rail figure{flex-basis:82%}.cdhx-texture-carousel .media-rail figure:has(img[src$="cdhx-012.webp"]){flex-basis:65%}.cdhx-learning-topics{margin-block:32px}.cdhx-learning-topics ul{gap:14px 20px}.cdhx-learning-topics li{font-size:18px}.cdhx-assessments{padding-block:40px}.cdhx-assessment-list article{gap:16px}.cdhx-assessment-list h5{font-size:26px}.cdhx-thought-names{grid-template-columns:1fr;gap:25px}.cdhx-thought-names>div+div{border-top:1px solid #dce7e7;padding-top:25px}.cdhx-thought-names h4{font-size:31px;margin-bottom:9px}.cdhx-outro{display:block;padding-top:52px}.cdhx-outro>div{max-width:240px;margin-top:35px}}
@media(prefers-reduced-motion:reduce){#cdhx .cdhx-swatch{transition:none!important;transform:none!important;opacity:1!important}#cdhx .image-button>img,.cdhx-artwork,.cdhx-jumps a:after{transition:none!important;transform:none!important}}

/* Programme photography and curated application rhythm — October 2026. */
:is(#cdhx,#lightbox) .cdhx-programme .cdhx-art-logo{top:3.5%;width:46%;left:8%}
.cdhx-programme .cdhx-art-label{top:17%;font-size:2.7cqw;letter-spacing:.015em}
:is(#cdhx,#lightbox) .cdhx-programme .cdhx-art-photo{top:21%;height:44%;object-position:center center}
.cdhx-programme .cdhx-art-title{top:69%;font-size:7.1cqw;line-height:1.07}
.cdhx-programme .cdhx-art-footer{bottom:4%;font-size:2.7cqw;line-height:1.2}
#cdhx .cdhx-digital-pair .image-button>img{aspect-ratio:16/9;object-fit:cover}
#cdhx-thought-leaders,#cdhx-learning-map{scroll-margin-top:145px}
#cdhx-thought-leaders{margin-top:64px!important}
#cdhx .cdhx-framework-board{margin:48px 0 42px}

#cdhx .cdhx-campaign-mockups .media-rail figure{flex-basis:clamp(380px,55vw,880px)}
#cdhx .cdhx-campaign-mockups .image-button>img{aspect-ratio:16/9;object-fit:cover}
#cdhx .cdhx-photo-pair .image-button>img{aspect-ratio:16/9;object-fit:contain}
@media(max-width:600px){#cdhx .cdhx-campaign-mockups .media-rail figure{flex-basis:90%}}

.cdhx-assessment-note{margin:36px var(--gutter) 58px;padding:22px 0 0;border-top:1px solid #cddddd}
.cdhx-assessment-note h4{font-size:12px;font-weight:400;color:#587174;margin-bottom:24px}
.cdhx-assessment-note>div{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cdhx-assessment-note p{max-width:48ch;font-size:16px;line-height:1.45;color:#587174}
.cdhx-assessment-note strong{display:block;font-size:20px;line-height:1.25;font-weight:400;color:#071726;margin-bottom:10px}
.cdhx-assessment-note span{display:block}
@media(max-width:600px){.cdhx-assessment-note>div{grid-template-columns:1fr;gap:26px}}

/* Compact native framework board, matching the brand presentation scale. */
#cdhx .cdhx-framework-board{width:calc(100% - 2 * var(--gutter));max-width:1240px;margin:40px auto 56px}
@media(max-width:600px){#cdhx .cdhx-framework-board{width:100%;margin:28px auto 36px}}

/* Three native transformation posters, following the Academy carousel rhythm. */
#cdhx .cdhx-focus-carousel{padding-top:0;margin:0 0 42px}
#cdhx .cdhx-focus-carousel .media-rail{gap:24px}
#cdhx .cdhx-focus-carousel .media-rail figure{flex:0 0 35%}
#cdhx .cdhx-focus-carousel .image-button{height:auto;background:transparent}
#cdhx .cdhx-focus-carousel .image-button img{width:100%;height:auto;aspect-ratio:5/7;object-fit:contain}
#cdhx .cdhx-focus-carousel figcaption{font-size:12px;letter-spacing:0;line-height:1.4}
@media(max-width:1000px){#cdhx .cdhx-focus-carousel .media-rail figure{flex-basis:52%}}
@media(max-width:600px){#cdhx .cdhx-focus-carousel{margin-bottom:22px}#cdhx .cdhx-focus-carousel .media-rail{gap:16px}#cdhx .cdhx-focus-carousel .media-rail figure{flex-basis:84%}}

/* Six CDHX course posters, following the Academy integrated-programme format. */
#cdhx #cdhx-learning-map{width:100%;max-width:none;margin:32px 0 48px}
#cdhx-learning-map .cdhx-course-heading{display:block;padding:24px var(--gutter) 30px}
#cdhx-learning-map .cdhx-course-heading .micro{display:block;margin-bottom:20px}
#cdhx-learning-map .cdhx-course-heading h3{font-size:clamp(32px,3.6vw,54px);line-height:1.08;max-width:950px}
#cdhx-learning-map .cdhx-course-carousel{margin:8px 0 0;padding:0}
#cdhx-learning-map .media-rail{gap:24px;align-items:start}
#cdhx-learning-map .media-rail figure{flex:0 0 clamp(300px,29vw,470px)}
#cdhx-learning-map .image-button{height:auto;background:transparent;border-radius:0 9% 0 9%;overflow:hidden}
#cdhx #cdhx-learning-map .image-button>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;transform:none}
#cdhx-learning-map .cdhx-course-gesture{font-size:12px;color:#597276}
#cdhx #cdhx-learning-map figcaption{font-size:13px;line-height:1.4;text-transform:none;letter-spacing:0;padding-top:16px}
#cdhx-learning-map figcaption span:last-child{white-space:nowrap;color:#00817c}
@media(max-width:700px){#cdhx #cdhx-learning-map{margin:24px 0 32px}#cdhx-learning-map .media-rail{gap:16px}#cdhx-learning-map .media-rail figure{flex-basis:82%}#cdhx-learning-map .cdhx-course-heading{padding-top:12px}#cdhx-learning-map .cdhx-course-heading h3{font-size:clamp(30px,7.6vw,44px)}}