@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:#202d29;background:#f6f8f7;font-synthesis:none;line-height:1.7;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #547d19;outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.3;letter-spacing:-.045em}h2{font-size:1.35rem;letter-spacing:-.03em}h3{font-size:1.05rem}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#172e29;color:#fff;display:flex;flex-direction:column;padding:38px 24px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:1px;font-weight:800}.mark{display:grid;place-items:center;width:38px;height:42px;background:#d8f36a;color:#172e29;border-radius:12px;font-size:28px;font-weight:800}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#c0cdc7;margin-top:1px}.side-body{margin-top:64px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}.sidebar .eyebrow{color:#93aaa0;margin:0 16px 16px}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:8px;color:#bfcfc7;font-size:15px;font-weight:500}nav a.active{background:#2f443c;color:#e1f5a5}nav a:hover{background:#293f36}nav a span{font-size:23px;line-height:1}nav small{margin-left:auto;font-size:12px;opacity:.6}.side-note{margin:65px 15px 0}.mini-mark{color:#d8f36a;font-size:30px;display:block;margin-bottom:14px}.side-note strong{font-size:14px}.side-note p{font-size:14px;line-height:1.9;color:#a9beb4;margin-top:9px}.side-bottom{margin-top:auto;font-size:11px;letter-spacing:1px;color:#9fb3a9}.side-bottom span{display:block;font-size:12px;letter-spacing:0}main{margin-left:250px;padding:0 55px;max-width:1550px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5e1;font-size:14px;color:#6b7872}.slash{margin:0 12px;color:#c0c8c2}.edition{font-size:11px;letter-spacing:1.7px}#view{padding:52px 0 30px;min-height:calc(100vh - 180px)}.intro{max-width:730px}.intro .eyebrow{color:#55734a;margin-bottom:16px}.intro>p:last-child{margin-top:20px;color:#67736d;line-height:1.9}.section-label{display:flex;justify-content:space-between;align-items:center;margin:42px 0 17px}.section-label>span{font-size:13px;color:#7e8982}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.course{background:white;border:1px solid #dce3de;border-radius:16px;padding:29px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;min-height:290px}.course:hover{transform:translateY(-3px);border-color:#809787}.course-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.icon-box{width:54px;height:54px;display:grid;place-items:center;background:#edf1ef;border-radius:15px;font-size:28px}.rebate .icon-box{background:#e8f0c9}.pill{font-size:12px;border:1px solid #dce3de;border-radius:30px;padding:4px 11px;color:#6c7770}.course h2{font-size:1.6rem}.course p{color:#717b75;font-size:15px;margin-top:8px}.course-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;padding-top:18px;margin-top:27px;font-size:14px;font-weight:600}.arrow{font-size:20px;color:#3f5e37}.prepare{display:grid;grid-template-columns:220px 1fr;background:#eaf0e7;border-radius:14px;padding:27px 30px;margin-top:28px;gap:24px}.prepare p{font-size:14px;color:#66755f;margin-top:4px}.prepare ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:14px}.prepare li::before{content:'✓';margin-right:12px;color:#4f7034}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dfe5e1;padding:24px 0;color:#7f8a83;font-size:12px}.lesson-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.lesson-head h1{font-size:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #172e29;border-radius:8px;background:#172e29;color:white;padding:12px 20px;font-size:14px;font-weight:600;white-space:nowrap}.btn:hover{background:#2f4f40}.intro .back{display:inline-block;font-size:14px;color:#6d7d71;margin-bottom:18px}.notice{border-left:3px solid #8b9d59;background:#eef2e5;border-radius:0 8px 8px 0;padding:16px 20px;margin:26px 0;font-size:14px;color:#526346}.learning{display:grid;grid-template-columns:1fr 255px;gap:25px;margin-top:28px;align-items:start}.step{background:white;border:1px solid #dfe5e0;border-radius:12px;margin-bottom:15px;padding:25px;display:grid;grid-template-columns:36px 1fr;gap:15px}.number{width:32px;height:32px;display:grid;place-items:center;background:#edf2e9;color:#5a7347;font-size:13px;font-weight:700;border-radius:50%}.step p{color:#69756c;font-size:15px;margin:9px 0}.key{font-size:13px;display:inline-block;background:#f1f4f1;border:1px solid #e0e5df;border-radius:5px;padding:2px 7px;color:#314b3b;line-height:1.65}.tip{font-size:14px!important;color:#526d41!important;padding-top:10px;border-top:1px solid #eff2ed;margin-top:14px!important}.checklist{position:sticky;top:24px;background:#eaf0e6;border-radius:12px;padding:24px}.checklist>p{font-size:13px;color:#6e7e65;margin-top:7px}.checklist label{display:flex;gap:10px;margin-top:17px;font-size:14px;cursor:pointer;align-items:flex-start}.checklist input{margin:6px 0 0;width:16px;height:16px;flex-shrink:0;accent-color:#365a2d}.meter{height:5px;background:#d4dfcc;border-radius:5px;margin-top:23px;overflow:hidden}.meter span{display:block;height:100%;width:0;background:#4d6f38;transition:width .2s}.check-status{font-size:12px;margin-top:8px;display:block;color:#64775a}.faq{margin-top:32px}.faq h2{margin-bottom:16px}details{background:white;border-bottom:1px solid #e2e7e2;padding:18px 22px}details:first-of-type{border-radius:10px 10px 0 0}details:last-of-type{border-radius:0 0 10px 10px}summary{font-size:15px;font-weight:500;cursor:pointer}details p{color:#647269;font-size:14px;margin-top:12px;max-width:750px}.pending{background:white;border:1px solid #dfe5e0;border-radius:14px;padding:32px;margin-top:30px;max-width:800px}.pending .icon-box{margin-bottom:20px}.pending p{margin-top:12px;color:#6c776f}.pending ol{color:#5b6b60;padding-left:22px;line-height:2.3}.skip{position:fixed;left:20px;top:-100px;z-index:5;background:white;padding:10px}.skip:focus{top:10px}@media(min-width:1450px){main{padding-left:75px;padding-right:75px}}@media(max-width:1100px){.sidebar{width:210px;padding:30px 18px}main{margin-left:210px;padding:0 30px}.learning{grid-template-columns:1fr}.checklist{position:static}.prepare{grid-template-columns:1fr;gap:15px}.edition{display:none}}@media(max-width:720px){.sidebar{position:static;width:auto;padding:20px 20px 12px}.brand{font-size:12px}.mark{width:32px;height:34px;font-size:24px}.brand small{font-size:9px}.side-body{margin-top:20px}.sidebar .eyebrow,.side-note,.side-bottom{display:none}nav{grid-template-columns:repeat(3,1fr);gap:4px}nav a{justify-content:center;padding:11px 4px;font-size:13px;gap:7px}nav a span{font-size:19px}nav small{display:none}main{margin:0;padding:0 22px}.topbar{height:62px;font-size:12px}#view{padding-top:30px;min-height:auto}.intro>p:last-child{font-size:15px}.cards{grid-template-columns:1fr;gap:15px}.section-label{margin-top:30px}.course{padding:24px;min-height:auto}.course-top{margin-bottom:16px}.course p{font-size:14px}.course h2{font-size:1.4rem}.prepare{padding:23px;margin-top:22px}.section-label>span{font-size:12px}.lesson-head{display:block}.lesson-head .btn{margin-top:20px}.lesson-head h1{font-size:2rem}.step{padding:20px 17px;grid-template-columns:28px 1fr;gap:12px}.number{width:28px;height:28px}.step p{font-size:14px}.pending{padding:24px}footer{display:block;padding:20px 0}footer span{display:block;margin-top:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:721px){nav a{font-size:14px;gap:9px}nav small{font-size:11px}}@media(max-width:720px){nav a{font-size:12px;gap:5px}.section-label{align-items:flex-start;gap:12px}.section-label>span{max-width:110px;text-align:right}.key{overflow-wrap:anywhere;max-width:100%}}

