*{box-sizing:border-box}body{margin:0;background:#f6f7f2;color:#203631;font:15px/1.7 system-ui,sans-serif}header{height:80px;border-bottom:1px solid #dce3d9;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:20px}header>span{font-size:12px;color:#65756b}.brand{font-size:27px;font-weight:850;text-decoration:none;color:#143e38}.brand span{font-weight:400;margin-left:5px}main{max-width:1200px;margin:auto;padding:36px 28px}.hero{background:#173f38;color:#fff;border-radius:24px;padding:48px 48px 30px;position:relative}.eyebrow{font-size:11px;letter-spacing:3px;color:#b6d898}h1{font-size:clamp(30px,5vw,48px);line-height:1.5;letter-spacing:.03em;margin:18px 0}.hero p{color:#d0ded7}.hero #stats{display:flex;gap:36px;border-top:1px solid #ffffff30;margin-top:30px;padding-top:20px}.hero strong{font-size:28px;color:#d3eaa5;margin-right:8px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px}h2{font-size:23px}button,select{font:inherit;border:1px solid #cbd6ca;border-radius:9px;background:white;padding:9px 15px;color:#23433a}button,a,select{cursor:pointer}button:hover{background:#e4edda}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #85ac49;outline-offset:3px}.filters{display:flex;gap:22px;margin:12px 0 25px}label{display:flex;gap:10px;align-items:center;font-size:13px}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #dee4d9;border-radius:15px;padding:24px}.card h3{font-size:24px;margin:12px 0}.tag{font-size:12px;color:#587054;background:#edf3e7;border-radius:5px;padding:3px 8px}.card p{font-size:13px;color:#708076}.card button{width:100%;background:#173f38;color:#fff;border:0}.card button:hover{background:#2e5b48}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tools a{font-size:13px;color:#285c4b;margin-left:auto}.workspace{display:grid;grid-template-columns: 1.6fr 1fr;gap:20px}iframe{width:100%;height:750px;border:1px solid #d4dfd1;border-radius:12px;background:#e7ebe4}aside{background:white;padding:24px;border-radius:12px}textarea{font:inherit;width:100%;min-height:350px;padding:14px;border:1px solid #ccd8c8;border-radius:8px;resize:vertical}aside label{margin-top:20px;display:grid}.hint{font-size:12px;color:#6e7e72}#saved{color:#39703b;font-size:12px}#timer{font-variant-numeric:tabular-nums;font-size:25px}footer{text-align:center;padding:35px 20px;color:#7a867c;font-size:12px}[hidden]{display:none!important}@media(max-width:760px){header{height:68px}header>span{font-size:10px}main{padding:20px 16px}.hero{padding:28px 24px}.hero #stats{gap:18px;font-size:11px}.hero strong{font-size:22px}#cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:16px}.card h3{font-size:20px}.heading{flex-wrap:wrap}.filters{gap:12px;flex-wrap:wrap}.workspace{grid-template-columns:1fr}iframe{height:55vh}.tools a{margin-left:0}textarea{min-height:240px}}@media(max-width:380px){#cards{grid-template-columns:1fr}}

.response{border-top:1px solid #dce3d9;padding:12px 0}.response h4{margin:8px 0}.response label{display:grid;gap:5px;margin:10px 0}.response textarea{min-height:70px;resize:vertical}.response .response-memo{min-height:55px;background:#fafbf7}.response details p{white-space:pre-wrap;font-size:13px}.result{font-weight:600;font-size:13px}.workspace aside{max-height:900px;overflow:auto}#grade{background:#173f38;color:white}#gradeSummary{font-size:13px} @media(max-width:760px){.workspace aside{max-height:none;overflow:visible}}

.question-prompt{margin:12px 0;background:#fff;border:1px solid #e0e6db;border-radius:8px;padding:10px}.question-prompt img{display:block;width:100%;height:auto}.question-prompt figcaption{font-size:11px;color:#73806f;margin-top:6px}.prompt-source{display:inline-block;font-size:12px;color:#285c4b;margin-bottom:5px}.workspace{grid-template-columns:1.2fr 1fr}@media(max-width:760px){.workspace{grid-template-columns:1fr}}

.question-text{font-size:15px;line-height:1.95;overflow-wrap:anywhere;background:#f5f8f0;border-left:3px solid #9bb976;border-radius:4px;padding:14px 16px;margin:12px 0;user-select:text}.response .prompt-source{margin-right:14px}
.blank-target{display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:6px;background:#eaf1df;color:#234b36;font-size:13px;font-weight:700}

.study-actions{display:flex;gap:10px;flex-wrap:wrap}#resetAnswers{color:#934330;border-color:#d9b9ae}#resetAnswers:hover{background:#fcf0eb}