:root{--plum:#774a62;--peach:#fbd2c9;--navy:#313e61;--blue:#81abbc;--light:#f0f0f0;--ink:#191919;--gray:#3e3e3e;--white:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;line-height:1.65}
a{color:inherit}a:focus-visible{outline:3px solid var(--plum);outline-offset:4px;border-radius:2px}
.container{max-width:1180px;width:calc(100% - 64px);margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid #e8e8e8}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:94px}
.brand{display:flex;align-items:center;gap:17px}
.brand img{display:block;width:148px;height:76px;object-fit:contain}
.brand-subtitle{padding-left:15px;border-left:2px solid var(--blue);text-transform:uppercase;font-size:12px;font-weight:800;color:var(--navy);letter-spacing:1.4px;line-height:1.5}
.backlink{font-size:13px;font-weight:650;text-decoration:none;color:var(--navy)}
.backlink:hover{text-decoration:underline;text-underline-offset:5px}
.hero{background:linear-gradient(114deg,#faf7f9 0%,#fff 55%,#f0f5f7 100%);border-bottom:1px solid #f0edf0}
.hero-inner{padding:98px 0 96px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(280px,.9fr);gap:72px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--plum);font-weight:800}
h1{font-size:clamp(42px,5vw,73px);font-weight:780;letter-spacing:-.055em;line-height:1.11;color:var(--navy);margin:17px 0 24px}
h1 em{font-style:normal;color:var(--plum)}
.lead{font-size:17px;line-height:1.83;max-width:620px;color:#444;margin:0}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}
.pills span{border-radius:100px;background:#fff;border:1px solid #e8dee4;padding:6px 12px;font-size:12px;color:var(--navy);font-weight:650}
.concept-graphic{position:relative;isolation:isolate;padding:27px 8px;min-height:345px;display:flex;align-items:center}
.concept-graphic::before{position:absolute;content:"";inset:0 0 auto auto;background:#fbd2c95a;border-radius:50%;width:290px;height:290px;z-index:-1}
.concept-graphic::after{position:absolute;content:"";bottom:0;left:0;width:190px;height:190px;border-radius:50%;background:#81abbc50;z-index:-1}
.graphic-panel{width:100%;background:#fff;border:1px solid #e6e2e5;border-radius:20px;padding:29px 31px;box-shadow:0 28px 70px #313e611c}
.graphic-title{font-size:12px;color:var(--plum);font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:22px}
.graphic-step{display:flex;align-items:center;gap:14px;color:var(--navy);font-size:15px}
.graphic-step>span{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--light);font-size:12px;color:var(--navy);font-weight:800}
.graphic-step:nth-of-type(3)>span{background:var(--peach)}
.graphic-connector{width:2px;height:18px;margin:3px 0 3px 19px;background:#d9d9e2}
.graphic-note{margin:23px 0 0;padding-top:16px;border-top:1px solid #eee;color:#666;font-size:12px}
.section{padding:76px 0}
.section-heading{max-width:765px;margin-bottom:28px}
.section-heading.center{text-align:center;margin:0 auto 34px}
.section-heading p{color:#555;font-size:15px;line-height:1.8;margin:0}
h2{font-size:clamp(29px,3vw,38px);line-height:1.23;color:var(--navy);letter-spacing:-.037em;margin:10px 0 13px}
h3{font-size:19px;line-height:1.3;color:var(--navy);margin:14px 0 12px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature{padding:29px 27px;min-height:224px;background:#fff;border:1px solid #e8e8e8;border-radius:16px}
.counter{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--plum)}
.feature p{font-size:14px;line-height:1.75;color:#555;margin:0}
.who-section{background:#f8f8f8}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.info-card{background:#fff;border-radius:16px;border:1px solid #e8e8e8;border-top:4px solid var(--blue);padding:34px 33px}
.info-card.limitation{border-top-color:var(--plum)}
.info-card h2{font-size:25px;margin:0 0 14px}
.info-card p{font-size:15px;color:#555;line-height:1.8;margin:0}
.modules .section-heading{margin-bottom:30px}
.module-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:24px;align-items:center;border:1px solid #e1d8df;padding:30px;border-radius:18px;background:#fff;box-shadow:0 12px 36px #313e6109}
.module-icon{width:84px;height:84px;display:grid;place-items:center;background:#f3e8ef;border-radius:18px;color:var(--plum)}
.module-icon svg{width:47px;height:47px}
.status{font-size:11px;color:var(--plum);font-weight:800;text-transform:uppercase;letter-spacing:1px}
.module-copy h3{font-size:24px;margin:6px 0}
.module-copy p{font-size:14px;max-width:610px;color:#555;line-height:1.7;margin:0 0 8px}
.meta{font-size:12px;color:#777}
.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#fff;background:var(--plum);font-size:13px;font-weight:750;text-decoration:none;border-radius:10px;padding:13px 17px;white-space:nowrap}
.primary-link:hover{background:#623b50}
.future{background:#f6f7f8;padding:19px 24px;border-radius:12px;font-size:14px;color:#555;margin:17px 0 0}
.future strong{color:var(--navy)}
.credibility{background:#edf3f5;border-top:1px solid #e0e9ed;padding:35px 0}
.credibility strong{color:var(--navy);font-size:15px}
.credibility p{font-size:13px;color:#555;line-height:1.75;max-width:880px;margin:8px 0 0}
.site-footer{border-top:1px solid #eee;padding:32px 0 40px}
.footer-inner{display:flex;gap:18px;justify-content:space-between;align-items:center;font-size:12px;color:#666}
.footer-inner a{text-decoration:none;color:var(--plum);font-weight:700}
.footer-inner a:hover{text-decoration:underline}
.footer-validation{margin-top:17px;font-size:12px;color:#666;line-height:1.6}
.footer-validation p{margin:0}
.footer-validation strong{color:#313e61}

@media(max-width:950px){.hero-inner{gap:30px;grid-template-columns:1fr;padding:65px 0}.concept-graphic{max-width:480px;min-height:auto}.module-card{grid-template-columns:90px minmax(0,1fr)}.module-card .primary-link{grid-column:2;justify-self:start}}
@media(max-width:680px){.container{width:calc(100% - 34px)}.header-inner{min-height:82px}.brand{gap:10px}.brand img{width:118px;height:65px}.brand-subtitle{font-size:10px;padding-left:10px;letter-spacing:.7px}.backlink{font-size:11px}.hero-inner{padding:58px 0 55px}.lead{font-size:15px}.section{padding:56px 0}.features,.split{grid-template-columns:1fr}.feature{min-height:0}.info-card{padding:25px}.module-card{display:block;padding:24px}.module-icon{width:67px;height:67px;margin-bottom:13px}.module-icon svg{width:37px;height:37px}.module-card .primary-link{margin-top:20px}.footer-inner{flex-direction:column;align-items:start;gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Webett Academy: editorial revision based on clinical review, Oct 2026 */
.header-status{font-size:12px;color:#313e61;font-weight:650}
.hero{background:linear-gradient(110deg,#fff 0%,#fff 52%,#f5f5f7 100%)}
.hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:42px;padding-top:68px;padding-bottom:64px}
.hero h1{font-size:clamp(50px,5.65vw,86px);letter-spacing:-.055em;line-height:1.12;font-style:normal;font-weight:780;max-width:100%}
.hero h1 span,.hero h1 em{display:block;white-space:nowrap}
.hero h1 em{font-style:normal;color:#774a62}
.hero .lead{max-width:660px;font-size:16px;line-height:1.79}
.concept-graphic{max-width:550px;min-height:390px;padding:30px 18px 34px}
.concept-graphic::before{inset:-16% -12% auto auto;width:127%;height:130%;background:url("webett-pattern.svg") center/contain no-repeat;opacity:.56;border-radius:0;pointer-events:none}
.concept-graphic::after{display:none}
.graphic-panel{position:relative;z-index:1;background:rgba(255,255,255,.97);border:1px solid #e9e4e7;box-shadow:0 22px 62px #313e6118}
.section.brief .section-heading{margin-bottom:29px}
.feature{min-height:176px}
.module-copy .learning-goals{margin-top:10px;color:#313e61}
.learning-goals strong{font-weight:750}
.module-references{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:14px}
.module-references a{font-size:12px;color:#774a62;text-underline-offset:3px;font-weight:650}
.module-references a:hover{text-decoration-thickness:2px}
.governance{position:relative;background:#f8f8f8;overflow:hidden;border-top:1px solid #eee}
.governance::before{content:"";position:absolute;right:-80px;bottom:-160px;width:390px;height:390px;background:url("webett-pattern.svg") center/contain no-repeat;opacity:.12;pointer-events:none}
.governance-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:45px;align-items:start}
.governance-grid>div:first-child p{color:#454545;max-width:650px;font-size:14px;line-height:1.85;margin:13px 0 0}
.governance-grid>div:first-child a{color:#774a62;text-decoration:underline;text-underline-offset:3px}
.report-card{background:#fff;border:1px solid #ddd6dc;border-top:4px solid #774a62;border-radius:15px;padding:27px}
.report-card h3{margin:0 0 12px}
.report-card p{margin:0 0 16px;color:#4a4a4a;line-height:1.75;font-size:14px}
.report-card .privacy-note{font-size:12px;color:#555;margin:12px 0 0}
.report-link{display:inline-flex;align-items:center;text-decoration:none;color:#774a62;font-size:14px;font-weight:750;border-bottom:1px solid #774a62;padding:4px 0}
.report-link:hover{color:#313e61}
.footer-links{display:flex;flex-wrap:wrap;gap:9px 17px}
.site-footer .footer-inner{align-items:flex-start}
@media(max-width:950px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(270px,.78fr);gap:22px}.concept-graphic{min-height:340px;padding:24px 9px}.graphic-panel{padding:24px 21px}.governance-grid{gap:22px}}
@media(max-width:770px){.hero-inner{grid-template-columns:1fr;gap:20px;padding-top:50px;padding-bottom:45px}.concept-graphic{max-width:540px;min-height:0;margin:0 auto;width:100%;padding:28px 22px}.governance-grid{grid-template-columns:1fr}.header-status{display:none}}
@media(max-width:680px){.hero h1{font-size:clamp(30px,8.7vw,49px)}.hero .lead{font-size:15px}.concept-graphic{padding:24px 13px;max-width:100%;width:100%}.concept-graphic::before{opacity:.36}.graphic-panel{padding:24px 18px}.graphic-step{font-size:14px}.features .feature{min-height:0}.governance::before{opacity:.08}.report-card{padding:22px}}

/* Sticky cross-module navigation. No JavaScript or extra data loading. */
html{scroll-padding-top:82px}
.academy-menu{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);border-bottom:1px solid #e7e0e5;box-shadow:0 3px 14px rgba(49,62,97,.045)}
.academy-menu-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.academy-menu-name{color:#313e61;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.academy-menu-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.academy-menu-links a{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;min-height:38px;border-radius:9px;color:#313e61;text-decoration:none;font-size:13px;font-weight:700}
.academy-menu-links a:hover{background:#f0f0f0}
.academy-menu-links .academy-menu-featured{background:#774a62;color:white;gap:5px}
.academy-menu-links .academy-menu-featured:hover{background:#60384d}
#moduly{scroll-margin-top:64px}
@media(max-width:680px){
  .academy-menu-inner{min-height:55px;gap:8px}
  .academy-menu-name{font-size:12px}
  .academy-menu-links{gap:3px}
  .academy-menu-links a{padding:8px 9px;font-size:12px}
}
@media(max-width:390px){.academy-menu-name{display:none}.academy-menu-inner{justify-content:center}}

/* Unified Webett brand/navigation bar – replaces two stacked headers. */
.academy-menu-inner{min-height:84px}
.academy-menu-brand{display:inline-flex;align-items:center;gap:16px;min-width:0;color:#313e61;text-decoration:none}
.academy-menu-brand img{display:block;width:140px;height:70px;object-fit:contain;flex:none}
.academy-menu-brand .brand-subtitle{font-size:12px;letter-spacing:1.3px;line-height:1.45;border-left:2px solid #81abbc;padding-left:15px;text-transform:uppercase}
.academy-menu-brand:hover .brand-subtitle{color:#774a62}
.academy-menu-brand:focus-visible{outline-offset:3px}
@media(max-width:760px){
  .academy-menu-brand{gap:9px}
  .academy-menu-brand img{width:112px;height:60px}
  .academy-menu-brand .brand-subtitle{font-size:10px;letter-spacing:.8px;padding-left:10px}
}
@media(max-width:640px){
  .academy-menu-inner{min-height:0;flex-direction:column;align-items:stretch;gap:3px;padding:7px 0 8px}
  .academy-menu-brand{justify-content:center}
  .academy-menu-brand img{width:102px;height:46px}
  .academy-menu-links{justify-content:center}
  .academy-menu-links a{min-height:34px}
  html{scroll-padding-top:120px}
  #moduly{scroll-margin-top:110px}
}


/* Shared Webett Academy masthead v1 – preserve original Webett brand kit. */
.academyModuleDropdown{position:relative;flex:none}
.academyModuleDropdown summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;list-style:none;cursor:pointer;border:1px solid #81abbc;background:#fff;border-radius:9px;padding:8px 13px;min-height:38px;color:#313e61;font-size:13px;font-weight:700}
.academyModuleDropdown summary::-webkit-details-marker{display:none}
.academyModuleDropdown summary::after{content:"⌄";color:#774a62;font-size:17px;line-height:1}
.academyModuleDropdown[open] summary{background:#f0f0f0}
.academyModuleDropdown summary:focus-visible{outline:3px solid #774a62;outline-offset:3px}
.academyModuleItems{position:absolute;right:0;top:calc(100% + 8px);min-width:205px;padding:7px;border:1px solid #e7e0e5;border-radius:12px;background:white;box-shadow:0 12px 35px #313e6126;z-index:100;display:grid;gap:2px}
.academyModuleItems a,.academyModuleItems span{display:block;padding:10px 11px;border-radius:8px;font-size:13px;font-weight:650;color:#313e61;text-decoration:none;white-space:nowrap}
.academyModuleItems a:hover{background:#f0f0f0}
.academyModuleItems [aria-current="page"]{background:#fbd2c9;color:#313e61}
.academyModuleItems .unavailable{color:#73717a;font-weight:450}
@media(max-width:640px){.academyModuleItems{right:0;min-width:190px}.academyModuleDropdown summary{min-height:34px;padding:7px 10px;font-size:12px}}


/* Webett Academy header refinement: one clear menu, properly centered chevron. */
.academyModuleDropdown summary{display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.25;white-space:nowrap}
.academyModuleDropdown summary::after{content:"";display:block;width:7px;height:7px;flex:0 0 7px;border-right:2px solid #774a62;border-bottom:2px solid #774a62;transform:translateY(-2px) rotate(45deg)}
.academyModuleDropdown[open] summary::after{transform:translateY(2px) rotate(225deg)}

/* Two equal module cards on desktop, stacked on narrow screens. */
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px}
.module-grid .module-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;min-width:0}
.module-grid .module-icon{width:65px;height:65px;flex:0 0 65px}
.module-grid .module-icon svg{width:38px;height:38px}
.module-grid .module-copy{flex:1}
.module-grid .module-copy h3{font-size:23px}
.module-grid .primary-link{margin-top:auto}
@media(max-width:740px){.module-grid{grid-template-columns:1fr}.module-grid .module-card{padding:24px}}

/* Standalone map navigation – shared Webett Academy look */
.academyMapButton{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:9px;background:#774a62!important;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:750;line-height:1.25;white-space:nowrap}
.academyMapButton:hover{background:#613b50!important;color:#fff!important}
.academyMapButton:focus-visible{outline:3px solid #81abbc;outline-offset:3px}
@media(max-width:640px){.academyMapButton{min-height:34px;padding:7px 10px;font-size:12px}}