.video-guide{margin:28px 0;border:1px solid #dce3de;border-radius:16px;background:white;overflow:hidden}.video-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 26px}.video-heading .eyebrow{color:#5a7347;font-size:11px;margin-bottom:5px}.video-heading h2{font-size:1.2rem}.video-guide video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#172e29}.video-caption{display:flex;justify-content:space-between;gap:18px;padding:13px 26px;font-size:12px;color:#6b7872}.video-caption a{text-decoration:underline;text-underline-offset:3px}.video-guide video:focus-visible{outline:3px solid #547d19;outline-offset:-3px}@media(max-width:720px){.video-heading{display:block;padding:18px}.video-heading .pill{display:inline-block;margin-top:10px}.video-caption{display:block;padding:12px 18px}.video-caption a{display:block;margin-top:6px}.video-heading h2{font-size:1.1rem}}

.video-attendance .video-heading{background:#edf3e7}.video-rebate .video-heading{background:#eaf3fc}.video-rebate .video-heading .eyebrow{color:#24649a}.video-rebate .pill{border-color:#b9d5ec;color:#27547a}.video-rebate video{background:#13284b}

.video-chapters{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.video-chapters button{font:inherit;font-size:13px;border:1px solid #d5dfcc;border-radius:9px;padding:8px 12px;background:#f3f6ed;color:#233b31;cursor:pointer}.video-chapters button:hover{background:#e4edcf}.video-chapters button:focus-visible{outline:3px solid #628147;outline-offset:2px}.video-chapters span{font-variant-numeric:tabular-nums;font-weight:700;margin-right:4px}
