:root{color:#24323f;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #24323f;--muted: #66758a;--paper: #ffffff;--line: #d8e0ea;--navy: #1f3a5f;--teal: #0f766e;--coral: #b45309;--red: #b91c1c;--green: #15803d;--soft-blue: #e8f1ff;--soft-green: #e7f6ef;--soft-coral: #fff3e8;--shadow: 0 18px 42px rgba(31, 58, 95, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#eef5ff,#f7f8fb 42%,#f5f7fb)}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);font-size:clamp(2.1rem,4vw,3.75rem);line-height:1.05;margin-bottom:.85rem}h2{color:var(--ink);font-size:1.35rem;margin-bottom:.45rem}h3{color:var(--ink);font-size:1.08rem;line-height:1.3;margin-bottom:.55rem}p{color:var(--muted);line-height:1.58}.page-shell,.activity-shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.button{align-items:center;background:var(--navy);border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:.75rem 1rem;text-decoration:none}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-secondary{background:#e4ebf5;color:var(--navy)}.button-danger{background:#fee2e2;color:var(--red)}.button-full{width:100%}.eyebrow{color:var(--teal);font-size:.76rem;font-weight:900;letter-spacing:0;margin:0 0 .4rem;text-transform:uppercase}.home-hero,.page-heading,.activity-hero,.results-hero{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.home-hero{display:grid;min-height:260px;padding:clamp(1.5rem,4vw,3rem);place-items:center start}.home-hero p{max-width:680px}.page-heading{margin:1rem 0 1.5rem;padding:1.5rem}.activity-hub{display:grid;gap:1.5rem;margin-top:1.5rem}.unit-section{padding:1.2rem 0}.unit-header{align-items:end;border-bottom:2px solid var(--line);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.activity-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.activity-card,.student-panel,.directions-panel,.question-card,.report-callout,.breakdown-card,.review-list,.empty-state{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #1f3a5f14}.activity-card{display:flex;flex-direction:column;min-height:330px;padding:1.15rem}.activity-card p{flex:1}.card-topline,.activity-meta,.question-header,.progress-meta,.activity-topbar,.result-actions{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.card-topline{color:var(--muted);font-size:.88rem;font-weight:800;margin-bottom:.85rem}.activity-meta{color:var(--navy);font-size:.9rem;font-weight:800;margin:.35rem 0 .9rem}.status-pill{background:var(--soft-green);border:1px solid #bde8cf;border-radius:999px;color:var(--green);padding:.25rem .55rem;text-transform:capitalize}.skill-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.skill-list span{background:var(--soft-blue);border:1px solid #c7dbff;border-radius:999px;color:var(--navy);font-size:.82rem;font-weight:800;padding:.3rem .55rem}.activity-topbar{margin-bottom:1rem}.activity-hero{align-items:start;display:grid;gap:1rem;grid-template-columns:1fr auto;padding:clamp(1.25rem,3vw,2.2rem)}.activity-summary{background:var(--soft-coral);border:1px solid #ffd6ad;border-radius:8px;color:var(--coral);min-width:130px;padding:1rem;text-align:center}.activity-summary span,.activity-summary strong{display:block}.student-panel{align-items:center;display:grid;gap:.8rem;grid-template-columns:160px 1fr;margin:1rem 0;padding:1rem}.student-panel label{color:var(--ink);font-weight:900}input{border:2px solid var(--line);border-radius:8px;color:var(--ink);min-width:0;padding:.8rem .9rem;width:100%}input:focus{border-color:var(--teal);outline:3px solid rgba(15,118,110,.16)}.score-strip{display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.score-tile{background:#f8fbff;border:1px solid var(--line);border-radius:8px;padding:1rem;text-align:center}.score-tile strong{color:var(--navy);display:block;font-size:1.6rem}.score-tile span{color:var(--muted);font-weight:800}.progress-block{margin-bottom:1.5rem}.progress-meta{color:var(--muted);font-weight:800;margin-bottom:.45rem}.progress-track{background:#dfe7f1;border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--teal),var(--navy));height:100%;transition:width .2s ease}.directions-panel,.question-section,.report-callout,.review-list{margin-top:1.2rem;padding:1.2rem}.question-section{background:#ffffff8c;border:1px solid var(--line);border-radius:8px}.section-heading{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(180px,280px) 1fr;margin-bottom:1rem}.question-list{display:grid;gap:1rem}.question-card{padding:1.15rem}.question-header{color:var(--muted);font-size:.9rem;font-weight:900;margin-bottom:.75rem}.choice-list{display:grid;gap:.65rem}.choice-button{background:#f8fbff;border:2px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;font-weight:800;min-height:44px;padding:.8rem;text-align:left}.choice-button:hover{border-color:var(--navy);transform:translateY(-1px)}.choice-button.correct{background:var(--soft-green);border-color:#86d7a6;color:var(--green)}.choice-button.incorrect{background:#fee2e2;border-color:#f2a4a4;color:var(--red)}.short-answer-form{display:grid;gap:.75rem;grid-template-columns:1fr auto}.feedback{border-radius:8px;margin-top:.9rem;padding:.85rem}.feedback p{margin-bottom:0}.feedback.correct{background:var(--soft-green);border:1px solid #bde8cf}.feedback.incorrect{background:#fff1f2;border:1px solid #fecdd3}.feedback.correct strong{color:var(--green)}.feedback.incorrect strong{color:var(--red)}.report-callout{align-items:center;display:flex;gap:1rem;justify-content:space-between}.report-callout p{margin-bottom:0}.results-hero{align-items:center;display:grid;gap:1.5rem;grid-template-columns:auto 1fr;padding:clamp(1.4rem,4vw,2.6rem)}.score-circle{align-items:center;background:var(--soft-blue);border:8px solid #d3e4ff;border-radius:999px;display:flex;flex-direction:column;height:150px;justify-content:center;width:150px}.score-circle strong{color:var(--navy);font-size:2.1rem}.score-circle span{color:var(--muted);font-size:.85rem;font-weight:800}.breakdown-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:1rem}.breakdown-card{padding:1rem}.breakdown-card strong{color:var(--teal);display:block;font-size:1.75rem}.breakdown-card p{margin-bottom:0}.result-actions{justify-content:flex-start;margin-top:1rem}.empty-state{margin-top:1rem;padding:clamp(1.4rem,4vw,2.4rem);text-align:center}.empty-state h1{font-size:clamp(2rem,4vw,3rem)}@media(max-width:720px){.page-shell,.activity-shell{width:min(100% - 1rem,1120px);padding-top:1rem}.unit-header,.activity-topbar,.report-callout,.result-actions{align-items:stretch;flex-direction:column}.activity-hero,.results-hero,.section-heading,.student-panel{grid-template-columns:1fr}.activity-summary{text-align:left}.score-strip,.short-answer-form{grid-template-columns:1fr}}