:root{color:#172f45;background:#f7f9fc;font-size:18px}main{max-width:1120px;padding:36px}h1,h2,h3{letter-spacing:-.035em}h2{font-size:1.4rem}p{color:#4a6071}aside{background:#142c43}nav a{border-radius:14px;font-size:.94rem;padding:12px 14px}nav a.active{background:#274960;border-left:3px solid #e4be70}header{padding:18px 36px;background:#f7f9fc}.welcome{position:relative;padding:38px;border:1px solid #dbe8e8;border-radius:28px;background:linear-gradient(120deg,#e8f4f1,#eef2fc);overflow:hidden}.welcome h1{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.12;margin:16px 0;color:#142c43;position:relative;z-index:1}.welcome p{margin-bottom:0;position:relative;z-index:1}.welcome-sun{position:absolute;right:40px;top:45px;color:#d3a343;font-size:8rem;opacity:.3;line-height:1}.eyebrow{color:#326c73;font-size:.7rem;letter-spacing:.12em}.grid{gap:18px}.grid>.card,.grid>.card:nth-child(odd){background:#fff;border:1px solid #dce5ec;color:#172f45;box-shadow:0 3px 14px #152e4405;text-decoration:none;padding:25px;border-radius:22px}.grid>.card h3,.grid>.card:nth-child(odd) h3{color:#172f45;font-size:1.12rem}.grid>.card p,.grid>.card:nth-child(odd) p{color:#4a6071;margin-bottom:0}.grid>.card .icon,.grid>.card:nth-child(odd) .icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#edf4f5;color:#23636b;font-size:1.7rem;margin-bottom:18px}.grid>.card:hover,.grid>.card:nth-child(odd):hover{background:#f4f9fa;border-color:#88adb5}.start-grid>.card:nth-child(1){background:#fff5e4}.start-grid>.card:nth-child(2){background:#eaf5f1}.start-grid>.card:nth-child(3){background:#eff0fc}.card-cta{display:block;margin-top:22px;font-size:.85rem;font-weight:700;color:#244f62}.buddy-card{display:flex;align-items:center;gap:18px;padding:22px 25px;margin-top:24px;background:#142c43;color:white;border-radius:22px}.buddy-card h2{font-size:1rem;margin:0 0 6px;color:#efce8b}.buddy-card p{color:#eff5f8;margin:0;font-size:.9rem}.buddy-card button{margin-left:auto;background:transparent;color:#fff;border-color:#7690a4}.buddy-face{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border:2px solid #e6c579;border-radius:17px;color:#e6c579;font-size:2rem}.buddy-card[hidden]{display:none}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.game-card{padding:26px;border-radius:24px;overflow:hidden}.game-art{display:flex;justify-content:center;gap:16px;align-items:center;min-height:160px;margin:-26px -26px 26px;background:#eaf5ee;font-size:3rem}.journey-art{background:#eef0fc}.game-card h2{margin:12px 0}.game-card .linkbutton{display:block;text-align:center;font-weight:650}.linkbutton,.primary{background:#225d68;border-radius:14px;padding:14px 20px}.note{background:#edf2f7;border-radius:16px;font-size:.83rem;line-height:1.65}button:focus-visible,a:focus-visible{outline:3px solid #a87921;outline-offset:4px}.sectionhead{margin-top:30px}.card{border-radius:22px}footer{margin-top:24px;border-top:1px solid #dce5ec}.footer-brand .neuropathway-logo{width:48px}
@media(max-width:700px){main{padding:20px 16px}.welcome{padding:27px 23px}.welcome-sun{right:16px;top:40px;font-size:6rem;opacity:.16}.start-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr}.buddy-card{align-items:flex-start;padding:20px;flex-wrap:wrap}.buddy-card div{flex:1;min-width:150px}.buddy-card button{margin-left:72px}header{padding:14px 16px}.sectionhead h2{font-size:1.3rem}.grid>.card{padding:23px}}
@media(prefers-reduced-motion:no-preference){a.card,button,.linkbutton{transition:background .15s,border-color .15s}}

