.lesson-home{color:#edf0f7;max-width:1180px;font-family:var(--sans,system-ui,sans-serif);margin:0 auto;padding:34px 30px 65px}.lesson-home *{box-sizing:border-box}.lesson-home :is(h1,h2,h3,h4,p){margin:0}.lesson-home .eyebrow{letter-spacing:.15em;color:#aab5c7;font-size:10px;font-weight:600;line-height:1.6}.lesson-home-heading{border-bottom:1px solid #293040;padding-bottom:28px}.lesson-home h1{max-width:720px;font:500 clamp(32px,3.7vw,46px)/1.14 var(--sans,system-ui,sans-serif);letter-spacing:-.045em;color:#f0f2f7;margin:13px 0 14px}.lesson-home .hero-description{color:#aeb9cc;max-width:680px;font-size:16px;line-height:1.7}.lesson-start-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px;display:flex}.lesson-home .button{cursor:pointer;border:1px solid #394358;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:11px 16px;font-size:14px;line-height:1.5;text-decoration:none;display:inline-flex}.lesson-home .button.primary{color:#171321;background:#e1daf1;border-color:#e1daf1;font-weight:550}.lesson-home .button.secondary{color:#c5cee0;background:#141b2a;border-color:#323d51}.lesson-home .button:disabled{opacity:.55;cursor:default}.lesson-home .text-link{color:#c8bbea;align-items:center;gap:8px;font-size:13px;line-height:1.6;text-decoration:none;display:inline-flex}.lesson-home .text-link:hover{text-underline-offset:4px;text-decoration:underline}.lesson-home-grid{grid-template-columns:minmax(0,1.3fr) minmax(310px,.85fr);align-items:start;gap:42px;margin-top:30px;display:grid}.lesson-home h2{font:500 25px/1.3 var(--sans,system-ui,sans-serif);letter-spacing:-.035em;color:#eef1f8}.lesson-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:19px;margin-bottom:24px;display:flex}.lesson-list-heading h2{margin-top:9px}.lesson-list-heading .eyebrow{font-size:9px}.lesson-view-switch{background:#111725;border:0;border-radius:7px;gap:3px;min-width:0;margin:0;padding:3px;display:flex}.lesson-view-switch .button{white-space:nowrap;background:0 0;border-color:#0000;min-height:37px;padding:7px 10px;font-size:12px}.lesson-view-switch .button[aria-pressed=true]{color:#e6ddfa;background:#25283d;border-color:#46405d}.lesson-view-switch .button>span{color:#e1d1ff;background:#68559d40;border-radius:4px;padding:1px 5px;font-size:10px}.lesson-group{margin:24px 0}.lesson-group>h3{letter-spacing:.045em;color:#a4b2ca;margin:0 0 11px;font-size:11px;font-weight:500}.lesson-list{border-top:1px solid #2b3242;margin:0;padding:0;list-style:none}.lesson-list li{border-bottom:1px solid #2b3242}.lesson-list li a{border-radius:3px;gap:8px;padding:18px 1px;text-decoration:none;transition:background .15s;display:grid}.lesson-list li a:hover{background:#ffffff04}.lesson-row-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.lesson-row-top>svg{color:#9baecb;flex:none}.lesson-list h4{font:500 18px/1.45 var(--sans,system-ui,sans-serif);letter-spacing:-.02em;color:#eef1fa}.lesson-game-title{color:#a6b3cb;font-size:13px;line-height:1.6}.lesson-meta{color:#98a8c1;flex-wrap:wrap;gap:5px 13px;font-size:11px;line-height:1.6;display:flex}.lesson-list .table-return-state{color:#c7b8e8;align-items:center;gap:7px;padding-top:4px;font-size:12px;font-weight:500;display:flex}.lesson-list li[data-due=true] .lesson-row-top>h4{color:#e6dcf7}.lesson-more{margin-top:5px}.lesson-empty{color:#aebad0;padding:23px 0}.lesson-empty>svg{color:#a7aec3;margin-bottom:16px}.lesson-empty h3{letter-spacing:-.025em;color:#e7ebf4;font-size:20px;font-weight:500;line-height:1.4}.lesson-empty p{max-width:510px;margin:12px 0 17px;font-size:14px;line-height:1.8}.lesson-empty>div{flex-wrap:wrap;gap:22px;display:flex}.lesson-practice-discovery{border-top:1px solid #293040;align-items:flex-start;gap:17px;margin-top:28px;padding:24px 0 0;display:flex}.lesson-practice-discovery>svg{color:#a9b4cb;flex:none;margin-top:2px}.lesson-practice-discovery h3{color:#e2e8f4;font-size:16px;font-weight:500;line-height:1.4}.lesson-practice-discovery p{color:#a6b4cb;margin:9px 0 11px;font-size:13px;line-height:1.7}.lesson-import{background:#111722;border:1px solid #303749;border-radius:10px;padding:23px;scroll-margin-top:90px}.lesson-import>.eyebrow{align-items:center;gap:7px;display:flex}.lesson-import h2{margin:11px 0 12px;font-size:25px}.lesson-import>p:not(.eyebrow){color:#b5c0d2;font-size:14px;line-height:1.7}.lesson-home .club-form{gap:16px;margin-top:21px;display:grid}.lesson-home .club-form label{color:#c7d1e2;font-size:12px;line-height:1.6;display:block}.lesson-import :is(textarea,input){color:#e1e7f4;background:#090f1b;border:1px solid #3a4459;border-radius:6px;width:100%;margin-top:8px;padding:12px;font:13px/1.65 ui-monospace,Menlo,monospace;display:block}.lesson-import input{min-height:45px;font-family:inherit;font-size:15px}.lesson-import textarea{resize:vertical;min-height:146px}.lesson-import :is(textarea,input)::placeholder{color:#8494af;opacity:1}.lesson-colour{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;display:flex}.lesson-colour legend{color:#bbc8dd;padding:0 0 9px;font-size:12px}.lesson-colour .button{min-height:40px;padding:8px 14px;font-size:12px}.lesson-colour .button[aria-pressed=true]{color:#f0e8ff;background:#25263d;border-color:#a79ac2}.lesson-colour-dot{border:1px solid #8b95a8;border-radius:50%;width:9px;height:9px;display:block}.lesson-colour-dot.white{background:#eeeee7}.lesson-colour-dot.black{background:#131824}.lesson-home .field-note{color:#a8b5c9;font-size:12px;line-height:1.7}.lesson-home .lesson-allowance{background:0 0;border-top:1px solid #303749;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:11px;margin-top:21px;padding-top:18px;display:flex}.lesson-home .lesson-allowance>div{flex:1;min-width:170px}.lesson-home .lesson-allowance strong{color:#c5cfe0;font-size:12px;font-weight:500;line-height:1.7;display:block}.lesson-home .lesson-allowance span{color:#98a8c1;margin-top:6px;font-size:11px;line-height:1.7;display:block}.lesson-home .lesson-allowance .text-link{white-space:nowrap;padding-top:2px;font-size:11px}.lesson-import-details{color:#a1b0c8;border-top:1px solid #303749;margin-top:19px;padding-top:6px;font-size:12px;line-height:1.75}.lesson-import-details summary{cursor:pointer;color:#bac6da;justify-content:space-between;align-items:center;gap:12px;min-height:44px;list-style:none;display:flex}.lesson-import-details summary::-webkit-details-marker{display:none}.lesson-import-details summary>svg{flex:none}.lesson-import-details[open] summary>svg{transform:rotate(180deg)}.lesson-import-details p{padding:3px 0 5px}.lesson-home .club-error{color:#f2bbc1;background:#6b333b1c;border:1px solid #a2656b55;border-radius:6px;padding:13px 15px;font-size:13px;line-height:1.7;display:block}.lesson-home .club-error .text-link{cursor:pointer;background:0 0;border:0;margin-left:8px;font-family:inherit}.lesson-home .return-check{color:#acb8ce;padding:16px 0;font-size:14px;display:block}.lesson-home .lesson-footer{margin-top:34px;font-size:13px}.lesson-home :is(button,a,input,textarea,summary):focus-visible{outline-offset:4px;outline:2px solid #c0adea}@media (max-width:1000px){.lesson-home-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.95fr);gap:28px}.lesson-list-heading{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width:800px){.lesson-home{padding:27px 20px 55px}.lesson-home-grid{grid-template-columns:1fr;gap:31px;margin-top:27px}.lesson-home h1{max-width:530px;font-size:35px}.lesson-home .hero-description{font-size:15px}.lesson-start-actions{gap:17px;margin-top:21px}.lesson-start-actions .button{font-size:13px}.lesson-start-actions .text-link{min-height:44px}.lesson-home-heading{padding-bottom:23px}.lesson-list-heading{flex-direction:row;align-items:center;gap:15px}.lesson-list-heading h2{font-size:24px}.lesson-view-switch .button{font-size:11px}.lesson-import{padding:22px}.lesson-practice-discovery{margin-top:23px}.lesson-home .lesson-allowance>div{min-width:170px}}@media (max-width:420px){.lesson-list-heading{flex-direction:column;align-items:flex-start}.lesson-home h1{font-size:33px}.lesson-import{padding:19px}.lesson-start-actions{gap:7px 18px}.lesson-list h4{font-size:18px}.lesson-meta{font-size:11px}}@media (prefers-reduced-motion:reduce){.lesson-home *{transition:none;animation:none}}
