@font-face{font-family:system-ui;src:local("Arial")}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f5f1;color:#163d31;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}header,main,footer{width:min(1180px,calc(100% - 64px));margin-inline:auto}header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d7dfd5}.brand{display:block;line-height:0}.brand img{width:174px;height:auto;max-height:64px;object-fit:contain}.back{color:#274e3c;font-size:14px;font-weight:700;text-decoration:none}main{padding:64px 0 80px;min-height:calc(100vh - 220px)}h1,h2,p{margin-top:0}h1{font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-2.5px;margin-bottom:24px;font-weight:600}h2{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:24px;color:#4c6955}.intro{font-size:19px;line-height:1.65;max-width:550px;color:#4a5f50}.welcome{display:grid;grid-template-columns:1.12fr 1fr;gap:72px;align-items:center}.card{background:white;border:1px solid #e3e8de;border-radius:20px;padding:36px;box-shadow:0 20px 50px #173e3115,0 3px 7px #173e3109}.signin p:not(.eyebrow){color:#536054}.signin h2{font-size:34px}.promises{padding:0;list-style:none;margin-top:32px;color:#3e5846}.promises li{padding:9px 0 9px 25px;position:relative}.promises li:before{content:"✓";position:absolute;left:0;font-weight:bold;color:#327456}label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}input{width:100%;min-height:54px;border:1px solid #c9d3c6;border-radius:8px;background:#fff;padding:13px;font:inherit;color:#163d31;margin-bottom:20px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;background:#174b38;color:white;border:0;border-radius:8px;padding:14px 22px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}form button{width:100%}button:hover,.button:hover{background:#0d3526}.fine{font-size:12px;line-height:1.7;color:#667364;margin:20px 0 0}.notice{padding:16px;border-left:3px solid #246646;background:#edf3ea;border-radius:4px;color:#294e34;font-size:14px}a{color:#205f45}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #5d967a;outline-offset:4px}.confirm{max-width:550px;margin:0 auto}.confirm h1{font-size:42px}.text-link{display:inline-block;margin-top:20px;font-size:14px}.course-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:36px}.course-head h1{font-size:48px}.course-head .eyebrow{margin-bottom:16px}.course-head form{flex:0 0 auto}.secondary{background:transparent;color:#174b38;border:1px solid #adbca9}.secondary:hover{background:#e9eee5}.lesson-group{margin-top:44px}.group-heading{max-width:650px}.group-heading p{color:#60715f}.lessons{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.lessons li{background:white;border:1px solid #dce4d6;border-radius:12px}.lessons a,.unavailable{display:flex;gap:20px;padding:24px;align-items:flex-start;text-decoration:none;min-height:116px}.lessons a:hover,.lessons a[aria-current]{background:#e9f0e4;border-radius:12px}.lessons strong{display:block;font-size:16px;line-height:1.5;font-weight:600}.lesson-number{font-size:12px;color:#7a8b70;line-height:2.1}.lesson-status{display:block;font-size:12px;color:#5c7656;margin-top:6px}.unavailable .lesson-status{color:#7b8175}.lesson-player h2{margin-bottom:24px}.video-shell{position:relative;background:#071610;overflow:hidden;border-radius:10px}.video-shell video{display:block;width:100%;max-height:70vh;min-height:200px}.watermark{position:absolute;right:16px;top:15px;max-width:calc(100% - 32px);overflow-wrap:anywhere;pointer-events:none;color:#fff9;background:#10241c66;padding:3px 8px;font-size:11px;border-radius:3px}.playback-error{margin-top:16px;color:#884225}.lesson-player .fine{max-width:750px}footer{display:flex;gap:28px;border-top:1px solid #d7dfd5;padding:24px 0;color:#6d7a68;font-size:12px}footer span{margin-right:auto}footer a{text-decoration:none;color:inherit}@media(max-width:800px){header,main,footer{width:calc(100% - 40px)}header{min-height:90px}.brand img{width:146px}.back{font-size:12px}.welcome{grid-template-columns:1fr;gap:28px}main{padding:36px 0 50px}h1{font-size:44px;letter-spacing:-1.8px}.intro{font-size:17px}.promises{display:none}.card{padding:26px;border-radius:16px}.signin h2{font-size:30px}.eyebrow{margin-bottom:18px}.lessons{grid-template-columns:1fr}.course-head{flex-wrap:wrap}.course-head h1{font-size:38px}.course-head form{margin-top:-8px}.course-head .secondary{min-height:42px;padding:8px 18px}.lessons a,.unavailable{padding:20px;min-height:98px}.group-heading h2{font-size:27px}.lesson-player{padding:20px}.watermark{font-size:9px;top:10px;right:10px}.confirm h1{font-size:36px}footer{gap:18px}footer span{max-width:120px}.video-shell video{min-height:160px}}
.brand{position:relative;width:174px;height:50px;overflow:hidden;flex:0 0 174px}.brand img{position:absolute;left:-17px;top:-51px;width:208px;height:146px;max-height:none;max-width:none}@media(max-width:800px){.brand{width:146px;height:44px;flex-basis:146px}.brand img{left:-14px;top:-43px;width:176px;height:124px}}

/* 12 October: separated cards and an edge watermark that clears lesson headings. */
.lesson-player{margin-top:24px}.lesson-player .notice{margin-top:20px}.lesson-player .notice p:last-child{margin-bottom:0}.watermark{top:3px;right:3px;font-size:10px;line-height:1.4;padding:2px 5px;max-width:calc(100% - 12px)}@media(max-width:800px){.watermark{top:2px;right:2px;font-size:8px;padding:1px 4px}.lesson-player{margin-top:20px}}
