/* NeuroMicro / neuroKPfamily — learning studio, October 2026 */
:root{--radius:20px;--bg:#f4f6f3;--line:#dde5df;--muted:#60756e;--lime:#d7edb5}
:root[data-theme=dark]{--bg:#0e2029;--line:#2e4a54;--muted:#a7bdc4}
body{background-image:radial-gradient(ellipse at 85% 5%,#e8efe580,transparent 50%)}
h1{font-size:clamp(30px,3.1vw,43px);letter-spacing:-1.6px;line-height:1.2}h2{font-weight:700}.content{max-width:1530px;padding:38px 40px 50px}.page-heading{margin-bottom:30px}.page-heading p{font-size:14px;line-height:1.75;max-width:760px}.page-heading>.btn{flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:1.8px}.small{font-size:12px}.btn{font-size:12px;padding:12px 17px;border-radius:10px;min-height:44px;transition:background .18s,border-color .18s,transform .18s}.btn:hover{transform:translateY(-1px)}.btn.small{min-height:38px}.card{box-shadow:0 3px 12px #193b2d03}.card-head h2{font-size:17px}.brand{gap:8px;padding:0 1px}.brand-mark{width:43px;height:47px}.brand strong{font-size:23px;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:2.2px}.sidebar{background:linear-gradient(170deg,#142f3a,#102933);padding-top:26px}.nav-label{margin-top:28px}.nav a{min-height:43px}.nav a.active{box-shadow:inset 2px 0 #d7edb5;background:#244740}.sidebar-note{border-color:#365346;background:#203e37}.sidebar-note .eyebrow{line-height:1.7}.sidebar-bottom{margin-top:auto}.profile{padding-top:16px;margin-top:18px}#topbar{background:#ffffffb0;backdrop-filter:blur(14px)}
.practice-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#102c37;min-height:440px;margin-bottom:22px;color:#fff}.practice-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.practice-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e2832f2 0%,#102b35d9 31%,#102b3530 67%,#102b3500 100%);z-index:-1}.practice-hero-content{padding:39px 43px 36px;position:relative;max-width:570px}.hero-kicker{font-size:9px;font-weight:600;letter-spacing:2px;color:#c6d8cc;display:flex;align-items:center;gap:9px}.hero-kicker>span{width:6px;height:6px;border-radius:50%;background:#d7edb5}.practice-hero h2{font-size:clamp(38px,4vw,60px);font-weight:600;letter-spacing:-2.6px;line-height:1.12;margin:30px 0 18px}.practice-hero h2 em{font-style:normal;color:#d7edb5}.practice-hero p{color:#c7d8d7;font-size:14px;line-height:1.8;margin-bottom:26px}.practice-hero .btn{padding:13px 18px}.hero-facts{display:flex;flex-wrap:wrap;gap:0;color:#adbfbd;font-size:10px;margin-top:31px}.hero-facts span+span:before{content:'·';padding:0 13px;color:#8fa69f}.art-caption{position:absolute;right:17px;bottom:13px;color:#d9e5e0b0;font-size:8px;letter-spacing:.4px}
.path-status{display:flex;gap:14px;align-items:center;padding:18px 21px;border:1px solid var(--line);background:var(--surface);border-radius:15px;margin:20px 0}.path-status-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--green);flex-shrink:0}.path-status>div:nth-child(2){display:flex;align-items:center;gap:16px;flex:1;flex-wrap:wrap}.path-status .eyebrow{font-size:9px}.path-status strong{font:700 16px Manrope,sans-serif}.path-status span:not(.eyebrow){font-size:11px;color:var(--muted)}.path-status .btn{margin-left:auto;flex-shrink:0}
.baseline-banner{border:1px solid #c8d8bd;background:#edf3e4;border-radius:18px;padding:26px 29px;margin:22px 0;color:#28493b}.baseline-banner>div:first-child{display:flex;align-items:center;gap:10px;margin-bottom:12px}.baseline-banner h2{font-size:22px;letter-spacing:-.7px;margin-bottom:9px}.baseline-banner>p{font-size:13px;line-height:1.8;color:#51664f;max-width:880px}.baseline-banner>.btn{margin-top:17px}.baseline-banner .small{font-size:11px;margin-top:12px}.baseline-result{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.baseline-result span{border:1px solid #c6d4bb;background:#f8fbf3;border-radius:6px;padding:5px 10px;font-size:11px}.baseline-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.baseline-disclaimer{opacity:.85}
.dashboard-row{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin:22px 0}.next-session-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;text-decoration:none;color:var(--ink);overflow:hidden}.next-session-card:hover{border-color:#99b19e}.next-session-card>div:first-child{flex:1;min-width:0}.next-session-card h2{font-size:24px;line-height:1.35;margin:13px 0 11px}.next-session-card p{font-size:12px;line-height:1.7}.next-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:19px}.next-meta span{padding:4px 8px;background:var(--soft);border-radius:5px}.next-session-art{width:150px;flex-shrink:0;position:relative}.next-session-art .diagram{width:100%;height:auto;background:var(--soft);border-radius:50%}.next-session-art>span{position:absolute;bottom:0;right:0;width:38px;height:38px;border-radius:50%;background:var(--green);color:var(--surface);display:grid;place-items:center}.daily-card .timeline-row{font-size:12px;padding:8px 0}.daily-card>p{border-top:1px solid var(--line);padding-top:13px;margin-top:12px;font-size:10px}.metric{border-radius:15px;padding:21px}.metric-label{font-size:11px}.metric-note{font-size:10px}.metric-value{font-size:30px;margin:9px 0 3px}.level-metric{font-size:22px;letter-spacing:-.8px}.section-title{margin-top:35px;margin-bottom:19px}.section-title h2{font-size:24px;margin-top:7px}.section-title a{font-size:12px;flex-shrink:0}.visual-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-modules .module{padding:0;overflow:hidden;border-radius:18px}.module-image{height:155px;background:#e9efdf;display:flex;align-items:center;justify-content:center;position:relative}.module-image .diagram{width:180px;height:145px;transition:transform .25s}.module:hover .module-image .diagram{transform:rotate(-3deg) scale(1.04)}.module-image>span{position:absolute;left:17px;top:13px;font:600 12px Manrope,sans-serif;color:#76846b}.module:nth-child(2) .module-image,.module:nth-child(5) .module-image{background:#e4eeeb}.module:nth-child(3) .module-image,.module:nth-child(6) .module-image{background:#edeade}.module-copy{padding:20px}.module-copy h3{font-size:17px;margin-top:6px}.module-copy p{font-size:12px;min-height:40px;line-height:1.65;margin:9px 0 20px}.module-copy .module-footer{font-size:10px}.module-copy .eyebrow{font-size:9px}.module.active{background:var(--surface);border-color:#a4bbaa}.reference-module .module-image{filter:saturate(.55)}.resource-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.resource-duo>a{position:relative;border:1px solid var(--line);padding:26px 55px 26px 26px;border-radius:18px;text-decoration:none;color:var(--ink);background:var(--surface)}.resource-duo>a:hover{background:var(--soft)}.resource-duo>a>span{font-size:9px;letter-spacing:1.4px;color:var(--green);display:flex;align-items:center;gap:8px}.resource-duo h3{font-size:18px;margin:13px 0 9px}.resource-duo p{font-size:12px;line-height:1.8}.resource-duo>a>.icon{position:absolute;right:22px;top:50%;color:var(--green)}
.level-intro{display:flex;gap:23px;flex-wrap:wrap;margin:-8px 0 29px}.level-intro>span{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.level-intro .icon{width:15px;height:15px;color:var(--green)}.pathway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.pathway-card{border:1px solid var(--line);border-radius:21px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;position:relative}.pathway-card.chosen{border-color:var(--green);box-shadow:0 0 0 2px var(--green)}.pathway-art{height:175px;background:#e9efdf;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #dce3d8}.pathway-art .diagram{width:208px;height:166px}.pathway-art>span{position:absolute;top:15px;left:19px;font:600 18px Manrope,sans-serif;color:#647765}.pathway-body{padding:26px 24px;display:flex;flex-direction:column;flex:1}.pathway-body>.eyebrow{font-size:8px;min-height:27px;line-height:1.65}.pathway-body h2{font-size:29px;letter-spacing:-1px;margin:5px 0 12px}.pathway-body>p{font-size:13px;line-height:1.75;min-height:91px}.pathway-body ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}.pathway-body li{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--ink)}.pathway-body li .icon{color:var(--green);height:15px;width:15px;margin-top:2px}.pathway-duration{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:5px;margin-top:auto}.pathway-duration strong{font-size:12px;font-weight:650}.pathway-duration span{font-size:10px;color:var(--muted);min-height:32px}.pathway-body>.btn{width:100%;margin-top:20px;font-size:11px;justify-content:space-between}.pathway-mint .pathway-art{background:#deebe7}.pathway-navy{background:#193943;border-color:#193943;color:#f4f7f2}.pathway-navy .pathway-art{background:#234851;border-color:#40616a}.pathway-navy .pathway-art>span{color:#abc7bd}.pathway-navy .pathway-art .diagram{filter:brightness(1.25)}.pathway-navy .pathway-body .eyebrow,.pathway-navy .pathway-body li .icon{color:#d7edb5}.pathway-navy .pathway-body>p,.pathway-navy .pathway-duration span{color:#b7cbc9}.pathway-navy .pathway-body li{color:#e1ece7}.pathway-navy .pathway-duration{border-color:#426169}.placement-explainer{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:32px;margin:30px 0 20px}.placement-explainer h2{font-size:25px;line-height:1.35;margin:10px 0 15px}.placement-explainer p{font-size:13px;line-height:1.8}.placement-explainer ol{list-style:none;padding:0;margin:0;display:grid;gap:23px}.placement-explainer li{display:flex;gap:15px;align-items:flex-start}.placement-explainer li>span{font:600 13px Manrope,sans-serif;color:var(--green);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;width:32px;height:32px}.placement-explainer strong{font-size:13px}.placement-explainer li p{font-size:11px;margin-top:3px}#level-form .check{background:var(--soft);border:1px solid var(--line);padding:14px;border-radius:10px;font-size:13px}#level-form .check input{width:18px;height:18px}
.session-wayfinding{display:flex;flex-wrap:wrap;gap:8px;margin:-7px 0 25px}.session-wayfinding a{font-size:11px;display:flex;gap:7px;align-items:center;text-decoration:none;padding:8px 11px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.session-wayfinding a:hover{border-color:var(--green)}#exercise-section,#practice-timer,#log-section{scroll-margin-top:20px}.prose p,.prose ul,.prose ol{font-size:13px;line-height:1.85}.prose .note{font-size:12px;line-height:1.8}.session-intro .diagram{height:145px;width:160px;border-radius:16px}.session-intro p{font-size:13px;line-height:1.8}.session-intro h2{font-size:23px}.instruction-list li{margin:19px 0}.instruction-list li:before{font-size:12px;min-width:27px}.session-card{border-color:#cbd9ce;background:linear-gradient(155deg,var(--surface),var(--soft))}.lesson-text strong{font-size:13px}.lesson-text small{font-size:11px}.lesson-row{padding-top:18px;padding-bottom:18px}.week-heading h2{font-size:22px}.exercise-illustration{height:173px;background:#e9efe4}.exercise-illustration .diagram{height:145px;width:195px}.exercise-body h3{font-size:17px}.exercise-body p{font-size:12px;line-height:1.75}.exercise-card{border-radius:19px}.heatmap .outside-path{background:transparent;border-style:dashed;opacity:.65}.editorial-hero{padding:0;grid-template-columns:1.2fr 1fr;gap:0;min-height:420px}.editorial-hero>div:first-child{padding:40px}.editorial-image{position:relative;align-self:stretch;overflow:hidden;min-height:320px}.editorial-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:85% center}.editorial-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#112c39,transparent 40%)}.editorial-image span{position:absolute;right:15px;bottom:12px;color:#c5d8ce;font-size:9px;z-index:1}.intro-opening{margin:33px auto 45px}.intro-opening p{font-size:15px}.master-card{border-radius:20px}.footer{font-size:10px}
[data-theme=dark] body{background-image:none}[data-theme=dark] #topbar{background:#162e38e0}[data-theme=dark] .baseline-banner{background:#253f32;border-color:#486445;color:#e1eadb}[data-theme=dark] .baseline-banner>p{color:#bacdb5}[data-theme=dark] .baseline-result span{background:#203527;border-color:#486445}[data-theme=dark] .module-image,[data-theme=dark] .pathway-art,[data-theme=dark] .exercise-illustration{background:#29433d;border-color:#3e5b50}[data-theme=dark] .module:nth-child(2) .module-image,[data-theme=dark] .module:nth-child(5) .module-image,[data-theme=dark] .pathway-mint .pathway-art{background:#2a4547}[data-theme=dark] .module:nth-child(3) .module-image,[data-theme=dark] .module:nth-child(6) .module-image{background:#454536}[data-theme=dark] .module-image>span,[data-theme=dark] .pathway-art>span{color:#afc1b2}[data-theme=dark] .diagram{filter:brightness(1.2)}[data-theme=dark] .session-card{border-color:var(--line)}
@media(min-width:1600px){.practice-hero{min-height:470px}.practice-hero-content{padding:46px 49px}.practice-hero h2{font-size:65px}.next-session-art{width:190px}}
@media(max-width:1180px){.content{padding:30px 27px 45px}.brand{gap:4px}.brand-mark{width:36px}.brand strong{font-size:21px}.brand small{font-size:7px}.practice-hero{min-height:420px}.practice-hero-content{padding:33px}.practice-hero h2{font-size:48px}.dashboard-row{grid-template-columns:1.5fr 1fr}.next-session-card{padding:23px}.next-session-art{width:100px}.next-session-card h2{font-size:22px}.pathway-grid{gap:13px}.pathway-body{padding:22px 18px}.pathway-body>p{min-height:113px;font-size:12px}.pathway-body h2{font-size:25px}.pathway-body li{font-size:10px}.pathway-body>.btn{padding:12px 10px;font-size:10px}.pathway-duration strong{font-size:11px}.pathway-art{height:151px}.pathway-art .diagram{height:144px;width:180px}.path-status>div:nth-child(2){gap:7px 14px}.path-status .eyebrow{width:100%}.placement-explainer{gap:30px}.module-copy{padding:17px}.module-copy h3{font-size:15px}.module-copy p{font-size:11px;min-height:55px}.editorial-hero h2{font-size:36px}.editorial-hero>div:first-child{padding:32px}.editorial-hero p{font-size:13px}}
@media(max-width:950px){.pathway-grid{grid-template-columns:1fr}.pathway-card{display:grid;grid-template-columns:155px 1fr}.pathway-art{height:auto;min-height:320px;border:0;border-right:1px solid var(--line)}.pathway-art .diagram{width:145px;height:135px}.pathway-art>span{top:21px}.pathway-body{padding:24px}.pathway-body>.eyebrow,.pathway-body>p{min-height:0}.pathway-body h2{font-size:29px}.pathway-body ul{margin:16px 0}.pathway-body li{font-size:11px}.pathway-duration{margin-top:5px}.pathway-duration span{min-height:0}.pathway-body>.btn{font-size:12px}.placement-explainer{grid-template-columns:1fr;gap:30px}.visual-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-row{grid-template-columns:1fr}.dashboard-row .daily-card{display:none}.next-session-art{width:150px}.practice-hero{min-height:420px}.practice-hero h2{font-size:45px}.practice-hero>img{object-position:63% center}.hero-facts{font-size:9px}.page-heading{align-items:flex-start;flex-wrap:wrap}.resource-duo{grid-template-columns:1fr}.editorial-hero{grid-template-columns:1fr}.editorial-image{height:230px;min-height:0}.editorial-image:after{background:linear-gradient(#112c39,transparent 50%)}.editorial-image img{object-position:70% 50%}.session-intro .diagram{width:125px;height:125px}}
@media(max-width:650px){.content{padding:25px 18px 35px}.brand{gap:8px}.brand-mark{width:43px}.brand strong{font-size:23px}.brand small{font-size:8px}.page-heading h1{font-size:32px;letter-spacing:-1.2px}.page-heading p{font-size:13px}.page-heading .eyebrow{font-size:9px;line-height:1.8}.page-heading>.btn{font-size:11px;min-height:38px;padding:9px 12px}.practice-hero{min-height:480px;border-radius:20px}.practice-hero-content{padding:27px 25px;max-width:100%}.practice-hero h2{font-size:41px;letter-spacing:-1.9px;margin:28px 0 17px}.hero-kicker{font-size:7px;letter-spacing:1.3px}.practice-hero p{font-size:13px}.practice-hero>img{object-position:77% center;opacity:.75}.practice-hero:after{background:linear-gradient(90deg,#102a35e8,#102a3570),linear-gradient(0deg,transparent,#102a35c7 85%)}.hero-facts{gap:0;font-size:9px;margin-top:25px}.hero-facts span+span:before{padding:0 8px}.art-caption{font-size:7px}.path-status{padding:15px;gap:11px;flex-wrap:wrap}.path-status-icon{width:34px;height:34px;border-radius:9px}.path-status>div:nth-child(2){gap:2px 10px}.path-status>div:nth-child(2)>span:last-child{font-size:10px;width:100%}.path-status strong{font-size:15px}.path-status>.btn{min-height:35px;padding:7px 10px;font-size:10px;margin-left:45px}.baseline-banner{padding:21px;margin:19px 0}.baseline-banner h2{font-size:21px}.baseline-banner>p{font-size:12px}.baseline-banner .eyebrow{font-size:8px}.baseline-actions{display:grid}.baseline-actions .btn{font-size:11px}.next-session-card{padding:23px 20px;align-items:flex-start;gap:8px}.next-session-card h2{font-size:23px}.next-session-art{width:79px;margin-top:22px}.next-session-art>span{width:29px;height:29px}.next-session-card .eyebrow{font-size:8px}.next-session-card p{font-size:12px}.next-meta{gap:6px;font-size:9px}.metric{padding:17px 15px}.metric-label{font-size:10px}.metric-value{font-size:28px}.level-metric{font-size:21px}.metric-note{font-size:9px}.section-title{align-items:flex-end}.section-title .eyebrow{font-size:8px}.section-title h2{font-size:22px}.section-title a{font-size:10px;max-width:68px}.visual-modules{gap:11px}.module-image{height:112px}.module-image .diagram{width:135px;height:110px}.module-image>span{font-size:10px;left:12px;top:10px}.module-copy{padding:15px 13px}.module-copy h3{font-size:14px;line-height:1.45}.module-copy p{font-size:11px;min-height:68px;margin-bottom:15px}.module-copy .eyebrow{font-size:7px;letter-spacing:1px}.module-copy .module-footer{font-size:8px;gap:7px;align-items:flex-start}.module-footer span:last-child{white-space:nowrap}.resource-duo{gap:13px}.resource-duo>a{padding:24px 50px 24px 23px}.resource-duo h3{font-size:19px}.level-intro{display:grid;gap:10px;margin:0 0 24px}.level-intro>span{font-size:11px}.pathway-grid{gap:20px}.pathway-card{display:flex;flex-direction:column}.pathway-art{height:162px;min-height:0;border:0;border-bottom:1px solid #dce3d8}.pathway-art .diagram{width:185px;height:158px}.pathway-art>span{top:18px;left:23px}.pathway-body{padding:25px}.pathway-body>.eyebrow{font-size:9px}.pathway-body h2{font-size:30px}.pathway-body>p{font-size:13px;min-height:0}.pathway-body li{font-size:12px}.pathway-duration strong{font-size:13px}.pathway-duration span{font-size:11px}.pathway-body>.btn{font-size:12px}.placement-explainer{padding:24px;gap:27px}.placement-explainer h2{font-size:25px}.placement-explainer p{font-size:13px}.session-wayfinding{gap:6px;margin-bottom:22px}.session-wayfinding a{padding:9px;font-size:10px}.session-intro{flex-direction:column}.session-intro .diagram{width:100%;height:170px}.session-intro h2{font-size:23px}.session-intro p{font-size:13px}.prose p,.prose ul,.prose ol{font-size:13px;line-height:1.85}.instruction-list li{gap:9px}.lesson-text strong{font-size:12px}.lesson-text small{font-size:10px}.week-heading h2{font-size:18px}.exercise-grid{grid-template-columns:1fr}.exercise-illustration{height:170px}.exercise-illustration .diagram{height:153px;width:200px}.exercise-body{padding:23px}.exercise-body h3{font-size:19px}.exercise-body p{font-size:13px}.exercise-illustration .pill{font-size:9px}.editorial-hero>div:first-child{padding:28px}.editorial-hero h2{font-size:35px}.editorial-hero p{font-size:13px}.editorial-image{height:190px}.master-card h2{font-size:23px}.footer{font-size:9px}.form-grid{gap:14px}.field{font-size:12px}.field input,.field select,.field textarea{font-size:16px}.check{font-size:13px}.log-table{font-size:12px}.session-card .timeline{display:block}.session-card .note{display:block}.session-card{padding:24px}.session-card .timer-ring{width:175px;height:175px}.session-card .timer-display strong{font-size:39px}}
@media(prefers-reduced-motion:reduce){.btn,.module-image .diagram{transition:none}.btn:hover,.module:hover .module-image .diagram{transform:none}}
@media print{.practice-hero,.pathway-art,.resource-duo,.session-wayfinding{display:none}.pathway-grid{display:block}.pathway-card{color:inherit;background:white;margin-bottom:15px}.pathway-body li,.pathway-body p{color:inherit!important}.baseline-banner{background:white;border-color:#aaa}.baseline-actions{display:none}}
