:root{--ink:#141719;--paper:#f6f7f8;--yellow:#e8f352;--blue:#c0d3ff;--line:#dedfe2;--muted:#62666b;--green:#1b7253;--red:#a52e35;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #315ace;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,5.3vw,5.3rem);font-weight:800;margin-bottom:24px}h2{font-size:clamp(1.9rem,3vw,2.6rem)}h3{font-size:1.35rem}p{margin-bottom:16px}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--yellow);padding:10px}.skip:focus{top:10px}.header{background:white;border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:auto;min-height:94px;display:flex;align-items:center;gap:48px;padding:20px 40px}.brand{display:inline-flex;align-items:center;font-size:2rem;line-height:1;font-weight:800;letter-spacing:-.07em}.brand span{font-weight:900}.brand i{width:9px;height:9px;background:var(--ink);margin:18px 0 0 4px}.header nav{display:flex;gap:30px;flex:1}.header nav a{font-size:15px;font-weight:600;color:var(--muted);position:relative}.header nav a.active{color:var(--ink)}.header nav a.active:after{position:absolute;content:'';height:3px;background:var(--ink);bottom:-32px;left:0;right:0}.header-start{padding:11px 22px;border:1px solid var(--ink);border-radius:100px;font-size:14px;font-weight:700}.header-start:hover{background:var(--yellow)}.container{max-width:1280px;margin:auto;padding:52px 40px}.eyebrow{display:flex;gap:12px;align-items:center;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:700;margin-bottom:22px}.eyebrow span,.pill{border:1px solid currentColor;border-radius:40px;padding:4px 10px;font-size:12px;letter-spacing:.04em;display:inline-block}.hero{background:var(--yellow);border-bottom:1px solid #d4df3f}.hero-inner{max-width:1280px;margin:auto;padding:56px 40px 52px;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.hero p{max-width:460px;color:#3d431a;font-size:18px}.hero .actions{margin-top:28px}.hero-facts{display:flex;gap:30px;margin-top:38px;padding-top:25px;border-top:1px solid #bfcb34;font-size:14px}.hero-facts strong{display:block;font-size:1.5rem;color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--ink);padding:12px 23px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.4;font-size:15px;font-weight:700;background:white;color:var(--ink);min-height:46px}.btn:hover{background:#e5e7e9}.btn.primary{background:var(--ink);color:white}.btn.primary:hover{background:#343a40}.btn.yellow{background:var(--yellow)}.btn.ghost{background:transparent}.btn.small{padding:9px 16px;min-height:40px;font-size:14px}.feature-video{background:var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:14px 14px 0 #ceda42}.feature-top{padding:22px 25px;display:flex;justify-content:space-between;color:#bdc3c8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.feature-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#141719;border:0;padding:0;cursor:pointer}.feature-cover img{display:block;width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:100%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);font-size:24px;box-shadow:0 0 0 8px #ffffff13}.feature-cover:after{content:'';position:absolute;inset:0;background:#14171910;pointer-events:none}.feature-cover .play{z-index:1}.feature-bottom{padding:21px 25px;display:flex;align-items:center;justify-content:space-between;color:white;gap:20px}.feature-bottom strong{display:block;font-size:17px}.feature-bottom p{margin:3px 0 0;color:#a8afb6;font-size:13px}.feature-bottom .length{border:1px solid #485056;padding:5px 10px;border-radius:6px;font-size:13px}.intro-row{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.intro-row h2{margin:0 0 10px}.intro-row p{color:var(--muted);margin:0;max-width:650px}.progress-info{width:245px}.progress-info label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.bar{height:7px;background:#dfe1e4;border-radius:10px;overflow:hidden}.bar span{height:100%;display:block;background:var(--ink);border-radius:10px}.filters{display:flex;gap:8px;overflow:auto;margin:30px 0}.filter{white-space:nowrap;min-height:40px;border:1px solid var(--line);border-radius:30px;padding:8px 16px;background:white;font-size:14px}.filter.selected{background:var(--ink);color:white;border-color:var(--ink)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden;transition:transform .2s}.course-card:hover{transform:translateY(-4px)}.card-cover{position:relative;height:146px;display:flex;align-items:center;justify-content:space-between;padding:27px 25px;background:#e9edfa}.card-cover.yellow{background:#e6ed9c}.card-number{font-size:4.5rem;line-height:1;font-weight:800;letter-spacing:-.09em;color:#141719}.card-cover .tag{font-size:11px;font-weight:700;letter-spacing:.09em;max-width:90px}.card-play{height:43px;width:43px;border-radius:100%;display:grid;place-items:center;border:1px solid #141719;margin-top:15px;font-size:15px}.card-body{padding:24px}.card-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.card-body h3{font-size:1.32rem;letter-spacing:-.025em;margin-bottom:13px;min-height:48px}.card-body p{font-size:14px;color:var(--muted);min-height:45px;margin:0}.done{color:var(--green);font-weight:700}.bottom-cta{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);border-radius:18px;color:white}.bottom-cta>div{padding:38px}.bottom-cta>div+div{border-left:1px solid #3a4146}.bottom-cta h3{font-size:1.8rem}.bottom-cta p{color:#bac0c5;font-size:15px}.bottom-cta .btn{border-color:var(--yellow)}.back{font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-bottom:28px}.page-title h1{font-size:clamp(2.5rem,4vw,3.9rem);max-width:900px}.page-title p{max-width:700px;font-size:18px;color:var(--muted)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.video-wrap{background:var(--ink);border-radius:16px;overflow:hidden}.video-wrap video{display:block;aspect-ratio:16/9;width:100%;background:var(--ink)}.video-meta{color:#bec4ca;padding:13px 20px;font-size:13px;display:flex;justify-content:space-between;gap:14px}.lesson-actions{justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:25px}.lesson-list{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;align-self:start}.lesson-list .list-heading{padding:20px;font-weight:700;font-size:16px;border-bottom:1px solid var(--line)}.lesson-list a{display:flex;gap:13px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}.lesson-list a:last-child{border:0}.lesson-list a.selected{background:var(--yellow)}.lesson-list a:hover{background:#eff1f3}.lesson-list a.selected:hover{background:#e2eb62}.list-num{font-size:12px;color:#62666b}.list-label{flex:1}.lesson-list small{font-size:12px;display:block;color:var(--muted);margin-top:2px}.lesson-copy h2{font-size:1.9rem}.lesson-copy details{background:white;border:1px solid var(--line);padding:18px 20px;border-radius:12px;margin-top:12px}.lesson-copy summary{font-weight:600;cursor:pointer}.lesson-copy details p{margin:16px 0 0;color:var(--muted)}.note-box{margin-top:25px}.note-box label{display:block;font-weight:700;font-size:15px;margin-bottom:8px}.note-box textarea{width:100%;min-height:110px;border:1px solid var(--line);border-radius:12px;padding:15px;background:white;resize:vertical}.note-box small{font-size:12px;color:var(--muted)}.notice{border-left:3px solid #486fc1;padding:12px 18px;background:#eaf0fd;color:#374458;font-size:14px;margin:25px 0;border-radius:0 8px 8px 0}.panel{border:1px solid var(--line);border-radius:18px;background:white;padding:32px}.quiz-setup{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin-top:35px}.quiz-setup h2{font-size:1.8rem}.field{margin-bottom:22px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:9px}select,input{border:1px solid #c9cdd2;background:white;border-radius:9px;min-height:47px;width:100%;padding:10px 13px}select{color:var(--ink)}.quiz-info{background:var(--yellow);border:0}.quiz-info ol{padding-left:22px}.quiz-info li{margin:15px 0}.quiz-info .big{font-size:5rem;font-weight:800;line-height:1;letter-spacing:-.08em}.quiz-info p{font-size:15px}.quiz-shell{max-width:850px;margin:auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:14px;gap:20px}.quiz-panel{margin:26px 0}.quiz-panel h2{font-size:clamp(1.55rem,3vw,2rem);line-height:1.35;letter-spacing:-.02em}.answers{display:grid;gap:13px;margin-top:28px}.answer{width:100%;display:flex;align-items:center;gap:17px;text-align:left;background:white;border:1px solid #d5d8dc;border-radius:12px;padding:16px 18px;min-height:65px}.answer .letter{border:1px solid #d5d8dc;border-radius:7px;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;font-size:14px}.answer:hover:enabled{border-color:var(--ink);background:#f4f5f6}.answer.correct{border-color:var(--green);background:#eaf6ef;opacity:1}.answer.wrong{border-color:var(--red);background:#fff0ee;opacity:1}.answer:disabled{opacity:1}.feedback{padding:20px;border-radius:12px;margin-top:22px;background:#eaf6ef;color:#204f3b}.feedback.wrong{background:#fff0ee;color:#76262c}.feedback p{margin:6px 0 0;font-size:15px}.quiz-controls{display:flex;justify-content:space-between;gap:20px}.result-score{font-size:6rem;font-weight:800;line-height:1;letter-spacing:-.07em;margin:20px 0}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px}.review details{padding:18px 0;border-bottom:1px solid var(--line)}.review summary{cursor:pointer;font-size:15px}.review p{font-size:14px;color:var(--muted);margin:12px 0 0}.review .correct-line{color:var(--green)}.plan-layout{display:grid;grid-template-columns:340px 1fr;gap:28px;margin-top:32px}.plan-layout h2{font-size:1.6rem}.plan-step{display:grid;grid-template-columns:46px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:21px 0}.plan-step:first-child{padding-top:0}.plan-step:last-child{border:0;padding-bottom:0}.step-day{display:grid;place-items:center;width:42px;height:42px;border-radius:100%;background:var(--yellow);font-weight:700}.plan-step h3{font-size:1.1rem;margin:0 0 8px;letter-spacing:-.02em}.plan-step p{font-size:14px;color:var(--muted);margin:0 0 8px}.plan-step a{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.checklist{list-style:none;padding:0;margin:0}.checklist li{margin:15px 0;display:flex;gap:12px;align-items:start}.checklist input{width:20px;min-height:20px;margin-top:3px;flex-shrink:0;accent-color:var(--ink)}.checklist label{font-size:15px}.faq{max-width:820px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:18px;font-weight:600;cursor:pointer}.faq p{margin:16px 0 0;color:var(--muted)}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:25px}.source{border:1px solid var(--line);border-radius:12px;padding:23px;background:white;display:block}.source:hover{border-color:var(--ink)}.source strong{font-size:16px;display:block}.source p{font-size:14px;color:var(--muted);margin:8px 0 0}.info-section{margin-top:50px}.privacy{max-width:820px}.privacy h2{font-size:1.8rem;margin-top:36px}.privacy p{color:var(--muted)}.muted{color:var(--muted)}.footnote{font-size:13px;color:var(--muted);margin-top:20px}.loading{padding:100px;text-align:center}.empty{text-align:center;padding:70px 20px}.empty h1{font-size:2.5rem}footer{border-top:1px solid var(--line);background:white}.footer-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:45px 40px}.footer-inner p{font-size:13px;color:var(--muted);margin:15px 0 0}.footer-inner>div:nth-child(2){display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-inner>p{margin:0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:12px;padding:12px 22px;font-size:14px;z-index:40;box-shadow:0 8px 40px #0003;display:none;max-width:90%;text-align:center}#toast.show{display:block}.no-margin{margin:0}.result-score small{font-size:2rem}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--muted)}@media(max-width:1000px){.header-inner{gap:25px}.header nav{gap:18px}.hero-inner{gap:35px}.hero-facts{gap:20px}.lesson-layout{grid-template-columns:minmax(0,1fr) 270px}.course-grid{grid-template-columns:repeat(2,1fr)}.plan-layout{grid-template-columns:300px 1fr}}@media(max-width:760px){.header-inner{padding:19px 22px;flex-wrap:wrap;gap:20px;min-height:120px}.header nav{order:3;width:100%;flex:auto;justify-content:space-between;gap:12px;overflow:auto}.header nav a{font-size:13px;white-space:nowrap}.header nav a.active:after{bottom:-19px}.brand{font-size:1.75rem}.header-start{margin-left:auto;font-size:13px;padding:9px 15px}.hero-inner{grid-template-columns:1fr;padding:36px 22px 40px;gap:32px}.hero h1{font-size:3.3rem;max-width:430px}.hero p{font-size:16px}.hero-facts{margin-top:27px;gap:25px}.hero-facts strong{font-size:1.4rem}.feature-video{box-shadow:8px 8px 0 #ceda42}.feature-top{padding:16px 20px}.feature-bottom{padding:16px 20px}.container{padding:36px 22px}.intro-row{display:block}.progress-info{width:100%;margin-top:25px}.course-grid{gap:15px}.card-body{padding:18px}.card-cover{padding:20px;height:120px}.card-number{font-size:3.8rem}.card-body h3{font-size:1.15rem}.card-body p{font-size:14px}.card-meta{font-size:12px;flex-wrap:wrap}.card-cover .tag{max-width:80px;font-size:10px}.bottom-cta{grid-template-columns:1fr}.bottom-cta>div{padding:28px}.bottom-cta>div+div{border-left:0;border-top:1px solid #3a4146}.lesson-layout{grid-template-columns:1fr}.lesson-list{order:2}.lesson-actions{gap:12px}.lesson-actions .btn{font-size:13px;padding:11px 15px}.lesson-actions .btn:nth-child(2){margin-left:auto}.page-title p{font-size:16px}.page-title h1{font-size:2.5rem}.quiz-setup,.plan-layout,.results-grid{grid-template-columns:1fr}.panel{padding:24px}.quiz-panel h2{font-size:1.55rem}.answer{padding:13px;font-size:15px}.quiz-controls .btn{font-size:14px;padding:11px 18px}.video-meta{font-size:12px;flex-wrap:wrap}.source-grid{grid-template-columns:1fr}.footer-inner{padding:35px 22px;grid-template-columns:1fr 1fr;gap:28px}.footer-inner>p{grid-column:1/-1}.eyebrow{font-size:11px}.faq summary{font-size:16px}.lesson-copy h2{font-size:1.6rem}}@media(max-width:430px){.course-grid{grid-template-columns:1fr}.card-body h3,.card-body p{min-height:0}.card-cover{height:136px}.hero h1{font-size:2.95rem}.hero-facts{gap:20px;font-size:12px}.hero-facts strong{font-size:1.4rem}.actions .btn{font-size:14px;padding:12px 19px}.header nav{gap:15px}.header nav a{font-size:12px}.feature-bottom strong{font-size:15px}.feature-bottom p{font-size:12px}.quiz-top{font-size:13px}.intro-row h2{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.section-gap{margin-top:32px}.small-print{font-size:13px;color:var(--muted);margin-top:16px}.price{font-size:4.6rem;font-weight:800;line-height:1.2;letter-spacing:-.06em;margin:24px 0}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics strong{display:block;font-size:2.6rem;line-height:1.3;margin:15px 0}.metrics small{color:var(--muted)}.checkbox{display:flex;align-items:flex-start;gap:12px;margin:18px 0;font-size:14px}.checkbox input{width:20px;min-height:20px;margin-top:3px;flex-shrink:0;accent-color:var(--ink)}.checkbox a,.text-link{text-decoration:underline;text-underline-offset:3px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;vertical-align:top;padding:18px;border-bottom:1px solid var(--line)}td small{display:block;max-width:180px;overflow-wrap:anywhere}.table-scroll button{font-size:12px;padding:7px 12px;margin:0 0 8px;min-height:34px}.table-scroll a{display:block;font-size:12px;white-space:nowrap}textarea{width:100%;min-height:100px;border:1px solid #c9cdd2;border-radius:9px;padding:12px;resize:vertical}.field textarea{margin-top:8px}.narrow{max-width:820px}.narrow h2:not(:first-child){margin-top:30px}.panel>p:last-child{margin-bottom:0}.panel details{padding:15px 0;border-bottom:1px solid var(--line)}.panel summary{cursor:pointer;font-weight:700}.panel details p{margin-top:15px;font-size:14px}.code-wrap{display:block;overflow-wrap:anywhere;background:var(--paper);padding:12px;font-size:12px}.readiness{list-style:none;padding:0;line-height:2.1}.admin-video{width:100%;border-radius:12px;background:var(--ink);margin:15px 0}.muted{color:var(--muted)}@media(max-width:800px){.account-grid,.metrics{grid-template-columns:1fr}.header-inner{gap:20px}.header nav{gap:15px}.price{font-size:3.8rem}.panel{padding:24px}.actions{gap:9px}}@media(max-width:540px){.header-inner{flex-wrap:wrap}.header nav{order:3;width:100%;overflow:auto;white-space:nowrap}.header-start{margin-left:auto}.header nav a.active:after{bottom:-9px}.metrics strong{font-size:2rem}.btn{padding:11px 17px}}
.animation-steps{margin:26px 0 34px}.animation-steps h2{font-size:1.7rem}.animation-steps>p{font-size:14px;color:var(--muted)}.animation-step{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.animation-step p{font-size:14px;margin:4px 0 0;color:var(--muted)}.animation-step button{flex-shrink:0;background:var(--yellow);font-variant-numeric:tabular-nums}
/* Full-width teaching video: no adjacent sidebar takes space from the animation. */
.container:has(.lesson-layout){max-width:1440px;padding-top:28px}.container:has(.lesson-layout) .page-title h1{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:12px}.container:has(.lesson-layout) .page-title p{font-size:16px}.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.lesson-list .list-heading{grid-column:1/-1}.video-wrap{width:100%}.video-wrap video{width:100%;max-height:none;aspect-ratio:16/9}.animation-step details{margin-top:10px;font-size:14px}.animation-step summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.container:has(.lesson-layout){padding:20px 12px}.lesson-list{grid-template-columns:1fr}.video-wrap{border-radius:8px}.video-meta{font-size:12px;padding:10px}.animation-step{gap:10px}.lesson-actions{align-items:stretch;gap:8px}}
/* Bordenbattle and supplementary reading: keep learning at the centre. */
.learn-page{max-width:1180px}.learn-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.learn-heading h1,.learn-page>h1{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.045em;margin:8px 0}.sign-tally{background:var(--ink);color:white;border-radius:16px;padding:20px;min-width:200px}.sign-tally strong{font-size:2rem;display:block;color:var(--yellow)}.sign-tally span{font-size:.9rem}.learn-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.learn-tabs .btn[aria-pressed=true]{box-shadow:0 3px 0 var(--ink)}.sign-start{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:center;background:var(--yellow);padding:32px;border-radius:22px}.sign-start h2{font-size:2.2rem;margin-top:0}.sign-preview,.sign-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;border:2px solid var(--ink);border-radius:20px;min-height:250px;padding:25px}.sign-preview img,.sign-stage img{width:160px;height:160px;object-fit:contain}.sign-preview span{font-weight:800;letter-spacing:.08em;font-size:.85rem;margin-top:20px}.sign-game{background:white;border:1px solid var(--line);border-radius:22px;padding:28px}.sign-game progress{width:100%;height:10px;accent-color:var(--ink);margin:12px 0 28px}.sign-question{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:32px;align-items:start}.sign-stage{background:#f2f5f7;min-height:310px}.sign-question h2{margin-top:0}.sign-feedback{padding:18px;border-radius:12px;margin:20px 0;border-left:5px solid #17814e;background:#edf8f2}.sign-feedback.is-wrong{background:#fff2e5;border-color:#ab5900}.sign-wrong{border-color:#b04439!important;background:#fff0ec!important}.sign-game .answer[disabled]{opacity:1}.sign-score{font-weight:800;font-size:5rem}.sign-score small{font-size:2rem;color:var(--muted)}.sign-review>div{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.sign-review img{height:80px;width:80px;object-fit:contain}.sign-filters{display:grid;grid-template-columns:2fr 1fr;gap:18px}.sign-filters label{display:grid;gap:8px;font-weight:600}.sign-filters input,.sign-filters select{width:100%;min-height:48px;padding:12px;border:1px solid #b4bdc4;border-radius:8px;font-size:1rem}.sign-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sign-card{padding:22px}.sign-card img{display:block;margin:0 auto 24px;width:115px;height:115px;object-fit:contain}.sign-card .tag{font-size:.8rem;letter-spacing:0}.sign-card h2{font-size:1.15rem;line-height:1.4}.sign-card p{font-size:1rem;line-height:1.6}.sign-card small{color:var(--muted);font-size:.875rem}.sign-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sign-trio div{display:flex;align-items:center;flex-direction:column;text-align:center}.sign-trio img{object-fit:contain;max-width:100%;height:110px;margin-bottom:15px}.theory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.theory-card{display:block;transition:transform .15s,border-color .15s}.theory-card:hover{transform:translateY(-3px);border-color:var(--ink)}.theory-card h2{font-size:1.4rem}.theory-card>span:last-child{font-weight:700;text-decoration:underline}.theory-article{max-width:850px;margin-top:25px}.theory-article section+section{margin-top:35px}.theory-article p{font-size:1.05rem;line-height:1.8}.theory-article a,.learn-page .small-print a,.coverage a{color:inherit;text-decoration:underline;text-underline-offset:3px}.theory-article details p{font-size:1rem}.distance-lab{background:#eef3f5;padding:24px;border-radius:16px}.distance-lab input{display:block;width:100%;accent-color:var(--ink);margin:22px 0}.distance-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.distance-numbers strong{font-size:1.5rem;display:block}.distance-numbers span{font-size:.875rem}.coverage{table-layout:fixed;width:100%;overflow-wrap:anywhere}.coverage td,.coverage th{padding:14px 8px}.learn-launch{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.learn-launch a{padding:25px;border:2px solid var(--ink);border-radius:16px;background:var(--yellow);display:block}.learn-launch a:last-child{background:white}.learn-launch strong{display:block;font-size:1.4rem;margin-bottom:10px}.learn-page button:focus-visible,.learn-page a:focus-visible{outline:3px solid #286ab9;outline-offset:4px}.learn-page .tag,.learn-page .eyebrow{font-size:.875rem}.header nav{overflow-x:auto;white-space:nowrap}.header nav a{font-size:.9rem}.header-inner{gap:22px}@media(max-width:760px){.learn-heading{align-items:stretch;flex-direction:column}.sign-tally{display:flex;align-items:center;gap:20px;padding:12px 18px}.sign-tally strong{font-size:1.5rem}.sign-start,.sign-question{grid-template-columns:1fr;gap:22px}.sign-start{padding:22px}.sign-preview,.sign-stage{min-height:180px}.sign-stage img,.sign-preview img{width:130px;height:130px}.sign-game{padding:18px}.sign-game .quiz-top{flex-wrap:wrap;gap:10px}.sign-library,.theory-grid,.learn-launch{grid-template-columns:1fr 1fr}.sign-card{padding:16px}.sign-filters{grid-template-columns:1fr}.sign-trio{gap:10px}.sign-trio strong{font-size:.875rem}.distance-numbers{grid-template-columns:1fr}.distance-numbers div{display:flex;gap:15px;align-items:baseline}.sign-review>div{align-items:flex-start}.sign-review img{width:65px;height:65px}.coverage{font-size:.875rem}}@media(max-width:480px){.sign-library,.theory-grid,.learn-launch{grid-template-columns:1fr}.learn-tabs .btn{flex:1;font-size:.875rem;padding:12px}.learn-page .quiz-top .btn{padding:8px 12px}.theory-article{padding:20px}.sign-review p{margin:0}.header nav a{font-size:.875rem}}

/* Welcome lesson and visible course navigation, including on phones. */
.lesson-shortcuts{margin:0 0 24px}.welcome-banner{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;padding:30px;background:var(--yellow);border-radius:18px;margin-bottom:26px}.welcome-banner h2{font-size:2rem;margin-bottom:12px}.welcome-banner p{margin-bottom:0}.welcome-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.welcome-facts span{background:#ffffff90;padding:15px;border-radius:12px}.welcome-facts strong{display:block;font-size:1.7rem}.study-steps{display:grid;grid-template-columns:1fr 1fr;gap:22px 35px;padding-left:25px}.study-steps li{padding-left:5px}.study-steps li::marker{font-weight:800}.study-steps strong{font-size:1.1rem}.study-steps p{margin:8px 0 0}.start-guide .small-print{margin-top:14px}.header nav{gap:19px;flex-wrap:wrap}.learn-launch{flex-wrap:wrap}@media(max-width:760px){.welcome-banner{grid-template-columns:1fr;padding:22px}.study-steps{grid-template-columns:1fr}.lesson-shortcuts .btn{padding:10px 14px;font-size:13px}.header nav a{white-space:nowrap}.header nav a.active:after{bottom:-5px}}
.test-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1160px;margin:40px auto;padding:0 24px}.test-card{padding:28px;border:1px solid #dbe0db;border-radius:22px;background:#fff;color:#172327;text-decoration:none}.test-card:first-child{background:#e8f352}.test-card span,.test-card strong{font-size:12px;letter-spacing:.06em}.test-card h3{font-size:28px;line-height:1.15;margin:20px 0}.test-card p{line-height:1.6}.test-card:hover{transform:translateY(-3px)}#test-root{max-width:940px;margin:auto}#test-root .panel{margin:24px 0}#test-root .answer.selected{border:3px solid #172327;background:#f1f5bc}#test-root .answer.correct{border-color:#25844c;background:#e4f4e8}.test-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.test-top [role=timer]{font-variant-numeric:tabular-nums;font-size:25px;font-weight:bold}.urgent{color:#a33120}.traffic-scene{display:block;width:100%;max-height:440px;border-radius:18px;margin:16px 0 24px}.test-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.test-grid button{min-height:42px;border:1px solid #bdc5c0;background:white;border-radius:8px;color:#172327;cursor:pointer}.test-grid .answered{background:#e8f352}.test-grid .current{outline:3px solid #172327;outline-offset:1px}.test-topics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.test-topics a{display:flex;flex-direction:column;padding:16px;border:1px solid #dbe0db;border-radius:12px;color:inherit;gap:8px}.test-review{padding:18px 0;border-bottom:1px solid #dbe0db}.test-review summary{cursor:pointer;font-weight:600}#test-root button:disabled{opacity:.6;cursor:default}#test-root .actions{flex-wrap:wrap;margin-top:24px}@media(max-width:700px){.test-cards{grid-template-columns:1fr}.test-topics{grid-template-columns:1fr}.test-grid{grid-template-columns:repeat(5,1fr)}.test-top{font-size:14px}.test-top [role=timer]{font-size:20px}}
.personal-plan{margin:28px 0;padding:24px;background:#f3f6dc;border-radius:20px}.personal-plan ol{list-style:none;padding:0;display:grid;gap:16px}.personal-plan li{background:white;border-radius:14px;padding:20px}.personal-plan h3{margin:12px 0}.course-offer{border:0;border-radius:24px;padding:32px;width:min(560px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:#172327;background:#fff;box-shadow:0 24px 90px #0005}.course-offer::backdrop{background:#101a22aa}.course-offer h2{font-size:30px;line-height:1.15;margin-top:16px;padding-right:15px}.course-offer p,.course-offer li{line-height:1.6}.course-offer .btn{margin:6px 6px 6px 0}.offer-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:32px;cursor:pointer;padding:6px 12px}.offer-price{font-size:38px;font-weight:800;padding:18px;background:#e8f352;border-radius:16px}.offer-price span{display:block;font-size:15px;font-weight:500}.course-offer [data-offer-error]{color:#a33120}.course-offer button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.course-offer{padding:24px}.course-offer h2{font-size:26px}.personal-plan{padding:16px}.personal-plan .actions{flex-wrap:wrap}}
.coach-page{padding-top:30px;padding-bottom:40px}.coach-heading,.coach-next,.coach-history{display:flex;justify-content:space-between;align-items:center;gap:20px}.coach-heading h1{margin:10px 0;font-size:40px}.coach-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.coach-metrics>div{padding:22px;background:#fff;border:1px solid #dbe0db;border-radius:18px;display:flex;flex-direction:column;gap:10px}.coach-metrics strong{font-size:32px}.coach-metrics span{font-size:14px}.coach-next{padding:28px;border-radius:22px;background:#e8f352;margin:22px 0}.coach-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}.coach-columns .panel{margin:0}.coach-roadmap ol{list-style:none;padding:0}.coach-roadmap li{display:flex;gap:18px;padding:20px 0;border-top:1px solid #dbe0db}.coach-step{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#172327;color:#fff;border-radius:50%;font-weight:bold}.coach-roadmap h3{margin:2px 0 8px}.coach-unlock{padding:20px;background:#f2f5dc;border-radius:14px;margin-top:24px}.coach-readiness .readiness-answer{display:block;font-size:23px;padding:18px 0}.coach-readiness details{margin:18px 0}.coach-page>.panel{margin-top:22px}.coach-topics{display:grid;grid-template-columns:1fr 1fr;gap:22px}.coach-topics>div{display:flex;flex-direction:column;gap:9px}.coach-topics span{font-size:14px}.coach-page progress{width:100%;height:10px;accent-color:#799520}.coach-badges{display:flex;flex-wrap:wrap;gap:12px}.coach-badges span{padding:10px 16px;border-radius:24px;background:#e8f352}.coach-history{padding:14px 0;border-top:1px solid #dbe0db}.mistake-list{margin-top:24px}.mistake-list details{margin:12px 0}.mistake-list summary{cursor:pointer;line-height:1.6}.mistake-list summary span{font-size:14px;margin-left:10px}.free-journey{border:1px solid #c6ce5b;border-radius:22px;padding:28px;margin:36px 0}.coach-practice-links{max-width:1160px;padding:24px;margin:auto;display:flex;gap:12px;flex-wrap:wrap}.hero-price{font-size:18px}.player-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px;background:#fff}.player-tools label{font-size:15px}.player-tools select{min-height:44px;border:1px solid #bcc7be;border-radius:10px;padding:8px}.test-sign-image{display:block;margin:20px auto}.mobile-dock{display:none}.btn,.answer{min-height:48px}.btn:focus-visible,.answer:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #3b71ac;outline-offset:3px}.test-top{position:sticky;top:0;z-index:5;background:#fff;padding:14px;border:1px solid #e0e5df;border-radius:14px}.traffic-scene{aspect-ratio:760/360}.sign-stage img{object-fit:contain}#test-root .quiz-panel{min-height:300px}video::cue{background:#101719e8;color:#fff;font-size:18px}.course-offer .checkbox{align-items:start}.course-offer input[type=checkbox]{min-width:22px;min-height:22px}
@media(max-width:1100px){.header-inner nav{overflow-x:auto;white-space:nowrap;max-width:55vw;gap:18px}.coach-columns{grid-template-columns:1fr}.coach-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;background:#172327;padding:8px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #0002}.mobile-dock a{display:grid;place-items:center;text-decoration:none;color:white;min-height:48px;font-size:13px;border-radius:10px}.mobile-dock a:focus,.mobile-dock a:hover{background:#33423b}.coach-heading,.coach-next{align-items:stretch;flex-direction:column}.coach-heading h1{font-size:32px}.coach-metrics{gap:10px}.coach-metrics>div{padding:16px}.coach-metrics strong{font-size:27px}.coach-topics{grid-template-columns:1fr}.coach-next{padding:22px}.coach-page .actions{flex-wrap:wrap}.coach-page .actions>.btn{flex:1;min-width:140px}.coach-practice-links{gap:8px}.coach-practice-links .btn{flex:1;min-width:140px}.free-journey{padding:22px}.player-tools{gap:8px}.player-tools .btn{flex:1;min-width:130px}.player-tools select{font-size:16px}.test-top{top:0}.test-grid button{min-height:48px}#test-root .answers .answer{font-size:17px;padding:17px}#test-root .panel .actions{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));background:#fff;padding:10px 0;z-index:3}#test-root .panel .actions .btn{flex:1;padding:12px 8px}.course-offer{max-height:85dvh}.header-inner nav{max-width:45vw}.container{max-width:100%;overflow-wrap:break-word}.sign-game .answers{gap:12px}.sign-game .answer{min-height:58px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.pass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.pass-card{display:flex;flex-direction:column;align-items:flex-start}.pass-card .btn{margin-top:auto}.pass-features{padding-left:22px;line-height:1.8}.beta-label{display:inline-block;padding:10px 16px;border-radius:12px;background:#e8f352;color:#172327;font-size:14px}.hero h1{font-size:clamp(36px,4.8vw,68px)}.panel details{padding:16px 0;border-bottom:1px solid #dce1dc}.panel summary{cursor:pointer;font-weight:650;min-height:28px}@media(max-width:650px){.pass-grid{grid-template-columns:1fr}.pass-card .btn{width:100%}}