:root{--app:#101e21;--paper:#172b2d;--ink:#edf1e8;--muted:#b4c8c4;--line:#35504e;--inset:#203638;--navy:#eef3e9;--navy-2:#102c2c;--blue:#c7edaa;--blue-soft:#29483d;--red:#ffb8a4;--red-soft:#44332f;--green:#c7edaa;--green-soft:#29483d;--gold:#d4efb4}
body{display:block;padding:0 0 0 240px;background:var(--app);color:var(--ink);font-family:Arial,sans-serif;min-height:100vh}a{color:var(--blue)}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,.pt,.ct,.th{font-family:Archivo,Arial,sans-serif!important}.frame{max-width:none;width:100%}.tricolor{display:none}.side-nav{position:fixed;inset:0 auto 0 0;width:240px;background:#102426;border-right:1px solid #36504c;z-index:55;padding:30px 20px;display:flex;flex-direction:column;gap:25px;overflow-y:auto}.side-brand{display:flex;align-items:center;gap:8px;color:#f3f7e9;text-decoration:none;font-family:Archivo,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1px}.side-brand img{width:38px;height:42px}.side-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:#b5c8bb}.side-nav nav{display:grid;gap:8px}.side-nav nav a{min-height:49px;display:flex;align-items:center;gap:14px;border:1px solid #35504e;padding:12px;color:#e5eee4;text-decoration:none;border-radius:4px;font-size:13px;font-weight:600}.side-nav nav a span{font-size:10px;color:#aac599}.side-nav nav a:hover,.side-nav nav a[aria-current]{background:#d4efb4;color:#132b27;border-color:#d4efb4}.side-foot{margin-top:auto;color:#9fb8ae;line-height:1.7;font-size:11px}.side-foot a{display:block;margin-top:8px}.motion-toggle{background:transparent;border:1px solid #6a8379;color:#e1eedb;min-height:40px;border-radius:4px;padding:9px;cursor:pointer}.skip{position:fixed;top:-100px;left:260px;z-index:100;background:#d4efb4;color:#102426;padding:15px}.skip:focus{top:10px}.qexit{background:#f2eee0;color:#16322c;top:18px;right:20px;border-radius:4px;box-shadow:none;font-size:10px}.brand{margin:0;padding:18px 5%;min-height:70px;border-bottom:1px solid var(--line)}.brand .nm{color:#edf2e6;letter-spacing:1.5px;font-size:10px}.brand-logo{width:30px;height:30px}.brand .howbtn{margin-left:auto;background:transparent;color:var(--ink);border-color:var(--line);margin-right:95px}.hero{border-radius:0;margin:0;min-height:calc(100svh - 70px);padding:90px 6% 40px;display:flex;align-items:center;box-shadow:none;background:#17352b}.hero-media{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=2000&q=85&fit=crop') center/cover;animation:breathe 24s ease-in-out infinite alternate}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,23,.88),rgba(5,25,23,.45)),linear-gradient(0deg,#101e21,transparent 45%)}.motion-video{width:100%;height:100%;object-fit:cover;opacity:.7}.hero:before{display:none}.hero-in{max-width:1100px;width:100%}.hero .kick{border:0;background:none;padding:0;color:#d4efb4;font-size:9px;letter-spacing:2px}.hero h1{font-size:clamp(44px,5.5vw,88px);letter-spacing:-3px;line-height:1.02;margin-top:26px}.hero h1 .u{background:none;color:#d4efb4}.hero .sub{font-family:Arial,sans-serif;font-size:16px;line-height:1.7;max-width:54ch;margin-top:24px;color:#e4eee3}.cta{margin-top:28px;gap:10px}.cta a{padding:15px 20px;border-radius:3px;box-shadow:none;font-size:11px}.cta .primary{background:#d4efb4;color:#17312a}.cta .danger{background:#f2eee0;color:#17312a}.stats{max-width:700px;margin-top:48px;gap:30px}.stats .s .n{font-size:26px}.stats .s .l{color:#ccdbcd;font-size:10px}.alert{margin:0;padding:20px 6%;border:0;border-bottom:1px solid #6b4a3e;border-radius:0;background:#342e29;box-shadow:none}.alert .h,.alert a{color:#ffd0b6}.alert p{color:#e5ddd0;font-size:12px;max-width:95ch}.sec{margin:0;padding:60px 6%;border-bottom:1px solid var(--line);position:relative;isolation:isolate}.sec:nth-of-type(even){background:#152a2b}.sec>h2{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.8px;border:0;margin:0 0 16px;padding:0;color:#edf2e6}.sec>.intro{font-family:Arial,sans-serif;font-size:14px;line-height:1.8;max-width:80ch;color:#bccfc5;margin:0 0 24px}.grid,.pathways,.tools,.pw-grid,.c-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 0;grid-auto-rows:1fr}.card,.pw,a.cc,.tool{background:#1b3233;border:1px solid #47605a;border-radius:4px;padding:25px;margin:0;box-shadow:none;min-width:0;display:flex;flex-direction:column;gap:12px;transition:background .2s,transform .2s}.card:hover,.pw:hover,a.cc:hover,.tool:hover{background:#25413b;border-color:#c4e6a4;transform:translateY(-3px)}.card .ct,.pw .pt,.cc .ct,.tool .th{font-size:19px;color:#edf2e6;line-height:1.3}.card .cd,.pw .pl,.tool .td,.cc .cs{color:#bbcec5;font-family:Arial,sans-serif;font-size:13px;line-height:1.8}.open,.pwgo,.tgo,.cf{margin-top:auto!important;padding-top:16px;color:#d4efb4!important}.badge,.kind,.pill{color:#d4efb4!important;background:#2b493d!important;border-color:#47605a!important}.pw .go,.learnbtn,.btn.primary{background:#d4efb4;color:#18312b;border-radius:3px}.pw .go{margin-top:auto;padding:12px}.track{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid #35504e;padding:22px 0;gap:24px;background:none}.track h3{color:#d4efb4;font-size:13px;padding:0;line-height:1.5}.courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.courses .c{display:flex;align-items:center;min-height:65px;background:#203638;border:1px solid #35504e;color:#e7eee3;padding:15px;border-radius:3px;font-size:12px;line-height:1.5}.age{background:#203638;border:1px solid #47605a;border-radius:4px;padding:22px;margin:12px 0;color:#bbcec5}.age h3{color:#d4efb4}.age p{font-size:14px;line-height:1.7;color:#bbcec5}#watch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#watch>h2,#watch>.intro{grid-column:1/-1;margin:0}#watch>.watch{display:contents}.feature,.vid{margin:0;border:1px solid #47605a;border-radius:4px;background:#1b3233;overflow:hidden;padding:0;box-shadow:none}.feature .embed,.vid .embed{border:0;border-radius:0;margin:0;aspect-ratio:16/9}.fmeta{display:block;padding:20px}.ft,.vt{font-size:16px;color:#eaf0e5!important}.fs,.vs{font-family:Arial,sans-serif!important;color:#bbcec5!important;line-height:1.7;font-size:13px}.vid .vt,.vid .vs,.vid .src{margin:16px 20px}.flag,.src{color:#d4efb4;background:none}.signs,.doact{background:#203638;border-color:#47605a;color:#e5eee3}.signs li,.step .s{color:#d1dfd3}.appbar{margin:25px 0}.search input{background:#203638;border-color:#47605a;color:#edf2e6;min-height:45px}.chip{border-color:#47605a;background:#203638;color:#e7eee0;border-radius:3px}.chip[aria-pressed=true]{background:#d4efb4;color:#163129}.tool .tico{width:54px;height:54px;object-fit:contain;background:#f1f0e5;border-radius:10px;padding:6px;display:flex;align-items:center;justify-content:center;margin:0}.tool .wordmark{font-size:13px;letter-spacing:-.5px;color:#17312c;font-weight:bold}.tool .ttags span{background:#2b493d;color:#c4d8be}.tool.hide{display:none}.res{border-color:#47605a;background:#203638}.res .r{border-color:#47605a;background:transparent;gap:25px}.rn{color:#d1dfd3}.rv{color:#d4efb4;font-size:13px}.ovl{z-index:70}.modal{background:#173234;color:#e5eee0;border-color:#47605a}.modal h2,.modal li b{color:#d4efb4}.modal li span,.modal .lead{color:#ccdbce}.modal .x{color:#fff;background:#27463d}.resume{margin:20px 6%;background:#29483d;border-color:#47605a;color:#e5eee0}footer{padding:35px 6%;margin:0;border:0;color:#a5bdb0;line-height:1.8}footer b{color:#d4efb4}.source-note{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;font-size:11px}.topbar{margin:0;padding:22px 5%;border-bottom:1px solid var(--line);min-height:76px}.home{background:#203638;border-color:#47605a;color:#edf2e6}.topbar .nm{color:#d4efb4}.topbar .nm b{color:#b4c8b7}.topbar .prog{margin-right:110px;background:#29483d;color:#d4efb4}#view{padding:0 6% 50px}#view>.lhero{margin:0 -6.82% 35px;border-radius:0;min-height:420px;padding:90px 6%;background:linear-gradient(90deg,#092a25dd,#092a2566),url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=2000&q=85&fit=crop') center/cover;box-shadow:none}.lhero h1{font-size:clamp(35px,4vw,62px);letter-spacing:-2px;max-width:16ch}.lhero p{font-family:Arial,sans-serif;max-width:60ch;font-size:15px}.lhero .k{color:#d4efb4}.sh{font-size:28px!important;margin:30px 0 15px!important;border:0!important;color:#edf2e6!important}.intro,.lead,.lesson-body p{font-family:Arial,sans-serif!important;color:#ccdbce!important;font-size:16px!important;line-height:1.9!important}.crumbs{margin-top:35px;color:#adc4b5}.course-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}.course-brief>div{background:#203638;border:1px solid #47605a;padding:25px;border-radius:4px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#d4efb4}.course-brief h3{font-size:20px;margin:12px 0;color:#edf2e6}.course-brief p,.course-brief li{font-size:14px;color:#ccdbce;line-height:1.8}.course-brief ul{padding-left:20px;margin-top:15px}.review-date{font-size:11px!important;margin-top:20px}.course-brief summary{cursor:pointer;color:#d4efb4;font-size:13px;padding:12px 0}.lessons-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lessons-list li{margin:0;background:#203638;border-color:#47605a;min-height:85px;border-radius:4px}.lessons-list li:last-child:nth-child(odd){grid-column:1/-1}.lessons-list .lt{color:#edf2e6;line-height:1.6;text-decoration:none}.lessons-list .num{color:#d4efb4;background:#355344}.btn.gold{background:#d4efb4;color:#17312c}.btn.ghost{background:#203638;color:#d4efb4;border-color:#47605a}.points{background:#203638;border-color:#47605a}.points li{color:#d8e4d6}.q{background:#203638;border-color:#47605a;border-radius:4px}.q .qq{color:#edf2e6}.q .opt{background:#172b2d;color:#d3dfd1;border-color:#47605a}.q .why{color:#c6d5c3}.q .why b{color:#d4efb4}.result .big,.result .msg{color:#e7eee0}.namebox input{background:#203638;color:#e7eee0;border-color:#47605a}.cert{color:#16312c}.cert .org,.cert .who,.cert .foot b{color:#16312c}.cert .for,.cert .fine,.cert .foot,.cert .ttl{color:#354d43}.cert .path{color:#36674b}.cert .seal{background:#16312c}.locked{background:#203638;color:#c7d8c8}.sheet{background:#172b2d;border:0;border-radius:0;max-width:none;padding:45px 6%;box-shadow:none;min-height:100vh}.sheet h1{color:#edf2e6;font-size:clamp(32px,4vw,56px);max-width:20ch}.sheet h2{color:#d4efb4}.sheet p,.sheet li,.sheet .dek{color:#ceddd0;font-family:Arial,sans-serif;line-height:1.8}.sheet .box{background:#203638;border-color:#47605a}.sheet .box.red{background:#44332f}.sheet .kick{color:#d4efb4}.toolbar{max-width:none;margin:0;padding:20px 6%;background:#102426}.toolbar a{color:#d4efb4}.sheet .line,.sheet .fill,.sheet .sign .ll{border-color:#8fa99a}.page-banner{position:relative;overflow:hidden;height:250px;background:linear-gradient(90deg,#102b25bb,#102b2566),url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1600&q=85&fit=crop') center/cover;display:flex;align-items:flex-end;padding:30px 6%}.page-banner p{font-size:12px;letter-spacing:3px;color:#e5eee0}.page-banner img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-1;animation:breathe 24s infinite alternate}.sheet-logo{width:50px;height:50px;margin-bottom:20px}.motion-paused .hero-media,.motion-paused .page-banner img{animation-play-state:paused}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.08)}}
@media(min-width:1550px){.grid,.tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){body{padding-left:190px}.side-nav{width:190px;padding:25px 14px}.side-brand{font-size:20px}.side-nav nav a{font-size:12px;gap:8px}.hero h1{letter-spacing:-2px}.track{grid-template-columns:1fr}.topbar .nm{display:none}.courses{grid-template-columns:repeat(2,minmax(0,1fr))}.res .r{flex-wrap:wrap}.source-note{gap:12px}.brand .nm{font-size:8px}}
@media(max-width:700px){body{padding-left:0;padding-bottom:0}.side-nav{position:relative;width:100%;padding:18px;gap:16px}.side-brand{font-size:22px}.side-nav nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.side-nav nav a{min-height:42px;font-size:11px}.side-foot{display:none}.motion-toggle{font-size:11px;position:absolute;top:22px;right:20px}.brand{display:none}.qexit{position:fixed;top:auto;bottom:15px;right:15px;box-shadow:0 2px 15px #0008}.hero{min-height:620px;padding:65px 7% 35px}.hero h1{font-size:52px}.hero .sub{font-size:15px}.hero .kick{font-size:8px}.hero .stats{gap:15px}.stats .s .l{font-size:9px}.sec{padding:40px 7%}.grid,.pathways,.tools,.pw-grid,.c-grid,.course-brief,.lessons-list{grid-template-columns:1fr;grid-auto-rows:auto}.card,.pw,.tool,a.cc{min-height:220px}#watch{grid-template-columns:1fr}.feature,.vid{min-height:0}.track{gap:14px}.courses{grid-template-columns:1fr}.courses .c{min-height:55px}.topbar .prog{margin-right:0}.topbar{padding:18px 7%}#view{padding:0 7% 30px}.sh{font-size:25px!important}.course-brief>div{padding:20px}.lessons-list li:last-child:nth-child(odd){grid-column:auto}.page-banner{height:180px}.sheet{padding:30px 7%}.toolbar{padding:18px 7%}.toolbar .btn{font-size:10px;padding:10px}.skip{left:10px}.alert{padding:20px 7%}.res .r{display:flex}.btnrow{gap:8px}.btn{font-size:11px;padding:12px}.cert{padding:24px 16px}.cert .foot{flex-direction:column}.cert .who{font-size:25px}.sheet .sign{gap:20px}}
@media(prefers-reduced-motion:reduce){.hero-media,.page-banner img{animation:none!important}.motion-video{display:none}html{scroll-behavior:auto}}
@media print{body{padding:0;background:white;color:#142b25}.side-nav,.skip,.motion-toggle,.hero-media,.page-banner,.qexit,.sheet-logo,.source-note{display:none!important}.sheet{background:white;min-height:0;padding:0}.sheet h1,.sheet h2,.sheet p,.sheet li,.sheet .dek,.sheet .kick,.sheet footer{color:#142b25!important}.sheet .box{background:#f0f4ed;border-color:#899d90}.sheet .line,.sheet .fill,.sheet .sign .ll{border-color:#555}.cert{box-shadow:none}#view{padding:0}}

.hero .cta .primary,.hero .cta .danger{box-shadow:none}.side-nav{scrollbar-width:thin}.hero .sub{max-width:55ch}.sheet>footer{padding:25px 0}.course-brief details p{margin:10px 0}.btn.primary:hover,.btn.gold:hover{filter:brightness(1.08)}

#view>.page-banner{margin:0 -6.82% 30px;height:260px}.hero-media{background-position:center}.hero-media:after{background:linear-gradient(90deg,rgba(5,25,23,.9),rgba(5,25,23,.25)),linear-gradient(0deg,#101e21,transparent 45%)}
.sec:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#102426c9,#102426ee),url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1800&q=80&fit=crop') center/cover;animation:sceneDrift 24s ease-in-out infinite alternate}.sec:nth-of-type(3n):before{background-position:75% 25%}.sec:nth-of-type(2n):before{background-position:20% 80%}.motion-paused .sec:before{animation-play-state:paused}@keyframes sceneDrift{from{background-size:auto,cover;opacity:.5}to{background-size:auto,cover;opacity:1}}@media(prefers-reduced-motion:reduce){.sec:before{animation:none!important}}@media print{.sec:before{display:none}}

.lessons-list{grid-template-columns:1fr}.lessons-list li:last-child:nth-child(odd){grid-column:auto}.lesson-sources{margin:20px 0;padding:15px 20px;background:#203638;border:1px solid #47605a}.lesson-sources summary{cursor:pointer;color:#d4efb4}.lesson-sources p{margin:12px 0;font-size:13px}

#view>.lhero{animation:panScene 24s ease-in-out infinite alternate}.motion-paused #view>.lhero{animation-play-state:paused}@keyframes panScene{from{background-position:40% 45%}to{background-position:60% 55%}}@media(prefers-reduced-motion:reduce){#view>.lhero{animation:none!important}}

/* KindTrail 2026 visual system: equal navigation, full-bleed scene changes, and calm contrast. */
.side-nav nav a{height:52px;min-height:52px;flex:0 0 52px;white-space:normal;overflow:hidden;line-height:1.25}
.side-nav nav a span{flex:0 0 20px}
.side-nav nav a:focus-visible{outline-offset:2px}
.hero-in{position:relative;z-index:2}
.hero-media{z-index:0;overflow:hidden}
.hero-media:after{z-index:1}
.scene-deck{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.scene-deck img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transform:scale(1.08);animation-duration:42s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.scene-deck img:nth-child(1){animation-name:sceneOne;opacity:1}
.scene-deck img:nth-child(2){animation-name:sceneTwo}
.scene-deck img:nth-child(3){animation-name:sceneThree}
@keyframes sceneOne{0%,30%{opacity:1;transform:scale(1.02) translate3d(0,0,0)}34%,90%{opacity:0;transform:scale(1.12) translate3d(1.5%,-1%,0)}94%,100%{opacity:1;transform:scale(1.02) translate3d(0,0,0)}}
@keyframes sceneTwo{0%,30%{opacity:0;transform:scale(1.12) translate3d(-1%,1%,0)}34%,60%{opacity:1;transform:scale(1.02) translate3d(0,0,0)}64%,100%{opacity:0;transform:scale(1.12) translate3d(1%,0,0)}}
@keyframes sceneThree{0%,60%{opacity:0;transform:scale(1.12) translate3d(1%,-1%,0)}64%,90%{opacity:1;transform:scale(1.02) translate3d(0,0,0)}94%,100%{opacity:0;transform:scale(1.12) translate3d(-1%,0,0)}}
#view>.lhero{position:relative;isolation:isolate;overflow:hidden;background-color:#17352b}
#view>.lhero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,25,23,.88),rgba(5,25,23,.28)),linear-gradient(0deg,#101e21,transparent 45%)}
#view>.lhero>:not(.scene-deck){position:relative;z-index:2}
.page-banner{isolation:isolate}
.page-banner>.scene-deck{z-index:0}
.page-banner>p{position:relative;z-index:2}
.page-banner>img{display:none}
.motion-paused .scene-deck img{animation-play-state:paused!important}
.sec:before{opacity:.72;background-image:linear-gradient(#102426bb,#102426dd),url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1800&q=80&fit=crop')}
.sec:nth-of-type(3n):before{background-image:linear-gradient(#102426bb,#102426dd),url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=1800&q=80&fit=crop')}
.sec:nth-of-type(4n):before{background-image:linear-gradient(#102426bb,#102426dd),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=1800&q=80&fit=crop')}
@keyframes sceneDrift{from{background-position:center,42% 48%}to{background-position:center,62% 52%}}
@media(max-width:700px){.side-nav nav a{height:48px;min-height:48px;flex-basis:48px;line-height:1.2}.hero-in{z-index:2}.scene-deck img{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.scene-deck img{animation:none!important}.scene-deck img:not(:first-child){display:none!important}.sec:before{animation:none!important}}
@media print{.scene-deck{display:none!important}}

/* Keep course-page scene layers above the banner fallback image. */
.page-banner>.scene-deck img{z-index:0}

/* Keep navigation step numbers readable on the selected or hovered item. */
.side-nav nav a:hover span,.side-nav nav a[aria-current] span{color:inherit}

.toolbar .btn{background:#d4efb4;color:#132b27}