:root{--ink:#1d2939;--muted:#667085;--line:#e4e7ec;--paper:#fff;--bg:#f7f9fc;--brand:#176b5c;--brand-dark:#105247;--brand-soft:#e8f3f0;--warm:#f4eee5;--ok:#176b45;--danger:#b42318}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);margin:0;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--brand)}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:3px;outline:3px solid #8bc8ba}.skip-link{z-index:10;color:var(--ink);background:#fff;border-radius:6px;padding:.6rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.learner-shell{min-height:100vh}.learner-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:1rem clamp(1rem,4vw,3rem);display:flex}.brand{color:var(--ink);align-items:center;gap:.65rem;font-weight:650;text-decoration:none;display:inline-flex}.brand img{width:auto;max-width:170px;height:32px}.brand span{border-left:1px solid var(--line);color:var(--muted);padding-left:.65rem;font-size:.9rem}.profile-bar{align-items:center;gap:.65rem;display:flex}.profile-name{max-width:18rem;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{color:#fff;background:var(--brand);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.logout-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:.45rem .7rem}.logout-button:hover{border-color:var(--brand);color:var(--brand-dark)}.learner-content{width:min(100% - 2rem,1120px);margin:0 auto;padding:clamp(2rem,6vw,4.5rem) 0}.page-intro{max-width:680px;margin-bottom:2rem}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:750}h1,h2,h3{line-height:1.2}.page-intro h1,.player-heading h1{color:#14221f;letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.4rem)}.intro-copy{color:var(--muted);margin:.8rem 0 0;font-size:1.1rem}.course-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1.25rem;display:grid}.course-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;min-height:290px;padding:1.45rem;display:flex;box-shadow:0 4px 16px #1018280a}.course-card:hover{border-color:#acd5cc;box-shadow:0 8px 24px #10182814}.course-card-top,.course-card-meta,.player-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.course-card h2{margin:1.2rem 0 .5rem;font-size:1.45rem}.course-card p{color:var(--muted);margin:0}.course-card-meta{color:var(--muted);justify-content:flex-start;margin:auto 0 1.2rem;font-size:.85rem}.course-card-meta span+span{border-left:1px solid var(--line);padding-left:.75rem}.course-version{color:var(--muted);white-space:nowrap;font-size:.8rem}.progress-pill{border-radius:99px;align-items:center;padding:.3rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.progress-completed{color:var(--ok);background:#e5f4ec}.progress-inprogress{color:#175985;background:#e7f1f8}.progress-failed,.progress-overdue{color:#8f2d25;background:#fce9e7}.progress-notstarted{color:#5d6672;background:#eef0f2}.button{border:1px solid var(--brand);color:#fff;background:var(--brand);border-radius:7px;min-height:44px;padding:.65rem 1rem;font-weight:700}.button:hover{background:var(--brand-dark)}.button.secondary{color:var(--brand-dark);background:#fff;border-color:#b7d2cc}.button:disabled{cursor:not-allowed;opacity:.55}.full-width{width:100%;margin-top:.75rem}.loading,.empty-state,.error{border-radius:10px;padding:1.25rem}.loading{color:var(--muted);background:var(--paper)}.empty-state{background:#fff;border:1px dashed #cbd5e1}.empty-state h2{margin:0 0 .4rem}.empty-state p{color:var(--muted);margin:0}.error{color:#7a271a;background:#fff5f4;border:1px solid #f1b9b5;flex-wrap:wrap;align-items:flex-start;gap:.65rem;display:flex}.error strong{width:100%}.error span{flex:15rem}.small{font-size:.88rem}.muted{color:var(--muted)}.player-page{max-width:860px;margin:0 auto}.back-link{color:var(--brand-dark);background:0 0;border:0;margin-bottom:2rem;padding:.4rem 0;font-weight:700}.player-heading{align-items:flex-end;margin-bottom:1.5rem}.player-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:clamp(1rem,4vw,2rem);box-shadow:0 4px 16px #1018280a}.player-card>div[aria-label]{min-width:0}.player-card img,.player-card video{max-width:100%;height:auto;margin:1rem 0;display:block}.player-card video{width:100%}.player-card fieldset{border:1px solid var(--line);background:#fafcfb;border-radius:8px;margin:1.5rem 0;padding:1rem}.player-card legend{padding:0 .4rem;font-weight:700}.player-card fieldset label{align-items:flex-start;gap:.55rem;margin:.65rem 0;font-weight:400;display:flex}.player-card input[type=radio],.player-card input[type=checkbox]{flex:none;width:auto;margin-top:.3rem}.login-shell,.session-loading{background:var(--bg);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card,.session-loading-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(100%,440px);padding:clamp(1.5rem,6vw,2.5rem);box-shadow:0 12px 40px #10182814}.login-card img,.session-loading-card img{width:auto;max-width:220px;height:42px;margin-bottom:1.8rem}.login-card h1,.session-loading-card h1{margin:0 0 .5rem;font-size:2rem}.login-card form{gap:.35rem;display:grid}label{margin-top:.8rem;font-weight:650}input{background:#fff;border:1px solid #c8d0da;border-radius:6px;width:100%;padding:.7rem .8rem}.login-card form .button{margin-top:1rem}.login-message{color:var(--brand-dark)}@media (width<=600px){.learner-header{min-height:64px;padding:.75rem 1rem}.brand img{max-width:130px;height:27px}.brand span,.profile-name{display:none}.profile-bar{gap:.5rem}.logout-button{padding:.4rem .55rem;font-size:.9rem}.learner-content{width:min(100% - 1.25rem,1120px);padding:2.2rem 0}.player-heading{display:block}.player-heading .course-version{margin-top:.7rem;display:block}.course-card{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.learner-shell--player{--stage-ink:#eef8f6;--stage-muted:#a8c4c1;--stage-line:#ace5dc38;--stage-panel:#081926c7;--stage-teal:#54e0c2;--stage-coral:#ff816c;--stage-amber:#ffc76b;height:100dvh;min-height:0;color:var(--stage-ink);background:#061522;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.learner-shell--player .learner-header{z-index:2;border-bottom-color:var(--stage-line);background:#051420e0;min-height:56px;padding:.65rem clamp(1rem,3vw,2.5rem)}.learner-shell--player .brand,.learner-shell--player .profile-name{color:var(--stage-ink)}.learner-shell--player .brand span,.learner-shell--player .profile-name{color:var(--stage-muted)}.learner-shell--player .avatar{color:#06211e;background:linear-gradient(135deg, var(--stage-teal), var(--stage-amber))}.learner-shell--player .logout-button{border-color:var(--stage-line);color:var(--stage-ink);background:0 0}.learner-shell--player .learner-content--player{width:100%;min-width:0;min-height:0;padding:0;overflow:hidden}.learner-shell--player .player-page{width:100%;min-width:0;max-width:none;height:100%;min-height:0;padding:clamp(.7rem, 2vw, 1.35rem) clamp(1rem, 4vw, 4rem) max(.7rem, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);margin:0;display:grid}.learner-shell--player .back-link{width:max-content;color:var(--stage-teal);margin:0 0 .45rem;padding:.25rem 0}.learner-shell--player .player-heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.learner-shell--player .player-card{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex}.learner-shell--player .player-card>#main,.learner-shell--player .player-card>div,.learner-shell--player .player-card>div[id^=foldkit-learning]>div{flex:auto;min-width:0;min-height:0;display:flex}.learner-shell--player .player-card>div>.learning-stage{min-height:0}.learner-shell--player .player-card>.small{display:none}.learning-stage{isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;color:var(--stage-ink,#eef8f6);background:radial-gradient(at 78% 14%,#ff7a6433,#0000 35%),radial-gradient(at 18% 78%,#19ccbe30,#0000 42%),linear-gradient(135deg,#071a2a 0%,#0a2634 51%,#111b32 100%);grid-template-rows:minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.learning-stage__course-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.learning-stage:before,.learning-stage:after{z-index:-1;content:"";pointer-events:none;border:1px solid #54e0c229;border-radius:42% 58% 63% 37%;width:40vw;height:40vw;display:block;position:absolute;transform:rotate(24deg)}.learning-stage:before{top:-28vw;right:-9vw;box-shadow:0 0 0 3rem #ff816c0a,0 0 0 8rem #54e0c208}.learning-stage:after{border-color:#ffc76b26;bottom:-31vw;left:-15vw;transform:rotate(-28deg)}.learning-stage__viewport{min-width:0;min-height:0;padding:clamp(.25rem,2vh,1.25rem) .1rem 0;display:grid;overflow:hidden}.learning-stage__scene{flex-direction:column;justify-content:safe center;width:min(100%,1050px);min-width:0;min-height:0;margin:0 auto;padding:clamp(1rem,4vw,4rem) clamp(.2rem,4vw,3rem);display:flex;overflow:hidden auto}.learning-stage__eyebrow{color:var(--stage-amber,#ffc76b);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7rem;font-size:.74rem;font-weight:800}.learning-stage__title,.learning-stage__quiz h2{max-width:17ch;color:var(--stage-ink,#eef8f6);letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,7vw,6.8rem);font-weight:800;line-height:1.08}.learning-stage__lead{max-width:60ch;color:var(--stage-muted,#a8c4c1);margin:clamp(1rem,2.5vh,1.8rem) 0 0;font-size:clamp(1rem,1.5vw,1.3rem)}.learning-stage__keypoints{max-width:62ch;color:var(--stage-ink,#eef8f6);gap:.45rem;margin:clamp(1rem,2.5vh,1.8rem) 0 0;padding:0;list-style:none;display:grid}.learning-stage__keypoints li{padding-left:1.25rem;position:relative}.learning-stage__keypoints li:before{background:var(--stage-coral,#ff816c);width:.45rem;height:.45rem;box-shadow:0 0 1rem var(--stage-coral,#ff816c);content:"";border-radius:50%;position:absolute;top:.62em;left:0}.learning-stage__transcript{max-width:68ch;color:var(--stage-muted,#a8c4c1);border-top:1px solid var(--stage-line,#ace5dc38);border-bottom:1px solid var(--stage-line,#ace5dc38);margin-top:1rem}.learning-stage__transcript summary{color:var(--stage-teal,#54e0c2);cursor:pointer;padding:.7rem 0;font-weight:700}.learning-stage__transcript p{max-height:7rem;margin:0 0 .8rem;padding-right:.5rem;overflow:auto}.learning-stage__controls,.learning-stage__transport{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.learning-stage__controls{margin-top:clamp(1rem,2vh,1.5rem)}.learning-stage__timeline{border-top:1px solid var(--stage-line,#ace5dc38);scrollbar-width:thin;gap:.45rem;min-width:0;padding:.7rem clamp(.2rem,4vw,3rem);display:flex;overflow-x:auto}.learning-stage__chapter{min-width:7rem;color:var(--stage-muted,#a8c4c1);text-align:left;background:#ffffff0a;border:1px solid #0000;border-radius:.45rem;flex-direction:column;flex:7rem;align-items:flex-start;gap:.1rem;padding:.45rem .65rem;display:flex}.learning-stage__chapter span:first-child{color:var(--stage-amber,#ffc76b);font-size:.7rem;font-weight:800}.learning-stage__chapter span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.learning-stage__chapter[aria-current=step]{border-color:var(--stage-teal,#54e0c2);color:var(--stage-ink,#eef8f6);background:#54e0c21f}.learning-stage__transport{min-height:4rem;padding:.45rem clamp(.2rem, 4vw, 3rem) max(.35rem, env(safe-area-inset-bottom));background:#040e1973}.learning-stage__transport svg{fill:currentColor;stroke:currentColor;stroke-width:1.5px;width:1.2rem;height:1.2rem}.learning-stage__transport .learning-stage__button{place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.55rem;display:inline-grid}.learning-stage__seek{min-width:8rem;accent-color:var(--stage-teal,#54e0c2);flex:12rem}.learning-stage__time{min-width:6rem;color:var(--stage-muted,#a8c4c1);font-variant-numeric:tabular-nums;font-size:.78rem}.learning-stage__caption-region{border-left:2px solid var(--stage-coral,#ff816c);width:min(100%,62ch);min-height:3.2rem;color:var(--stage-muted,#a8c4c1);background:#040e195c;margin:clamp(1.5rem,5vh,3rem) 0 0;padding:.8rem 1rem;line-height:1.55;display:block}.learning-stage__word{transition:color .12s,text-shadow .12s}.learning-stage__word--spoken{color:var(--stage-muted,#a8c4c1)}.learning-stage__word--current{color:var(--stage-amber,#ffc76b);text-shadow:0 0 1rem #ffc76b73}.learning-stage__word--upcoming{color:var(--stage-ink,#eef8f6)}.learning-stage__caption{color:var(--stage-muted,#a8c4c1);margin:0 0 0 .3rem;font-size:.85rem}.learning-stage__button,.learning-stage__start{border:1px solid var(--stage-line,#ace5dc38);min-height:2.5rem;color:var(--stage-ink,#eef8f6);background:#ffffff12;border-radius:.45rem;padding:.55rem .9rem;font-weight:750}.learning-stage__button:hover,.learning-stage__chapter:hover{border-color:var(--stage-teal,#54e0c2)}.learning-stage__start{z-index:3;color:#06211e;background:linear-gradient(100deg, var(--stage-teal), var(--stage-amber));border:0;min-height:3.25rem;padding:.9rem 1.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 3rem #54e0c238}.learning-stage__audio{opacity:.01;width:1px;height:1px;position:absolute;overflow:hidden}.learning-stage__quiz{align-self:stretch;width:min(100%,760px);min-width:0;height:100%;min-height:0;margin:0 auto;padding:clamp(1rem,4vw,3rem);overflow:hidden auto}.learning-stage__quiz h2{margin-bottom:1.5rem;font-size:clamp(2.25rem,6vw,5rem)}.learning-stage__quiz fieldset{border:1px solid var(--stage-line,#ace5dc38);background:var(--stage-panel,#081926c7);border-radius:.55rem;margin:1.1rem 0;padding:1rem}.learning-stage__quiz legend{max-width:100%;padding:0 .35rem;font-weight:700}.learning-stage__quiz label{color:var(--stage-muted,#a8c4c1);align-items:flex-start;gap:.6rem;margin:.7rem 0;display:flex}.learning-stage__quiz input{flex:none;width:auto;margin-top:.35rem}.learning-stage__status{color:var(--stage-ink,#eef8f6);margin:1rem 0 0}.learning-stage[data-screen=completed],.learning-stage[data-screen=failed]{text-align:center;place-content:center;gap:.7rem;padding:2rem;display:grid}.learning-stage[data-screen=completed] h2,.learning-stage[data-screen=failed] h2{margin:0;font-size:clamp(2rem,6vw,5rem)}@media (width<=600px){.learner-shell--player .learner-header{min-height:52px}.learner-shell--player .learner-content--player{padding:0}.learner-shell--player .player-page{padding-top:.4rem}.learning-stage__scene{justify-content:flex-start;padding-top:5.2rem;padding-bottom:2rem;overflow-y:auto}.learning-stage__start{max-width:11rem;min-height:2.75rem;padding:.65rem .85rem;top:.75rem;left:auto;right:.75rem;transform:none}.learning-stage__title{font-size:clamp(2.4rem,12vw,4rem)}.learning-stage__transport{gap:.4rem}.learning-stage__caption{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.learning-stage:before,.learning-stage:after,.learning-stage__start{transform:none}.learning-stage__word{transition:none}}