/* Claraxis v2 theme layer for pages built on the original template. Load after site.min.css. */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/newsreader-400-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/newsreader-400-italic.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/newsreader-500-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/plex-sans-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/plex-sans-500.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/plex-sans-600.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/plex-mono-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/plex-mono-500.woff2") format("woff2")}
:root{--cx-display:"Newsreader",Georgia,serif;--cx-sans:"IBM Plex Sans",system-ui,sans-serif;--cx-mono:"IBM Plex Mono",ui-monospace,monospace}
:root{--navy:#060b14;--navy-2:#0a1320;--navy-3:#0e1a2b;--line:#ffffff17;--text-muted:#a9b6c6}
html,body{background:#060b14!important}
::selection{background:#5eead44d}
.cx-wrap{max-width:1160px;margin:0 auto;padding:0 clamp(16px,3.6vw,40px)}
.cx-header{position:sticky!important;top:0;z-index:60!important;background:#070f1df2!important;border-bottom:1px solid #ffffff14!important;backdrop-filter:saturate(140%) blur(10px);padding:0!important}
.cx-header .nav-toggle{all:unset;box-sizing:border-box;display:none;width:44px;height:44px;border:1px solid #ffffff2e;border-radius:2px;cursor:pointer;position:relative}
.cx-dd:hover .cx-dd-menu{display:flex}
.cx-menu a{border:0}
/* site header (matches claraxisgroup.com) */
.cx-header{position:sticky;top:0;z-index:30;background:#070f1df2;backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid #ffffff14}
.cx-in{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1320px;margin:0 auto;padding:0 clamp(16px,3vw,40px);min-height:72px}
.cx-brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;flex:0 0 auto}
.cx-brand .cx-bm{width:46px;height:32px}
.cx-word{font:500 16px var(--cx-sans);letter-spacing:.4em;color:#fff}
.cx-word b{color:#c8a24b;font-weight:500}
.cx-menu{display:flex;align-items:center;gap:clamp(14px,1.7vw,34px);font:500 14.5px var(--cx-sans)}
.cx-menu a{text-decoration:none;color:#d3dae3;white-space:nowrap;padding:8px 0;transition:color .2s}
.cx-menu a:hover{color:#fff}
.cx-menu .cx-phone{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:600}
.cx-menu .cx-phone svg{width:16px;height:16px;color:#c8a24b}
.cx-menu .cx-cta{background:#c8a24b;color:#0a1220;font-weight:600;padding:13px 22px;border-radius:2px;transition:background .2s}
.cx-menu .cx-cta:hover{background:#d9b866;color:#0a1220}
.cx-header .nav-toggle{display:none;background:none;border:1px solid #ffffff2e;border-radius:2px;width:44px;height:44px;cursor:pointer;position:relative}
.cx-header .nav-toggle span{position:absolute;left:12px;right:12px;height:1.5px;background:#fff;transition:transform .3s}
.cx-header .nav-toggle span:first-child{top:17px}.cx-header .nav-toggle span:last-child{top:25px}
.cx-header .nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.cx-header .nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:1300px){
  .cx-header .nav-toggle{display:block}
  .cx-menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#070f1d;border-bottom:1px solid #ffffff1a;padding:8px clamp(16px,4vw,40px) 20px}
  .cx-menu.open{display:flex}
  .cx-menu a{padding:14px 0;border-bottom:1px solid #ffffff12}
  .cx-menu .cx-cta{margin-top:14px;text-align:center;border-bottom:0}
}
/* ---------- site-wide story layer ---------- */
.cx-menu .cx-dd{position:relative}
.cx-menu .cx-dd>button{background:none;border:0;cursor:pointer;font:inherit;color:#d3dae3;padding:8px 0;display:inline-flex;align-items:center;gap:6px}
.cx-menu .cx-dd>button:hover{color:#fff}
.cx-menu .cx-dd>button svg{width:10px;height:10px;transition:transform .2s}
.cx-menu .cx-dd.open>button svg{transform:rotate(180deg)}
.cx-dd-menu{position:absolute;left:-18px;top:calc(100% + 10px);min-width:270px;padding:10px;border-radius:12px;background:#0b1422f7;border:1px solid #ffffff1f;box-shadow:0 24px 50px -16px #000;display:none;flex-direction:column}
.cx-dd.open .cx-dd-menu,.cx-dd:focus-within .cx-dd-menu{display:flex}
.cx-dd-menu a{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:12px;border-radius:8px;white-space:normal!important}
.cx-dd-menu a:hover{background:#ffffff0d}
.cx-dd-menu a i{grid-row:span 2;width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--c);box-shadow:0 0 10px var(--c)}
.cx-dd-menu a b{font:600 14.5px var(--cx-sans);color:#fff}
.cx-dd-menu a span{font:400 13px/1.4 var(--cx-sans);color:#9fb0c3}

@media (max-width:1300px){.cx-dd-menu{position:static;display:flex;background:none;border:0;box-shadow:none;padding:0 0 6px;min-width:0}.cx-menu .cx-dd>button{display:none}.cx-dd-menu a{padding:12px 0;border-bottom:1px solid #ffffff12;border-radius:0}}

.cx-story{position:sticky;top:72px;z-index:25;background:#060b14eb;backdrop-filter:blur(8px);border-bottom:1px solid #ffffff12}
.cx-story ol{display:flex;gap:0;list-style:none;margin:0 auto;padding:0 clamp(16px,3vw,40px);max-width:1320px;overflow-x:auto;scrollbar-width:none}
.cx-story ol::-webkit-scrollbar{display:none}
.cx-story li{flex:1 0 auto}
.cx-story a{display:flex;align-items:center;gap:10px;padding:11px 16px 11px 0;margin-right:16px;text-decoration:none;font:500 11px var(--cx-mono);letter-spacing:.12em;text-transform:uppercase;color:#6f8196;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s}
.cx-story a:hover{color:#cfd8e2}
.cx-story a i{font-style:normal;color:#4b5b6e}
.cx-story a.done{color:#9fb0c3}
.cx-story a.cur{color:#fff;border-bottom-color:#c8a24b}
.cx-story a.cur i{color:#c8a24b}
@media (max-width:1300px){.cx-story{top:72px}}

/* footer */
.cx-foot{border-top:1px solid #ffffff12;background:#04080e;padding:48px 0 28px}
.cx-foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px}
.cx-foot-grid p{font:400 14px/1.6 var(--cx-sans);color:#8fa0b4;margin:14px 0 0;max-width:280px}
.cx-foot-grid h4{font:500 11px var(--cx-mono);letter-spacing:.16em;text-transform:uppercase;color:#c8a24b;margin:0 0 12px}
.cx-foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cx-foot-grid a{color:#b8c4d2;text-decoration:none;font:400 14px var(--cx-sans);display:inline-block;padding:4px 0}
.cx-foot-grid a:hover{color:#fff}
.cx-foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid #ffffff12;font:400 13px var(--cx-sans);color:#6f8196}
@media (max-width:900px){.cx-foot-grid{grid-template-columns:1fr 1fr}}



@media (max-width:1300px){.cx-header .nav-toggle{display:block}}
.cx-story{top:72px}
.cx-foot{margin-top:0}
/* assessment pages: map their hard-coded navy to the v2 palette */
:root{--ink:#060b14;--panel:#0b1523;--line2:#ffffff24}
[style*="#0C1A2E" i],[style*="#0A1628" i],[style*="#07111F" i]{background-color:#060b14!important}
[style*="background: #13233B" i],[style*="background:#13233B" i]{background-color:#0b1523!important}
[style*="background: #182B47" i],[style*="background:#182B47" i]{background-color:#0e1a2b!important}
[style*="background: #22344F" i]{background-color:#1a2638!important}
[style*="border: 1px solid #2A3B57" i],[style*="border:1px solid #2A3B57" i],[style*="border-top: 1px solid #2A3B57" i],[style*="border-bottom: 1px solid #2A3B57" i]{border-color:#ffffff1f!important}
[style*="background: #C9A85C" i]{background-color:#c8a24b!important}
/* light "paper" reading sections from the original template → v2 dark reading surface */
.paper{background:#070d17!important;color:#dbe3ec!important;border-top:1px solid #ffffff12}
.paper :is(p,li,b,strong,em,span,td,th,blockquote,figcaption,dd,dt,label){color:inherit}
.paper :is(h1,h2,h3,h4){color:#eef3f8!important}
.paper .art-lead{color:#eef3f8!important}
.paper :is(.ops-k,.hp-textlink,.hp-textlink span,.art-list li::marker){color:#5eead4!important}
.paper blockquote{border-left-color:#5eead4!important;color:#eef3f8!important}
.paper :is(.art-cta,aside,.card,.panel){background:#0b1523!important;border:1px solid #ffffff1f!important;color:#dbe3ec!important}
.paper a:not(.btn){color:#5eead4}
.paper .btn{background:#c8a24b!important;color:#0a1220!important;border-color:#c8a24b!important}
.paper hr,.paper :is(table,td,th){border-color:#ffffff1f!important}
/* light "flip" sections and paper cards on FDA Watch, water hub, Water Audit and Coughlan → v2 dark */
.section.flip,.wv2-card,.wv2-check,.fi2-latest,.ck2-memo,.ck2-act,.wa-mock-paper,.wa-mock-card,.wa-anat-paper,.ba{--navy:#eef3f8;--navy-2:#c7d1dc;--navy-3:#dbe3ec;color:#dbe3ec!important}
.section.flip{background:#09121e!important;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.wv2-card,.wv2-check,.fi2-latest,.ck2-memo,.wa-mock-paper,.wa-mock-card,.wa-anat-paper{background:linear-gradient(180deg,#0d1828,#0a1320)!important;border:1px solid #ffffff1f!important;box-shadow:0 20px 50px -24px #000!important}
.ck2-act{background:#0f1d30!important;border:1px solid #5eead433!important}
.ba{background:#0b1523!important}
:is(.section.flip,.wv2-card,.wv2-check,.fi2-latest,.ck2-memo,.ck2-act,.wa-mock-paper,.wa-mock-card,.wa-anat-paper) :is(h1,h2,h3,h4,h5,strong,b){color:#eef3f8}
:is(.section.flip,.wv2-card,.wv2-check,.fi2-latest,.ck2-memo,.ck2-act,.wa-mock-paper,.wa-mock-card,.wa-anat-paper) :where(p,li,small,td,th,dd,dt,label,figcaption,span){color:inherit}
:is(.section.flip,.wv2-card,.wv2-check,.fi2-latest,.ck2-memo,.wa-mock-paper,.wa-mock-card,.wa-anat-paper) :is(hr,li,tr,td,th){border-color:#ffffff1a!important}
:is(.section.flip,.wv2-check,.ck2-memo) :is(.btn,button[type=submit]){background:#c8a24b!important;color:#0a1220!important;border-color:#c8a24b!important}
input[type=range]{accent-color:#5eead4;background:transparent!important}
/* text inside converted cards: beat the original hard-coded dark text colors */
:is(.section.flip,.wv2-card,.wv2-check,.fi2-latest,.ck2-memo,.ck2-act,.wa-mock-paper,.wa-mock-card,.wa-anat-paper,.ba,.wv2-items) :is(p,li,small,td,th,dd,dt,label,figcaption,ol,ul){color:#c7d1dc}
:is(.section.flip,.wv2-card,.wv2-check,.fi2-latest,.ck2-memo,.ck2-act,.wa-mock-paper,.wa-mock-card,.wa-anat-paper,.ba) :is(h1,h2,h3,h4) :is(em,i){color:#5eead4}
.wv2-seg{background:#ffffff0d!important;border-color:#ffffff24!important}
.wv2-seg button{color:#c7d1dc!important}
.wv2-seg button:is([aria-pressed="true"],[aria-checked="true"],.on,.is-on,.active,.sel,.selected){background:#5eead4!important;color:#06121a!important}
.section.flip :is(h1,h2,h3,h4) :is(em,i){color:#5eead4!important}
.wv2-card p,.wv2-loop p{color:#c7d1dc!important}