/* NiteAcademy Studio • mobile-first progressive UI • no framework dependencies */
:root{color-scheme:dark;--bg:#07140f;--bg2:#0c1d16;--surface:#132a1f;--surface2:#1a3527;--stroke:rgba(211,245,212,.15);--stroke-bright:rgba(202,245,199,.31);--mint:#d3f6be;--text:#f3f6e9;--muted:#b2c7b7;--muted2:#88a795;--cream:#f7f5e7;--danger:#f6b5a0}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:320px}
body:before{content:"";pointer-events:none;z-index:-2;position:absolute;top:0;left:0;right:0;height:1160px;background:radial-gradient(ellipse 60% 47% at 89% 6%,rgba(71,146,93,.30),transparent 67%),radial-gradient(ellipse 49% 33% at 15% 22%,rgba(191,222,122,.08),transparent 74%)}
.grain{position:absolute;inset:0 0 auto;height:900px;z-index:-1;opacity:.24;pointer-events:none;background-image:radial-gradient(#cde9c1 0.45px,transparent .6px);background-size:16px 16px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent 94%)}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
::selection{background:#b9e99d;color:#123321}.sr-only{position:absolute!important;clip:rect(0,0,0,0);white-space:nowrap;height:1px;width:1px;overflow:hidden}.skip-link{position:absolute;left:18px;top:-100px;z-index:9999;padding:12px 16px;background:var(--mint);color:#132618}.skip-link:focus{top:10px}
.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.top-nav{height:85px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:23px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand-symbol{width:41px;height:41px;background:var(--mint);color:#0b2517;border-radius:13px;transform:rotate(-9deg);display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 0 0 6px #c9f5b80d}.brand-words{display:grid;line-height:1.13;gap:4px}.brand-words strong{letter-spacing:.12em;font-size:14px;font-weight:850}.brand-words strong span{color:#b7d8b0}.brand-words small{font-size:9px;letter-spacing:.17em;color:#9bbba6;font-weight:650}.top-links{display:flex;gap:29px;font-size:13px}.top-links a,.footer-links a{text-decoration:none;color:#bdcfc0;transition:color .18s}.top-links a:hover,.footer-links a:hover{color:var(--mint)}.nav-community{text-decoration:none;border:1px solid #7dac80a1;border-radius:99px;padding:11px 19px;color:#e2f5df;font-weight:670;font-size:12px;white-space:nowrap}.nav-community:hover{border-color:var(--mint);background:#2f51344d}
.hero{min-height:660px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:50px;padding:63px 0 76px}.hero-content{position:relative;z-index:1}.kicker,.eyebrow,.tiny,.mini-overline{font-size:11px;letter-spacing:.15em;font-weight:780;color:#badeba;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:9px}.status-spark{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c7eea9;box-shadow:0 0 15px #a5efa080;vertical-align:middle}.hero h1{font-size:clamp(53px,6.8vw,92px);font-weight:780;letter-spacing:-.075em;line-height:.98;margin:23px 0 22px}.hero h1 em,.section-heading h2 em,.community-band h2 em{font-style:normal;color:var(--mint)}.hero-sub{max-width:590px;color:#cedcd0;font-size:17px;line-height:1.72;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:30px 0}.button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;font-weight:760;border-radius:999px;padding:15px 24px;font-size:14px;border:1px solid transparent;transition:background .2s,transform .2s,border-color .2s;white-space:normal;line-height:1.3;text-align:center}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.42;cursor:not-allowed;transform:none}.button-primary{background:var(--mint);color:#112b1b}.button-primary:hover:not(:disabled){background:#e5ffd6}.button-outline{border-color:rgba(206,232,201,.32);color:var(--text);background:#122b2014}.button-outline:hover:not(:disabled){border-color:#b8e7b1;background:#26442b80}.button-small{padding:11px 17px;font-size:12px}.hero-foot{display:flex;flex-wrap:wrap;gap:8px 17px;color:#a7c1ae;font-size:11px}.hero-foot span:before{content:"✧";color:var(--mint);margin-right:7px}
.hero-scene{position:relative;perspective:950px;min-height:520px;display:flex;align-items:center;justify-content:center}.orbit{width:420px;height:420px;border:1px solid rgba(184,235,186,.18);border-radius:50%;position:absolute;transform:rotateX(64deg) rotateZ(-24deg);pointer-events:none}.orbit-two{width:545px;height:545px;transform:rotateX(65deg) rotateZ(39deg);border-style:dashed;opacity:.5}.hero-tilt{width:min(100%,468px);border-radius:28px;padding:28px;background:linear-gradient(142deg,rgba(44,92,59,.99),#172c23 56%,#10271c);border:1px solid #a3d8ad65;box-shadow:0 36px 90px #010901b3,0 0 40px #aedfac1a,inset 0 1px #e7ffe21c;transform:rotateY(-10deg) rotateX(4deg);animation:scenefloat 9s ease-in-out infinite}.scene-top,.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;letter-spacing:.09em;font-size:10px;color:#ccdec8}.scene-top{padding-bottom:20px;border-bottom:1px solid var(--stroke)}.scene-prefix{font-weight:800}.scene-dots{display:flex;gap:4px}.scene-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#c8f4bd}.scene-dots i:nth-child(2){opacity:.5}.scene-dots i:nth-child(3){opacity:.22}.scene-head{display:flex;justify-content:space-between;align-items:center;padding:28px 0 12px}.mini-overline{display:block;font-size:9px;opacity:.74;margin-bottom:6px}.scene-head strong{font-size:23px;font-weight:750;letter-spacing:-.035em;line-height:1.15}.scene-cube{font-size:38px;color:#e2f5c9;background:#92ca803b;border:1px solid #9bd5a855;display:grid;place-items:center;width:56px;height:56px;border-radius:18px}.scene-rows{display:grid;gap:9px}.scene-rows>div{display:flex;align-items:center;gap:14px;background:#0c241c9e;padding:12px;border:1px solid #6ca27838;border-radius:13px}.scene-index{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#45815987;color:#d0efcc;font-size:11px;font-weight:790}.scene-rows>div>span:nth-child(2){flex:1;min-width:0}.scene-rows strong{font-size:13px;display:block;font-weight:700;white-space:nowrap}.scene-rows small{display:block;font-size:10px;color:#a8c6ae}.scene-rows b{font-size:9px;font-weight:730;letter-spacing:.08em;color:#d9f6d0}.scene-bottom{border-top:1px solid var(--stroke);margin-top:19px;padding-top:19px}.scene-bottom span:first-child{display:flex;align-items:center;gap:8px}.scene-label{position:absolute;bottom:7px;right:0;font-size:10px;color:#88aa92;letter-spacing:.12em}
.metrics-strip{display:grid;grid-template-columns:1.6fr repeat(3,.75fr);gap:0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:24px 0}.metrics-lead{padding-right:30px}.metrics-lead strong{display:block;font-size:18px;margin:5px 0}.metrics-lead small,.metric span{display:block;font-size:12px;color:#a5baa7}.metric{padding:4px 24px;border-left:1px solid var(--stroke)}.metric strong{font-size:36px;line-height:1.1;letter-spacing:-.06em;font-weight:770;display:block;margin-bottom:7px}.metric strong span{display:inline;font-size:17px;color:#83a58a}.metric:last-child{padding-right:0}
.section{padding:92px 0 105px;border-bottom:1px solid var(--stroke)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:31px}.section-heading>div{max-width:770px}.section-heading h2,.community-band h2{font-size:clamp(38px,4.2vw,64px);line-height:1.07;letter-spacing:-.066em;font-weight:755;margin:12px 0 0}.section-heading>p{color:var(--muted);max-width:365px;font-size:14px;line-height:1.7;margin:0 0 5px}.eyebrow{color:#b7d5b5}.panel{border:1px solid var(--stroke);border-radius:22px;background:linear-gradient(145deg,rgba(30,62,44,.63),rgba(15,38,26,.83));padding:27px;box-shadow:0 8px 35px rgba(0,10,5,.18)}.panel-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:24px}.micro-tag{font-size:10px;letter-spacing:.08em;color:#b9d4b7;border:1px solid #86b48b57;border-radius:100px;padding:6px 9px;white-space:nowrap}.path-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.path-form{display:grid;gap:20px;align-content:start}.form-row{display:grid;gap:8px}.form-row label,.field-label{font-size:12px;color:#e0eadd;font-weight:690;display:block;margin-bottom:6px}.form-row select,.ai-console select,.ai-console textarea,.workspace-panel textarea{display:block;width:100%;color:#ecf6e7;background:#0b2117;border:1px solid #60826982;padding:14px 15px;border-radius:10px;min-height:49px;font-size:14px;outline:0}.form-row select:focus,.ai-console select:focus,.ai-console textarea:focus,.workspace-panel textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #9adb9b1d}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.path-form-footer{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:5px}.path-form-footer>span{font-size:11px;color:var(--muted2)}.plan-output{min-height:330px}.plan-items{display:grid;gap:11px}.plan-empty{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}.plan-empty-symbol{font-size:44px;color:#88c89d;line-height:1;margin-bottom:14px}.plan-empty h3{font-size:20px;margin:0 0 7px}.plan-empty p{max-width:280px;font-size:13px;color:var(--muted);margin:0}.plan-item{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;border:1px solid #6b8f7044;border-radius:12px;padding:11px 13px;background:#10271bd0}.plan-step{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#78ac8540;color:var(--mint);font-weight:840;font-size:12px}.plan-item strong{display:block;font-size:14px}.plan-item small{display:block;color:#a7baa9;font-size:11px}.plan-item button{font-size:11px;color:var(--mint);background:transparent;border:0;padding:7px;text-decoration:underline;cursor:pointer}.plan-guidance{color:#b3c7b5;font-size:12px;margin:16px 0 0;line-height:1.6}
.track-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 25px}.track-tab{background:transparent;border:1px solid #63836b67;color:#b7c9b8;border-radius:99px;font-size:12px;padding:9px 15px;transition:background .18s}.track-tab:hover{border-color:var(--mint);color:var(--mint)}.track-tab.active{background:#d1f1ba;color:#14301b;border-color:#d1f1ba;font-weight:770}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.course-card{position:relative;display:flex;flex-direction:column;min-height:355px;border:1px solid var(--stroke);border-radius:22px;background:linear-gradient(145deg,#19372a,#0e241a 68%,#10231b);overflow:hidden;padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s}.course-card:before{content:"";position:absolute;top:0;right:0;width:145px;height:145px;pointer-events:none;background:radial-gradient(circle at top right,var(--course-tint,#b9e9bc),transparent 68%);opacity:.19}.course-card:hover{transform:translateY(-4px);border-color:#a8d9ae70;box-shadow:0 24px 45px #020b0699}.course-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.course-glyph{font-size:26px;line-height:1;color:var(--course-tint,#d1f1ba);background:#92b9911c;border:1px solid #91ba9b34;width:50px;height:50px;border-radius:15px;display:grid;place-items:center}.course-id{font-size:10px;color:#a2c3aa;letter-spacing:.12em}.course-label{font-size:10px;letter-spacing:.13em;font-weight:760;color:var(--course-tint,#c9f0cf)}.course-card h3{font-size:25px;letter-spacing:-.055em;line-height:1.15;margin:10px 0 10px}.course-card>p{color:var(--muted);font-size:13px;margin:0 0 20px;line-height:1.63}.course-meter{height:5px;border-radius:99px;background:#335a4093;margin-top:auto;overflow:hidden}.course-meter i{display:block;height:100%;background:var(--course-tint,#bdecc5);width:0%;transition:width .4s}.course-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#aac7b0;padding:10px 0 16px}.course-open{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid #679a6d85;color:#ecf6de;border-radius:11px;background:#224a318a;font-weight:690}.course-open:hover{background:#3f7146b5}
.lesson-section{padding-top:45px}.lesson-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:stretch}.brief-panel h3{font-size:30px;letter-spacing:-.045em;line-height:1.13;margin:0 0 12px}.lesson-why{color:#b4d2ba;font-size:14px;line-height:1.7;margin:0 0 20px}.brief-block{padding:16px 0;border-top:1px solid var(--stroke)}.brief-block p{color:#e2e9db;font-size:14px;line-height:1.75;margin:8px 0 0}.brief-note{background:#d9e4b70c;border:1px solid #dce7bd39;padding:14px 16px;border-radius:11px;display:flex;gap:10px;align-items:flex-start;color:#bbc9ad;font-size:12px}.brief-note span{color:var(--mint)}.workspace-panel textarea{resize:vertical;min-height:285px;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.workspace-actions,.workspace-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0}.practice-feedback{margin:19px 0 15px;min-height:95px;padding:16px;background:#071d137d;border:1px solid var(--stroke);border-radius:12px;color:#cddbc9;font-size:12px;line-height:1.6}.practice-feedback p{margin:0}.practice-feedback h4{font-size:14px;margin:0 0 9px;color:#f0f6dc}.practice-feedback ul{padding-left:18px;margin:8px 0 0}.practice-feedback li{margin:5px 0}.practice-feedback .passed{color:#c1efbc}.practice-feedback .needs-work{color:#f5bd9e}.workspace-foot{padding-top:15px;border-top:1px solid var(--stroke)}.workspace-foot>span{font-size:11px;color:#a3baa7}
.ai-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ai-console select{margin-bottom:14px}.ai-console textarea{resize:vertical;min-height:128px}.coach-info,.coach-warning{font-size:12px;color:#b3cdb9;line-height:1.65;margin:0 0 18px}.coach-controls{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 13px}.coach-warning{color:#a7bda7}.coach-response{min-height:144px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow-y:auto;border:1px solid #5e846250;border-radius:14px;padding:19px;background:#071b11;color:#e2f2d5;font:13px/1.65 ui-monospace,Consolas,monospace;margin:14px 0 0}.model-stack{display:grid}.model-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--stroke)}.model-row:first-child{border-top:0;padding-top:0}.model-orb{width:36px;height:36px;flex:0 0 36px;border:1px solid #b2dcb34a;background:#2d61304d;display:grid;place-items:center;border-radius:11px;color:var(--c,#cdf0c2);font-size:18px}.model-row>div{flex:1;min-width:0}.model-row strong{display:block;font-size:13px;line-height:1.5}.model-row small{display:block;color:#a6bba9;font-size:11px}.ready-chip,.offline-chip{flex:0 0 auto;font-size:9px;letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:5px 7px;border:1px solid #b6d3ae5c;color:#c8e9bf}.offline-chip{border-color:#c3ba9263;color:#e0caaa}.ai-truth{border:1px solid #7eab8c38;background:#132a207f;border-radius:12px;padding:17px;margin:22px 0 14px}.ai-truth strong{font-size:13px}.ai-truth p{font-size:12px;line-height:1.7;color:#b5c6b6;margin:7px 0 0}.text-link{font-size:12px;color:#d5f0ce;text-decoration:underline;text-underline-offset:4px}
.portfolio-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:17px}.portfolio-big{font-size:73px;font-weight:790;letter-spacing:-.075em;line-height:1.06;margin:15px 0}.portfolio-meter{height:9px;border-radius:99px;background:#2d5539;overflow:hidden;margin:18px 0}.portfolio-meter i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#85c99a,#d7f3b4);transition:width .35s}.portfolio-head p{color:#b2c7b4;font-size:13px;line-height:1.7}.export-actions{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 10px}.fine{color:#819e89}.completed-list{display:grid;gap:10px;max-height:355px;overflow:auto}.completed-list>div{background:#0d2418;border:1px solid #67916e47;padding:13px 15px;border-radius:12px;display:flex;gap:13px;justify-content:space-between;align-items:start}.completed-list strong{display:block;font-size:13px}.completed-list small{display:block;color:#9eb7a1;font-size:11px;margin-top:4px}.completed-list b{font-size:11px;font-weight:740;color:var(--mint);white-space:nowrap}.muted{color:var(--muted)}
.community-band{background:linear-gradient(116deg,#275838,#142f24 85%);border:1px solid #8bce9d4e;border-radius:26px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:70px 0}.community-copy{max-width:780px}.community-band h2{font-size:clamp(36px,4.5vw,57px)}.community-band p{color:#d2e4d3;max-width:540px;font-size:14px;line-height:1.75;margin:15px 0 0}.community-actions{display:grid;gap:12px;min-width:240px}.footer{border-top:1px solid var(--stroke);padding:35px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.footer>div:first-child p{font-size:12px;color:#a2b6a5;margin:14px 0}.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:flex-end;font-size:12px}.footer-disclaimer{grid-column:span 2;color:#90a895;border-top:1px solid var(--stroke);padding-top:21px;font-size:11px;max-width:900px;line-height:1.6}
@keyframes scenefloat{50%{transform:rotateY(-7deg) rotateX(3deg) translateY(-10px)}}
@media(max-width:1060px){.hero{gap:25px}.top-links{gap:16px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading>p{max-width:300px}.model-row{flex-wrap:wrap}.model-row .offline-chip,.model-row .ready-chip{margin-left:auto}}
@media(max-width:780px){.shell{width:min(100% - 32px,1240px)}.top-nav{height:73px}.top-links{display:none}.brand-words strong{font-size:12px}.nav-community{padding:9px 13px}.hero{grid-template-columns:1fr;min-height:auto;padding:58px 0 34px;gap:24px}.hero h1{font-size:clamp(51px,10.7vw,77px)}.hero-sub{font-size:15px}.hero-scene{min-height:440px}.hero-tilt{transform:none;animation:none;width:min(100%,500px)}.orbit{width:340px;height:340px}.orbit-two{width:415px;height:415px}.metrics-strip{grid-template-columns:repeat(3,1fr)}.metrics-lead{grid-column:span 3;padding:0 0 20px}.metric:first-of-type{border-left:0;padding-left:0}.metric{padding:4px 14px}.metric strong{font-size:30px}.section{padding:69px 0}.section-heading{display:block}.section-heading>p{max-width:650px;margin:16px 0 0}.section-heading h2{font-size:clamp(35px,7vw,54px)}.path-layout,.lesson-grid,.ai-layout,.portfolio-layout{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-band{margin:50px 0;display:block;padding:30px}.community-actions{grid-template-columns:1fr 1fr;margin-top:22px;min-width:0}.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-disclaimer{grid-column:span 1}}
@media(max-width:540px){.shell{width:min(100% - 26px,1240px)}.hero h1{font-size:clamp(46px,13vw,67px)}.hero-scene{min-height:365px}.hero-tilt{padding:17px;border-radius:19px}.scene-head strong{font-size:19px}.scene-rows>div{gap:10px;padding:10px}.scene-rows b{font-size:8px}.orbit{width:270px;height:270px}.orbit-two{width:320px;height:320px}.scene-label{bottom:0}.metrics-strip{padding:20px 0}.metric{padding:3px 10px}.metric strong{font-size:26px}.metric span{font-size:10px}.panel{padding:19px;border-radius:16px}.two-inputs{grid-template-columns:1fr}.path-form-footer .button{width:100%}.course-grid{grid-template-columns:1fr}.course-card{min-height:305px;padding:22px}.track-tab{font-size:11px;padding:8px 12px}.workspace-actions .button,.workspace-foot .button{flex:1}.model-row{gap:9px}.model-row strong{font-size:12px}.model-row small{font-size:10px}.community-actions{grid-template-columns:1fr}.community-actions .button{width:100%}.export-actions .button{flex:1}.top-nav .brand-symbol{width:35px;height:35px}.brand-words small{font-size:8px}.footer-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Track drill-down and mobile overflow protection verified in browser QA. */
.hero-scene{overflow:hidden}
.course-detail-header{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-bottom:17px;border-bottom:1px solid var(--stroke)}
.course-detail-header h3{font-size:25px;letter-spacing:-.04em;margin:0 0 7px}
.course-detail-header p{color:var(--muted);font-size:13px;margin:0}
.lesson-pick-list{display:grid;gap:8px;margin-top:18px}
.lesson-pick{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:15px;align-items:center;text-align:left;width:100%;color:var(--text);border:1px solid var(--stroke);background:#0e241ac4;border-radius:12px;padding:13px}
.lesson-pick:hover{background:#275235;border-color:var(--stroke-bright)}
.pick-index{display:grid;place-items:center;width:35px;height:35px;background:#31523b9c;border-radius:10px;color:var(--mint);font-size:11px;font-weight:800}
.pick-copy strong{display:block;font-size:13px}
.pick-copy small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}
.pick-state{font-size:11px;color:var(--mint);font-weight:750;white-space:nowrap}
@media(max-width:540px){.course-detail-header{display:block}.course-detail-header .button{margin-top:14px}.lesson-pick{gap:10px;padding:11px}.pick-state{font-size:10px}}