@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#f6f5f0;color:#1c282c;font:15px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer;border:0;background:#1e343c;color:white;padding:12px 18px;border-radius:4px}button:hover{background:#37545d}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #df6c40;outline-offset:3px}header{margin:0 5%;padding:28px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd0c9}header>span,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600}.brand{font:27px 'Space Grotesk',sans-serif;text-decoration:none;font-weight:700}.brand span{font-weight:400}.brand b{color:#d6653f;padding-left:12px}main{max-width:1440px;padding:0 5%;margin:auto}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;padding:75px 0 60px}.hero h1{font:500 clamp(45px,5.5vw,82px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:23px 0}.hero h1 em{font-style:normal;color:#c95732}.hero p{max-width:620px;color:#5e6b6d}.hero aside{align-self:center;background:#dee9df;padding:35px;border-radius:4px;transform:rotate(2deg)}.hero aside>span{font-size:11px;letter-spacing:2px}.hero aside strong{display:block;font:500 96px 'Space Grotesk',sans-serif}.hero aside small{font-size:12px;color:#52635b}.lab{display:grid;grid-template-columns:300px 1fr;border:1px solid #cbd0c9;border-radius:6px;overflow:hidden}.controls{background:#e8e9e1;padding:28px}.controls label{display:block;font-size:13px;font-weight:600;margin-top:25px}.controls output{float:right;color:#ba4a29}.controls input[type=range]{display:block;width:100%;accent-color:#c95732;margin-top:13px}.controls p{font-size:12px;color:#5f6a68;margin-top:8px}.controls .file input{font-size:11px;width:100%;margin:10px 0}.controls button{width:100%;font-size:12px}.secondary{background:transparent;color:#243c3f;border:1px solid #a1aba6}.results{padding:30px;min-width:0}h2{font:500 28px/1.2 'Space Grotesk',sans-serif;letter-spacing:-1px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-head button{font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stats article{padding:18px;border-left:2px solid #d3633e;background:#eeeee6}.stats b{display:block;font:500 32px 'Space Grotesk',sans-serif}.stats span{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{color:#64706e;font-size:10px;text-transform:uppercase;letter-spacing:1px}td,th{padding:13px 7px;border-bottom:1px solid #ddd}.record{background:transparent;color:#233c40;padding:5px 0;font-weight:700}.record:hover{background:transparent;color:#b44a28}.badge{display:inline-block;padding:4px 8px;background:#e0e9df;font-size:10px;border-radius:3px}.review{background:#f2ddc9;color:#8b421e}.unscored{background:#e4e7e9;color:#526270}.muted{font-size:12px;color:#66736f}.evidence{background:#20383e;color:#e6eee8;padding:22px;margin-top:25px;border-radius:4px}.evidence h3{font-family:'Space Grotesk';margin:10px 0}.evidence p{font-size:12px;color:#ccd9d5}#method{padding:65px 0}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.method-grid p{font-size:13px;color:#5c6b67}.method-grid h3{font-family:'Space Grotesk';font-size:17px}footer{display:flex;justify-content:space-between;border-top:1px solid #cbd0c9;padding:25px 0;font-size:11px}#error{color:#a93425}@media(max-width:950px){.lab{grid-template-columns:250px 1fr}.results{padding:20px}.stats{gap:6px}.stats article{padding:10px}.result-head{display:block}.hero h1{letter-spacing:-2px}.hero aside{padding:25px}}@media(max-width:700px){header>span{display:none}header{gap:10px;font-size:11px}.hero{grid-template-columns:1fr;gap:20px;padding:45px 0}.hero h1{font-size:51px}.hero aside{transform:none;display:none}.lab{grid-template-columns:1fr}.controls{padding:22px}.results{padding:20px 14px}.method-grid{grid-template-columns:1fr;gap:5px}.stats span{font-size:10px}footer{display:block}.table-wrap{max-width:100%}}

.classroom{margin:0 0 50px;padding:30px;background:#e5eadf;border-radius:5px}.classroom>p{max-width:850px;color:#526255;font-size:13px}#lesson-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.lesson-card{background:#fafbf6;border:1px solid #c6d1c0;padding:22px;border-radius:4px}.lesson-card h3{font:500 22px/1.2 "Space Grotesk",sans-serif}.lesson-card p,.lesson-card label,.lesson-card legend{font-size:12px}.lesson-card fieldset{border:0;padding:0;margin:20px 0}.lesson-card fieldset label{display:flex;gap:8px;margin:12px 0}.lesson-card input{accent-color:#577a47}.lesson-card textarea{display:block;width:100%;margin:8px 0 15px;resize:vertical;border:1px solid #acbca7;border-radius:3px;padding:10px;font:13px Arial}.lesson-card button{font-size:12px;width:100%}.lesson-card [aria-live]{font-size:12px;color:#384e3a;margin-top:14px}button:disabled{opacity:.5;cursor:default}@media(max-width:950px){#lesson-cards{grid-template-columns:1fr}.brand{font-size:22px}}@media(max-width:700px){.classroom{padding:20px 14px}.hero h1{font-size:44px}}