/* The academy keeps the original layout, with a richer color system and gentle motion. */
:root{--green:#08634e;--deep:#073f34;--lime:#d9f68a;--cream:#f5f8f5;--ink:#183c35;--muted:#536e64;--line:#dfe9e2}
body{background:radial-gradient(ellipse at 0 10%,#e2f2ed66,transparent 40%),var(--cream)}
.sidebar{border-left-color:#d4e5dc;box-shadow:-5px 0 28px #1b604206}.brand-mark{color:#087353}.brand-mark>span{background:#b0da55}.product-switch{background:#e8f6ee;border-color:#cde9d9}.product-dot{background:#17a579;box-shadow:0 0 0 4px #19ac7c13}.sidebar-note{background:linear-gradient(155deg,#f3f9ec,#eef8f4);border:1px solid #d9e9d5;border-radius:14px;padding:16px 12px;margin-top:28px}.sidebar-note>svg{color:#258b62}.preview-label{background:#fff;color:#3f7157;border-color:#d0e1cf}.nav-caption{color:#6a8174}nav .active,nav a:hover,nav button:hover{background:#e0f3e7;color:#076447}.sidebar nav .active{box-shadow:inset -3px 0 #159b72}.topbar{background:#f9fcf9e8}.search-trigger{box-shadow:0 3px 12px #1b604207}.search-trigger:hover{border-color:#68af93}.hero{background:radial-gradient(ellipse at 4% 5%,#269e8170,transparent 65%),linear-gradient(130deg,#074234,#087153);box-shadow:0 16px 38px #0b614521;border:1px solid #1c8563;isolation:isolate}.hero:after{border-color:#a6f3bc20;box-shadow:0 0 0 65px #b2ec8b09,0 0 0 130px #9de9cb07}.hero:before{content:'';width:150px;height:150px;border-radius:50%;background:#d0f5760c;position:absolute;right:35%;bottom:-95px;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#c4edac}.hero h1 em{color:#d9f68a}.hero-copy>p{color:#e1f0e7}.hero-proof{display:flex;gap:14px;flex-wrap:wrap;margin-top:23px;color:#d4e8d9;font-size:10px}.hero-proof span{display:flex;gap:5px;align-items:center}.hero-proof b{color:#d9f68a;font-size:17px}.hero-proof svg{width:14px;height:14px;color:#c8f28a}.hero-step-pill{background:#deefa0;box-shadow:0 4px 15px #002b1d25}.floating-note{border:1px solid #d1efce}.floating-note svg{color:#c47a1e}.btn-green{box-shadow:0 4px 12px #0b6b4420}.btn-green:hover{background:#07513e;box-shadow:0 6px 18px #07513e28}.btn-lime{box-shadow:0 5px 16px #072d2826}.btn-lime:hover{background:#e7ffad}.btn-outline:hover{background:#ffffff10;border-color:#deefa0}.btn{transition:transform .2s,background .2s,box-shadow .2s}.entry-strip{box-shadow:0 5px 18px #225d3b06}.entry{transition:background .2s}.entry:hover{background:#f4fbf4}.entry:nth-child(1)>span:first-child{background:#fff0d7;color:#b36c16}.entry:nth-child(2)>span:first-child{background:#eaf0ff;color:#4274c7}.entry:nth-child(3)>span:first-child{background:#f1e8ff;color:#8650b4}.entry .arrow{color:#459578}.section-head .mini-label{color:#328267;font-size:11px}.section-head h2{color:#164f3f}.count-pill{font-size:11px;color:#0a7251;background:#e1f5e9;border:1px solid #c4e6d3;padding:6px 12px;border-radius:30px;white-space:nowrap}.ready-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:43px}.ready-card{background:white;border:1px solid color-mix(in srgb,var(--color) 24%,white);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 17px #143e2c06;transition:transform .24s,box-shadow .24s,border-color .24s;position:relative}.ready-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px color-mix(in srgb,var(--color) 16%,transparent);border-color:var(--color)}.ready-cover{height:130px;background:var(--tint);overflow:hidden;position:relative;border-bottom:1px solid color-mix(in srgb,var(--color) 18%,white);padding:16px 18px 0}.ready-cover:before{content:'';position:absolute;width:140px;height:140px;border-radius:50%;border:25px solid color-mix(in srgb,var(--color) 8%,transparent);top:-70px;left:-45px;pointer-events:none}.ready-cover img{display:block;width:100%;height:auto;transform:rotate(-3deg);transform-origin:top center;box-shadow:0 5px 12px #123c2c1c;border-radius:5px;transition:transform .35s}.ready-card:hover .ready-cover img{transform:rotate(0) translateY(-3px)}.ready-icon{position:absolute;right:14px;bottom:10px;background:var(--color);color:#fff;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;box-shadow:0 3px 8px #0002;border:2px solid white}.ready-icon svg{width:21px;height:21px}.ready-time{position:absolute;left:12px;top:10px;padding:3px 9px;border-radius:20px;background:#fffffff2;font-size:10px;color:var(--color);box-shadow:0 2px 6px #0001}.ready-body{padding:19px;display:flex;flex-direction:column;flex:1}.ready-body .mini-label{color:var(--color);font-size:10px}.ready-body h3{font-size:20px;margin:5px 0 7px;color:#233c34}.ready-body p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 17px;flex:1}.ready-progress{background:var(--tint);height:4px;border-radius:5px;overflow:hidden;margin:0 0 12px}.ready-progress i{height:100%;display:block;background:var(--color);border-radius:5px}.ready-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:8px;color:var(--color)}.ready-bottom>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.ready-bottom svg{width:15px;height:15px}.category-card{border-color:color-mix(in srgb,var(--color) 24%,white);background:linear-gradient(140deg,white 60%,var(--tint));box-shadow:0 4px 13px #254f3304;overflow:hidden}.category-card:before{content:'';position:absolute;top:0;right:18px;left:18px;height:3px;background:var(--color);border-radius:0 0 4px 4px;opacity:.8}.category-card:hover{border-color:var(--color);box-shadow:0 9px 22px color-mix(in srgb,var(--color) 12%,transparent)}.category-icon{box-shadow:0 4px 12px color-mix(in srgb,var(--color) 9%,transparent)}.category-card h3{color:var(--color)}.category-card .card-bottom{color:#5f7466}.available-dot{color:#126e4c!important}.card-bottom svg{color:var(--color)}.category-card:hover svg{transform:translateX(-3px);transition:transform .2s}.lesson-feature{background:radial-gradient(ellipse at 0 0,#c5e8a566,transparent 60%),#e9f6dc;border-color:#cfe5bc}.lesson-feature p{color:#4f715a}.mini-label{color:#577746}.tips-card{border-top:3px solid #368ebe}.tip-row:nth-child(2)>span{color:#367ec0;background:#e8f3ff}.tip-row:nth-child(3)>span{color:#8b52ba;background:#f4eaff}.tip-row:nth-child(4)>span{color:#b2751d;background:#fff4dd}.bottom-banner{border-top-color:#cbded0}.bottom-banner h3{color:#176143}.lesson-heading .eyebrow{color:var(--lesson-color)}.lesson-heading .eyebrow svg{width:19px;height:19px}.lesson-heading .tag{background:var(--lesson-tint);color:var(--lesson-color)}.steps-nav{border-top:3px solid var(--lesson-color);box-shadow:0 6px 20px #163c2c05}.step-nav.active{background:var(--lesson-tint);color:var(--lesson-color)}.step-nav.active .num,.hotspot.active,.screen-note-number,.progress-fill{background:var(--lesson-color);border-color:var(--lesson-color)}.step-nav.done .num{background:var(--lesson-tint);color:var(--lesson-color)}.hotspot{border-color:var(--lesson-color);color:var(--lesson-color)}.hotspot.active{color:white;box-shadow:0 0 0 6px color-mix(in srgb,var(--lesson-color) 20%,transparent),0 2px 8px #0003}.screen-note{max-width:360px;width:64%;top:62%;left:3%;border-right:3px solid var(--lesson-color);background:#fffffff7}.progress-fill{transition:width .35s}.step-kicker{color:var(--lesson-color)}.step-content{box-shadow:0 6px 22px #133d2c06;border-top:3px solid var(--lesson-color)}.step-tip{background:var(--lesson-tint);color:#3f5b4c;border-right-color:var(--lesson-color)}.step-content>p{color:#405e51}.lesson-main .btn-green{background:var(--lesson-color)}.lesson-extra h2{color:#254c3c}.example-grid>div{background:var(--lesson-tint)}.quiz-options button:hover{border-color:var(--lesson-color);background:var(--lesson-tint)}.quiz-options button.correct{background:#ddf5e4;border-color:#349264;color:#155936}.quiz-question{font-size:14px}.quiz-feedback{color:#20613e}.progress-note{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:11px;margin:25px 0 0}.progress-note svg{width:17px;height:17px;flex-shrink:0}.complete-panel{background:var(--lesson-tint);border-color:color-mix(in srgb,var(--lesson-color) 25%,white)}.complete-icon{display:grid;place-items:center;border-radius:50%;width:44px;height:44px;color:white;background:var(--lesson-color);margin:0 auto 12px}.path-item{border-right:4px solid var(--color);transition:transform .2s,box-shadow .2s}.path-item:hover{transform:translateX(-4px);box-shadow:0 5px 18px #153d2510}.path-item>strong{color:var(--color)}.path-item .tag{color:var(--color);background:var(--tint)}.category-notice{color:#41664f!important}.topic-list li a{font-weight:700;color:#11694d}.topic-list small{color:#657b65}.result-row:hover{background:#e8f6ee}.result-row svg{color:#168366}.result-row>span:last-child{color:#446d54}.toast{background:#075c46}.screen-card{animation:screen-float 6s ease-in-out 2}.floating-note{animation:note-in .7s ease-out both}.hero-copy{animation:copy-in .65s ease-out both}.will-reveal{opacity:0;transform:translateY(15px)}.will-reveal.arrived{opacity:1;transform:translateY(0);transition:opacity .5s var(--delay,0ms),transform .5s var(--delay,0ms),box-shadow .2s,border-color .2s}.will-reveal.arrived:hover{transform:translateY(-4px)}
@keyframes screen-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}
@keyframes note-in{from{opacity:0;transform:translateY(10px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@keyframes copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.ready-cover{height:155px}}
@media(max-width:1200px){.ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ready-cover{height:125px}.hero-proof{gap:11px;font-size:9px}.hero-proof span:last-child{flex-basis:100%}}
@media(max-width:800px){.ready-grid{gap:13px}.ready-cover{height:115px;padding:13px 13px 0}.ready-body{padding:16px}.ready-body h3{font-size:18px}.ready-body p{font-size:11px}.hero-proof{gap:13px;font-size:10px}.hero-proof span:last-child{flex-basis:auto}.hero-proof b{font-size:17px}.count-pill{font-size:9px;padding:4px 8px}.section-head{gap:10px}.section-head h2{font-size:21px}.hotspot:not(.active){display:none}.hotspot.active{width:27px;height:27px}.screen-note{display:none}.ready-bottom{align-items:flex-start;flex-direction:column;gap:4px}.ready-bottom>span{font-size:9px}.quiz-question{font-size:13px}.quiz-options button{min-height:40px}.step-actions{flex-wrap:wrap}.progress-note{font-size:10px}.steps-nav{border-top-width:2px}.sidebar-note{margin-top:20px}.hero-image{height:200px}}
@media(max-width:420px){.ready-grid{grid-template-columns:1fr}.ready-cover{height:150px;padding:19px 23px 0}.ready-body{padding:18px}.ready-body h3{font-size:21px}.ready-body p{font-size:12px}.ready-bottom{flex-direction:row}.ready-bottom>span{font-size:10px}.hero h1{font-size:35px}.hero{padding:26px 22px}.hero-buttons .btn{font-size:12px;padding:10px 13px}.section-head h2{font-size:20px}.hero-proof span:last-child{flex-basis:100%}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card h3{font-size:14px}.category-card .card-bottom{font-size:9px}.step-actions-right{width:100%}.step-actions .text-button{margin-right:auto}.count-pill{display:none}}
.screen-stage>img{height:auto}.restart-inline{background:white!important;border:1px solid color-mix(in srgb,var(--lesson-color) 30%,white);text-decoration:underline;text-underline-offset:3px}.restart-inline:hover{background:var(--lesson-tint)!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.will-reveal{opacity:1!important;transform:none!important}}