:root{--red:#da291c;--red2:#b72018;--ink:#1c2433;--mid:#5c6676;--light:#f5f6f9;--line:#e7e9ee;--glass:rgba(255,255,255,.88);--green:#087b57;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--light);font-family:"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f49e98;outline-offset:3px}a{color:inherit}img{max-width:100%}p{line-height:1.65}.shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:25}.brandbar{padding:29px 27px 21px;border-bottom:1px solid var(--line)}.brand-logo{width:114px;height:53px;object-fit:contain;object-position:left center}.brand-kicker{margin-top:3px;font-size:10px;text-transform:uppercase;letter-spacing:1.65px;font-weight:800;color:#969da8}.side-caption{font-size:10px;color:#9ca5b2;letter-spacing:1.6px;font-weight:900;margin:28px 24px 11px}.menu{padding:0 12px;display:grid;gap:5px}.nav-item{border:0;border-radius:13px;text-align:left;background:transparent;color:#5d6776;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 11px;font-size:12.4px;font-weight:650;transition:.2s}.nav-item:hover{background:#f6f7f9}.nav-item.active{color:var(--red);background:#fff0ee}.nav-icon{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid #e7e8ec;border-radius:9px;font-size:13px;color:#566170;background:white}.active .nav-icon{border-color:#ffd5d0;background:#ffe1dd;color:var(--red)}.nav-item .done-dot{margin-left:auto;color:var(--green);font-size:17px}.sidebar-foot{margin-top:auto;padding:22px 24px 25px;border-top:1px solid var(--line)}.progress-track{width:100%;height:6px;background:#ebedf1;border-radius:10px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--red);width:0;transition:width .3s;border-radius:10px}.sidebar-foot p{display:flex;justify-content:space-between;margin:0 0 13px;font-size:11px;color:#758090}.sidebar-foot strong{color:#242d3e}.main{min-width:0}.topbar{height:78px;background:rgba(255,255,255,.93);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(21px,4vw,60px);gap:12px;position:sticky;top:0;z-index:15;backdrop-filter:blur(16px)}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8892a1;text-transform:uppercase;font-weight:850}.top-right{display:flex;gap:12px;align-items:center}.top-chip{font-size:11px;border-radius:50px;padding:8px 13px;color:#687486;background:#f0f1f4;border:1px solid #e9ebef}.circle-btn{border:1px solid var(--line);border-radius:12px;width:38px;height:38px;background:white;display:grid;place-items:center;color:#687586;font-size:20px}.content{width:min(1190px,100%);padding:clamp(22px,3.8vw,54px) clamp(21px,4vw,60px) 85px;margin:0 auto}.fade{animation:fade .32s ease both}@keyframes fade{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}.micro{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--red);font-weight:900}.hero{position:relative;overflow:hidden;min-height:480px;border-radius:30px;background:linear-gradient(112deg,#fff 0%,#fff 44%,#fee6e2 100%);border:1px solid #f0e2e0;box-shadow:0 14px 40px rgba(55,45,45,.055);display:flex;align-items:center;padding:clamp(26px,5vw,64px)}.hero:after{content:"";position:absolute;right:-110px;top:-65px;width:580px;height:580px;background:var(--red);border-radius:50%;opacity:.1}.hero-content{position:relative;z-index:3;max-width:61%;padding-bottom:10px}.hero h1{font-size:clamp(34px,4.6vw,63px);letter-spacing:-2.8px;line-height:1.08;margin:19px 0 18px;color:#151d2b}.hero h1 em{font-style:normal;color:var(--red)}.hero .lead{max-width:500px;font-size:15px;color:#687384;margin:0 0 28px}.hero-person{position:absolute;z-index:2;height:102%;width:auto;right:3.3%;bottom:-9%;object-fit:contain;object-position:bottom}.hero-person.second{height:83%;right:20%;opacity:0;pointer-events:none}.btn{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--red);color:#fff;padding:14px 20px;font-weight:800;font-size:12px;box-shadow:0 10px 18px rgba(218,41,28,.16);transition:transform .16s,background .16s}.btn:hover{transform:translateY(-2px);background:var(--red2)}.btn.secondary{background:#fff;border:1px solid var(--line);color:#394253;box-shadow:none}.btn.secondary:hover{background:#f8f9fb}.btn:disabled{opacity:.46;cursor:not-allowed;transform:none}.btn.small{padding:10px 13px;font-size:11px}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 40px}.meta{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px 24px;display:flex;align-items:center;gap:16px}.meta-icon{width:46px;height:46px;border-radius:14px;background:#fff0ed;color:var(--red);display:grid;place-items:center;font-size:22px;font-weight:900}.meta strong{display:block;font-size:23px;line-height:1}.meta small{font-size:11px;color:#7b8492;display:block;margin-top:5px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:36px 0 19px;gap:18px}.section-head h2{margin:6px 0 0;font-size:clamp(24px,2.6vw,33px);letter-spacing:-.85px}.section-head p{max-width:470px;margin:0;color:#8b95a3;font-size:12px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-tile{position:relative;border-radius:19px;padding:26px;background:#fff;border:1px solid var(--line);text-align:left;min-height:181px;transition:.2s;display:flex;flex-direction:column;align-items:start;gap:14px}.case-tile:hover{transform:translateY(-4px);border-color:#ffcbc5;box-shadow:0 15px 32px rgba(37,45,56,.08)}.case-tile .tile-num{font-size:11px;font-weight:900;color:#c8cdd5;letter-spacing:2px}.case-tile strong{font-size:17px;max-width:90%;line-height:1.25}.case-tile small{color:#8c95a2;font-size:11px}.case-tile .arrow{position:absolute;right:24px;bottom:25px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#fff0ee;color:var(--red);font-size:17px}.banner{border-radius:23px;overflow:hidden;background:#222a37;min-height:192px;position:relative;color:#fff;padding:36px 43px;display:flex;align-items:center;justify-content:space-between}.banner:after{content:"";background:var(--red);width:230px;height:230px;position:absolute;right:170px;bottom:-180px;border-radius:50%;filter:blur(0)}.banner h2{position:relative;z-index:2;font-size:27px;line-height:1.2;margin:8px 0}.banner p{max-width:625px;color:#cbd0d9;font-size:12px;position:relative;z-index:2}.banner .person{position:absolute;right:44px;height:130%;bottom:-42%;z-index:1}.case-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:24px}.case-heading h1{font-size:clamp(31px,4vw,50px);letter-spacing:-1.7px;line-height:1.12;margin:12px 0}.case-heading p{max-width:730px;font-size:14px;color:#6c7786;margin:0}.count-pill{white-space:nowrap;border-radius:50px;padding:9px 15px;background:#fff;border:1px solid var(--line);font-size:11px;color:#8c96a3;font-weight:750}.case-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:25px 28px}.panel h2{font-size:19px;letter-spacing:-.5px;margin:0 0 9px}.muted{color:#8791a0;font-size:12px}.evidence-list{display:grid;margin-top:17px;gap:0}.evidence-row{display:grid;grid-template-columns:27px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid #f0f1f4}.evidence-row .check{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fff0ee;color:var(--red);font-size:14px;font-weight:900}.evidence-row strong{font-size:13px;display:block}.evidence-row p{color:#7e8997;font-size:11.6px;margin:3px 0 0;line-height:1.45}.takeaway{padding:20px 20px 21px;background:#fff5f3;border:1px solid #faddd8;border-radius:17px}.takeaway .heading{font-size:10px;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.takeaway p{font-size:13px;color:#6b3b34;margin:10px 0 0}.reference{padding:18px 20px;margin-top:15px;border:1px solid #e9ecf1;border-radius:16px;background:#fafbfc;font-size:11px;color:#8a95a1}.reference strong{color:#485262;display:block;margin-bottom:4px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}.photo{overflow:hidden;background:white;border:1px solid var(--line);border-radius:17px;padding:0;text-align:left;display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s}.photo:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(0,0,0,.08)}.photo-preview{width:100%;height:186px;background:#f1f2f5;display:grid;place-items:center;overflow:hidden;position:relative}.photo-preview img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.photo-preview img[src$=".svg"]{padding:5px}.photo-preview:after{content:'⤢';position:absolute;bottom:9px;right:10px;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:20px;color:#454d5c}.photo-label{padding:17px 18px 19px;flex:1}.photo-label strong{display:block;font-size:12.5px;margin-bottom:7px}.photo-label small{display:block;font-size:11px;color:#8892a0;line-height:1.5}.challenge{margin-top:23px;background:#222c3a;color:white;border-radius:20px;padding:25px 28px;position:relative;overflow:hidden}.challenge:after{content:'?';position:absolute;font-size:170px;font-weight:900;color:rgba(255,255,255,.035);right:45px;top:-55px}.challenge h2{font-size:18px;margin:8px 0}.challenge p{color:#e3e7ed;font-size:12px;max-width:780px}.options{display:grid;gap:10px;margin-top:15px;position:relative;z-index:2}.option{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #485364;border-radius:11px;background:#313d4d;color:#fff;padding:12px 14px;font-size:12px}.option:hover{background:#3c485a}.option.chosen{background:#fff;color:#242d3c;border-color:white}.option.correct{border-color:#55bb90;background:#145941;color:white}.option.wrong{border-color:#ed918b;background:#833d39;color:white}.feedback{font-size:12px;border-radius:11px;padding:14px 16px;margin-top:14px;background:#eff8f3;color:#14563d;line-height:1.5}.feedback.bad{background:#fff0ee;color:#833c36}.challenge .feedback{background:#204d40;color:#e5ffed}.challenge .feedback.bad{background:#65413c;color:#fff4ee}.navi-buttons{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:34px;padding-top:21px;border-top:1px solid var(--line)}.info-stripe{display:flex;align-items:start;gap:15px;border:1px solid #e4e7ee;background:#fff;border-radius:18px;padding:20px;margin-top:20px}.info-stripe .dot-icon{flex-shrink:0;background:#fff2ef;border-radius:12px;padding:11px;color:var(--red);font-size:20px}.info-stripe strong{display:block;font-size:13px}.info-stripe p{color:#7e8999;font-size:12px;margin:4px 0 0}.quiz-wrap{display:grid;gap:17px}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px 26px}.quiz-card h3{font-size:14px;margin:10px 0 19px;line-height:1.45}.question-count{font-size:10px;color:var(--red);font-weight:850;letter-spacing:1.4px}.quiz-options{display:grid;gap:9px}.quiz-option{display:flex;gap:12px;align-items:center;min-height:43px;border:1px solid #e8ebf0;border-radius:11px;padding:11px 14px;font-size:12.4px;color:#545e6d;cursor:pointer}.quiz-option:hover{background:#f7f8fa}.quiz-option.selected{background:#fff3f1;border-color:#f6b6b0;color:#aa2118}.quiz-option input{accent-color:var(--red)}.quiz-option.success{border-color:#86cbb0;background:#edfaf3}.quiz-option.failure{border-color:#efa9a3;background:#fff3f1}.quiz-help{font-size:11px;color:#6f7d8c;margin:10px 0 0}.result{border-radius:24px;background:#202b39;color:white;padding:32px;display:flex;gap:22px;align-items:center;justify-content:space-between;margin-bottom:24px}.result strong{font-size:43px}.result h2{font-size:23px;margin:0}.result p{font-size:12px;color:#cbd1dc;margin:5px 0 0}.result.passed{background:#12533b}.result.notpassed{background:#78342e}.resource-head{position:relative;overflow:hidden;background:linear-gradient(110deg,#fce5e1,#fff);padding:30px;border-radius:20px;min-height:210px;display:flex;align-items:center}.resource-head div{max-width:74%;position:relative;z-index:3}.resource-head h2{font-size:25px;margin:0}.resource-head p{font-size:12px;color:#7a6670;line-height:1.7}.resource-head img{position:absolute;height:112%;bottom:-26%;right:0}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bullets{padding-left:21px;color:#667485;font-size:12px;line-height:1.9}.completion{background:#fff;border:1px solid var(--line);border-radius:23px;padding:32px}.completion h1{font-size:32px;letter-spacing:-1px;max-width:570px}.completion .lead{max-width:630px;color:#6d7887;font-size:14px}.completion > img{float:right;width:230px;margin:-65px 10px 0 25px}.pill{display:inline-flex;padding:7px 11px;border-radius:50px;font-size:10px;color:var(--red);background:#fff0ee;font-weight:900;letter-spacing:.7px}.toast{position:fixed;right:26px;bottom:24px;z-index:55;padding:13px 20px;background:#222c3a;color:white;border-radius:11px;box-shadow:0 8px 25px #0003;font-size:12px;display:none;max-width:330px}.toast.show{display:block}.viewer{position:fixed;inset:0;background:rgba(11,18,27,.91);z-index:80;display:none;flex-direction:column;padding:25px;align-items:center;justify-content:center}.viewer.open{display:flex}.viewer-top{display:flex;align-items:center;justify-content:space-between;color:white;width:min(1180px,95vw);margin-bottom:16px;gap:15px}.viewer-top h3{font-size:14px;font-weight:600;margin:0}.viewer-actions{display:flex;gap:8px}.viewer-top button{padding:10px 14px;color:#fff;background:#364251;border:1px solid #667080;border-radius:10px}.viewer-img-wrap{display:grid;place-items:center;width:min(1180px,95vw);max-height:82vh;overflow:auto;border-radius:12px;background:#fff}.viewer img{display:block;max-height:79vh;width:auto;object-fit:contain}.viewer.zoom img{max-height:none;max-width:none;width:160%;height:auto}.viewer figcaption{color:#cbd5e1;text-align:center;font-size:11px;margin-top:12px}.mobile-menu{display:none}
@media(min-width:761px){.hero{min-height:540px}.hero-content{max-width:51%}.hero h1{font-size:clamp(34px,3.5vw,49px);letter-spacing:-1.7px;line-height:1.09}.hero-person{height:89%;right:-6%;bottom:-5%}}@media(max-width:1100px){.shell{grid-template-columns:235px minmax(0,1fr)}.hero-person{right:-6%}.hero-content{max-width:51%}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-101%);transition:transform .2s;box-shadow:15px 0 30px #0002}.shell.menu-open .sidebar{transform:none}.mobile-menu{display:grid}.topbar{padding:0 20px;height:68px}.topbar .eyebrow{font-size:9px;letter-spacing:1px}.top-chip{display:none}.content{padding:19px 17px 72px}.hero{min-height:570px;align-items:flex-start;padding:31px 27px;border-radius:21px}.hero h1{font-size:37px;max-width:450px}.hero-content{max-width:100%}.hero .lead{max-width:440px;font-size:12.5px;padding-right:90px}.hero-person{height:57%;right:-4%;bottom:-10%}.meta-grid{grid-template-columns:repeat(3,1fr);gap:9px}.meta{padding:15px 8px;display:block;text-align:center;border-radius:14px}.meta-icon{margin:0 auto 11px}.meta strong{font-size:20px}.meta small{font-size:10px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-tile{padding:17px;min-height:166px}.case-tile strong{font-size:14px}.case-tile .arrow{right:13px;bottom:13px}.section-head{align-items:start}.section-head p{display:none}.case-layout{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-preview{height:165px}.photo-label{padding:14px}.case-heading{display:block}.count-pill{display:inline-block;margin-bottom:14px}.banner{padding:23px}.banner .person{right:-22px}.banner p{max-width:65%}.banner h2{max-width:70%;font-size:22px}.resource-head div{max-width:79%}.resource-head img{right:-60px;opacity:.75}.grid-two{grid-template-columns:1fr}.result{display:block}.result strong{display:block;margin-top:20px}}
@media(max-width:450px){.gallery{grid-template-columns:1fr}.photo-preview{height:228px}.hero .lead{padding-right:0;max-width:70%}.hero h1{font-size:31px;letter-spacing:-1.4px}.case-grid{grid-template-columns:1fr 1fr}.meta-grid{grid-template-columns:repeat(3,1fr)}.meta-icon{width:35px;height:35px}.meta strong{font-size:17px}.meta small{font-size:9px}.hero-person{height:55%;right:-12%}.panel,.challenge{padding:21px}.case-tile .tile-num{font-size:9px}}


/* SCORM 1.2 — refinements for keyboard access, legibility, mobile and LMS iframes */
:root{color-scheme:light}
body{overflow-x:hidden}
.skip-link{position:absolute;z-index:100;background:#fff;color:#951e16;font-weight:800;padding:12px 17px;left:16px;top:-80px;border-radius:10px;box-shadow:0 6px 22px #0002}
.skip-link:focus{top:12px}
.sidebar-foot .practice-progress{font-size:11px;color:#657284;margin-top:12px;display:block;line-height:1.5}
.menu .nav-item{width:100%}
.nav-item:focus-visible,.btn:focus-visible,.photo:focus-visible,.option:focus-visible,.case-tile:focus-visible,.quiz-option:focus-visible{outline:3px solid #e65b51;outline-offset:3px}
.progress-track{position:relative}
.takeaway p,.evidence-row p,.photo-label small,.muted,.resource-head p{overflow-wrap:anywhere}
.viewer-top button{min-height:42px}
.viewer-img-wrap{overscroll-behavior:contain}
.viewer.zoom .viewer-img-wrap{display:block;max-height:80vh;cursor:zoom-out}
.viewer.zoom img{max-width:none;min-width:100%;width:160%}
@media(max-width:760px){
 .shell.menu-open:after{content:"";position:fixed;inset:0;z-index:20;background:rgba(15,20,28,.45)}
 .sidebar{z-index:30}
 .sidebar-foot{background:#fff}
 .topbar{padding-right:17px}
 .top-right .circle-btn{flex-shrink:0}
 .content{padding-bottom:66px}
 .hero{min-height:530px}
 .banner:after{opacity:.35}
 .gallery{align-items:stretch}
 .viewer{padding:12px}
 .viewer-top{width:100%}
 .viewer-img-wrap{width:100%}
 .viewer.zoom img{width:210%}
}
@media(max-width:450px){
 .hero .lead{max-width:73%;font-size:12.5px}
 .case-tile{min-height:170px}
 .topbar strong{font-size:11px!important}
 .completion>img{max-width:44%;float:right;width:auto;margin:0 0 8px 12px}
 .completion h1{font-size:27px}
 .count-pill{white-space:normal}
 .banner .person{opacity:.55}
 .banner p{max-width:85%;position:relative;z-index:4}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}