/* The original waterfall returns as a calm, gently moving welcome background. */
.welcome.waterfall-welcome{isolation:isolate;min-height:390px;background:#123b49;padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.waterfall-scene{position:absolute;inset:0;z-index:-2;pointer-events:none;background:url('/waterfall-clean.png') center/cover}
.waterfall-scene svg{display:block;width:100%;height:100%}
.waterfall-welcome:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,30,40,.92),rgba(7,30,40,.65) 48%,rgba(7,30,40,.08))}
.welcome.waterfall-welcome h1{color:#fff;max-width:650px;text-shadow:0 2px 10px #071e2866}
.welcome.waterfall-welcome p{color:#fff;max-width:440px}
.waterfall-welcome .eyebrow{color:#f3d89d;position:relative}
.waterfall-toggle{position:relative;z-index:1;margin-top:24px;background:#102b3be8;color:#fff;border:1px solid #d7e8eb;font-size:.85rem;padding:10px 15px;min-height:44px}
.waterfall-toggle:hover{background:#244e5c;color:#fff}
@media(max-width:700px){.welcome.waterfall-welcome{min-height:410px;padding:26px 22px}.waterfall-welcome:before{background:linear-gradient(90deg,#071e28df,#071e2880)}.welcome.waterfall-welcome h1{font-size:clamp(2rem,8vw,2.8rem)}}

/* Explicit positive layers keep the scene visible across browser engines. */
.welcome.waterfall-welcome{background:#123b49 url('/waterfall-clean.png') center/cover;min-height:490px;justify-content:flex-end}
.welcome.waterfall-welcome .waterfall-scene{z-index:0}
.waterfall-welcome:before{z-index:1;background:linear-gradient(0deg,rgba(5,25,34,.94),rgba(5,25,34,.72) 35%,rgba(5,25,34,.08) 75%)}
.waterfall-welcome>.eyebrow,.welcome.waterfall-welcome h1,.welcome.waterfall-welcome p,.waterfall-welcome>.waterfall-toggle{position:relative;z-index:2}
.welcome.waterfall-welcome h1{font-size:clamp(2rem,4vw,3rem);margin:10px 0}
.shell{background:linear-gradient(#edf5f3bd,#f7f9fcd9),url('/waterfall-clean.png') center/cover fixed}
@media(max-width:700px){.welcome.waterfall-welcome{min-height:520px;background-position:38% center}.waterfall-welcome:before{background:linear-gradient(0deg,#051922f5,#051922b8 48%,#0519220a 85%)}.shell{background-attachment:scroll}}

/* Centre and gently enlarge the Safe Space identity. */
aside .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;width:100%}
aside .brand .neuropathway-logo{width:96px;margin-inline:auto}
aside .brand .brand-name,aside .brand small{display:block;text-align:center}
.footer-brand .neuropathway-logo{width:64px;margin-inline:auto}
@media(max-width:700px){aside .brand{grid-column:1/-1;grid-row:auto;align-self:center}aside .brand .neuropathway-logo{width:72px;grid-row:auto}aside .brand small{grid-column:auto;margin:0}aside .menu-toggle{grid-column:1/-1;justify-self:center}}
nav .nav-more{margin-top:10px;border-top:1px solid #587082;padding-top:6px;color:#d9e8ef}nav .nav-more summary{padding:14px;min-height:48px;cursor:pointer;border-radius:12px;font-size:.94rem}nav .nav-more summary:focus-visible{outline:3px solid #e4be70;outline-offset:2px}nav .nav-more[open]{padding-bottom:8px}@media(max-width:700px){nav .nav-more{grid-column:1/-1;width:100%}nav .nav-more[open]>a{display:block}}

/* More choices uses the same navy, teal and gold as the navigation. */
aside nav details.nav-more{background:#1d424e;border:1px solid #6b9399;border-radius:14px;padding:0;color:#eef6f6;box-shadow:inset 0 1px 0 #426570,0 3px 0 #0d2235}
aside nav details.nav-more>summary{background:#1d424e;color:#efce8b;border-radius:13px;padding:14px;font-weight:650}
aside nav details.nav-more>summary:hover{background:#285561;color:#fff1cd}
aside nav details.nav-more[open]>summary{border-bottom:1px solid #6b9399;border-radius:13px 13px 0 0}
aside nav details.nav-more>a{background:transparent;color:#e1edf1;margin:4px 6px}
aside nav details.nav-more>a:hover{background:#285561;color:white}
aside nav details.nav-more>a.active{background:#274960;color:white;border-left:3px solid #e4be70}
@media(forced-colors:active){aside nav details.nav-more,aside nav details.nav-more>summary{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}