: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}}