@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#183f34;background:#faf8f2;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}button{color:#163f33;background:#fff;border:1px solid #b7c7bd;border-radius:10px;min-height:48px;padding:12px 20px;font-weight:600}button:disabled{cursor:default;color:#69746d;background:#e6e8e2;border-color:#d4dbd3}button:hover:not(:disabled){background:#edf4eb}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #bb8616}header{background:#fffef9;border-bottom:1px solid #dee1d6;justify-content:space-between;align-items:center;gap:25px;padding:22px max(5vw,20px);display:flex}.brand{color:inherit;align-items:center;gap:15px;font-family:Manrope,Arial;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand img{object-fit:contain;width:70px;height:70px}.brand small{letter-spacing:3px;text-transform:uppercase;font-size:16px;font-weight:500;display:block}nav{align-items:center;gap:12px;display:flex}nav button{background:0 0;border:0}nav a{color:#214e40;font-size:14px}.testbar{text-align:center;color:#415445;letter-spacing:.7px;background:#e9eee3;padding:10px 20px;font-size:13px}main{max-width:1100px;min-height:55vh;margin:64px auto 80px;padding:0 30px}.eyebrow{letter-spacing:2px;color:#627a66;margin:0 0 18px;font-size:12px;font-weight:700}h1{letter-spacing:-2px;margin:0 0 25px;font-family:Manrope,Arial;font-size:clamp(38px,5vw,60px);font-weight:600;line-height:1.13}h2{letter-spacing:-.5px;font-family:Manrope,Arial;font-size:23px;font-weight:600}p{line-height:1.65}.lead{color:#52695d;max-width:630px;margin-bottom:35px;font-size:19px}.primary{color:#fff;background:#184d3c;border-color:#184d3c}.primary:hover:not(:disabled){color:#fff;background:#27634e}.cards{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card,.join,.person{background:#fffefa;border:1px solid #dbe0d3;border-radius:18px;padding:30px}.card h2{margin:14px 0}.card .primary{width:100%}.level{background:#eaf0e5;border-radius:20px;padding:6px 12px;font-size:13px;display:inline-block}.illustration{color:#63805b;background:#eef1e6;border-radius:10px;justify-content:center;align-items:center;height:90px;margin-top:20px;font-size:58px;display:flex}.state{color:#50754d;font-size:14px}.locked{opacity:.72}.welcome{justify-content:space-between;gap:15px;margin:35px 0 22px;font-weight:600;display:flex}.join{max-width:670px}.join label{margin-bottom:8px;display:block}.join input{border:1px solid #9fb4a4;border-radius:8px;width:100%;margin-bottom:20px;padding:15px;display:block}.note{background:#eeeee2;border-radius:12px;margin:30px 0;padding:24px 30px}.note h2{margin-top:0}.note p{margin-bottom:0}.lesson{max-width:750px;margin:auto}.lesson>.eyebrow{margin-top:35px}.steps{counter-reset:steps;margin:30px 0;padding:0;list-style:none}.steps li{counter-increment:steps;background:#fffefa;border:1px solid #d9dfd2;border-radius:10px;align-items:center;gap:20px;margin:14px 0;padding:20px;line-height:1.55;display:flex}.steps li:before{content:counter(steps);background:#ebdcae;border-radius:50%;place-items:center;min-width:38px;height:38px;font-weight:700;display:inline-grid}.quiz{margin-top:35px}.answers{gap:12px;display:grid}.answers button{text-align:left;font-size:19px}.success,.feedback,.error{border-radius:12px;margin:25px 0;padding:20px 25px}.success{background:#dfefdf}.feedback{background:#f6edcd}.error{color:#7d291a;background:#f8e4de}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;display:grid}.stats section{background:#eaf0e5;border-radius:12px;flex-direction:column;padding:25px;display:flex}.stats strong{font:600 40px Manrope}.stats span{margin-top:8px;font-size:14px}.reportActions{gap:14px;display:flex}.person{margin:20px 0}.person h2{margin:0}.person select{background:#fff;border:1px solid #afc0b0;border-radius:8px;margin-top:8px;padding:12px;display:block}.timeline{padding:0;list-style:none}.timeline li{border-bottom:1px solid #e3e6db;padding:14px 0;font-size:15px}.timeline small{color:#667667;margin-top:6px;display:block}.notice{background:#fffdf5;border-radius:8px;margin-top:15px;padding:12px 18px}.notice p{margin-top:0}.notice small{color:#6c735c}footer{border-top:1px solid #d8dfd0;padding:35px max(5vw,20px);font-size:14px;line-height:1.8}footer span{color:#738074;font-size:12px}@media (max-width:650px){header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 22px}.brand img{width:58px;height:58px}nav{flex-wrap:wrap;gap:5px}nav button{padding:9px 13px;font-size:14px}.testbar{font-size:11px}main{margin-top:38px;padding:0 22px}.cards,.stats{grid-template-columns:1fr}.card,.join,.person{padding:23px}.welcome{flex-direction:column;font-size:14px}.lead{font-size:17px}.reportActions{flex-wrap:wrap}.note{padding:23px}h1{letter-spacing:-1.3px}}.lessonVideo{margin-top:26px}.lessonVideo video{background:#eef1e6;border-radius:14px;width:100%}.lessonVideo p{color:#52695d;font-size:14px}.activityHeading,.personHeading{justify-content:space-between;align-items:center;gap:20px;display:flex}.activityHeading span,.questionCount,.smallNote{color:#52695d;font-size:14px}.activityDots{gap:10px;margin:4px 0 28px;display:flex}.activityDots span{color:#627a66;border:1px solid #b6c4af;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.activityDots .done{color:#fff;background:#184d3c;border-color:#184d3c}.questionText{font-family:Manrope,Arial;font-size:23px;font-weight:600;line-height:1.4}.readQuestion{background:0 0;margin-bottom:15px;padding:8px 12px;font-size:15px}.answers button{align-items:center;gap:15px;line-height:1.5;display:flex}.choiceNumber{color:#183f34;background:#eef1e6;border-radius:50%;place-items:center;width:30px;min-width:30px;height:30px;font-size:14px;display:grid}.success>.primary{margin-top:5px;display:block}.feedback h3,.success h3{margin-top:0}.reportFilters{grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;display:grid}.reportFilters label{font-size:15px;font-weight:600}.reportFilters input,.reportFilters select{color:#183f34;background:#fffefa;border:1px solid #a7b9aa;border-radius:8px;width:100%;min-height:48px;margin-top:10px;padding:12px;display:block}.personEmail{overflow-wrap:anywhere;margin:6px 0}.personBadge{white-space:nowrap;background:#eaf0e5;border-radius:20px;padding:8px 12px;font-size:13px}.personBadge.support{color:#634c15;background:#f6edcd}.levelSummary{gap:16px;margin:22px 0;display:flex}.levelSummary>div{background:#f1f3e9;border-radius:10px;flex:1;padding:15px}.levelSummary span{margin-top:8px;font-size:14px;display:block}.accessLabel{font-size:15px;font-weight:600}.accessLabel select{color:#183f34;max-width:100%}summary{cursor:pointer;min-height:48px;padding:14px 0;font-weight:600}summary:focus-visible{outline-offset:4px;outline:3px solid #bb8616}.error p{margin:0}.smallNote{line-height:1.6}@media (max-width:650px){.activityHeading,.personHeading{flex-direction:column;align-items:flex-start;gap:6px}.activityHeading h2{margin-bottom:6px}.reportFilters{grid-template-columns:1fr}.personBadge{margin-top:8px}.levelSummary{gap:10px}.levelSummary>div{padding:12px}.questionText{font-size:21px}.answers button{padding:15px;font-size:17px}.personEmail{font-size:14px}}
