:root{font-family:Arial,Helvetica,sans-serif;color:#07281a;background:#f6f9f7;font-size:16px;line-height:1.6;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:1.5rem;padding:1.4rem max(5%,calc((100% - 1100px)/2));background:#07281a;color:white}header form{margin-left:auto}.brand{font-weight:900;font-size:1.6rem;letter-spacing:-.08rem;color:white;text-decoration:none;white-space:nowrap}.brand span{color:#6fcf97;margin-left:.4rem}.school{font-size:.9rem;opacity:.85}main{max-width:1100px;margin:auto;padding:3.5rem 1.5rem;min-height:76vh}h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;letter-spacing:-.04em;margin:.8rem 0 1.3rem}h2{font-size:1.4rem;line-height:1.3;margin:0 0 .8rem}h3{font-size:1.2rem;line-height:1.3}p{margin:.5rem 0 1.2rem}.intro{font-size:1.2rem;max-width:38rem}.eyebrow{font-size:.875rem;font-weight:bold;letter-spacing:.1em}.login{max-width:48rem;margin:auto}.panel{padding:2rem;background:white;border:1px solid #cfddd4;border-radius:1rem;margin:1.5rem 0;box-shadow:0 5px 20px #07281a08}.login .panel{max-width:33rem}.narrow{max-width:34rem;margin:2rem auto}.narrow h1{font-size:2.3rem}.button,button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.25rem;background:#00582c;color:white;text-decoration:none;border:0;border-radius:.5rem;font:inherit;font-weight:bold;cursor:pointer}.google{width:100%;background:#fff;color:#07281a;border:1px solid #587161}.small{font-size:.875rem;color:#4a6253;margin-top:1rem}.tags{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem}.tags span{border-left:3px solid #00582c;padding-left:.75rem}.quiet{background:transparent;color:#fff;font-size:.9rem;padding:.4rem}.error{padding:1rem;background:#fff1ef;color:#95251a;border-left:4px solid #bf3328}label{display:block;font-weight:bold;margin:.7rem 0}input,select{display:block;width:100%;max-width:30rem;min-height:48px;padding:.7rem;font:inherit;border:1px solid #587161;border-radius:.4rem;margin-bottom:1rem}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #00582c;outline-offset:3px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.cards .panel{margin:0}.number{font-size:1.8rem;color:#00582c;font-weight:bold}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.9rem}th,td{padding:1rem;border-bottom:1px solid #d5e2d9}th{background:#f6f9f7}footer{padding:1.5rem;text-align:center;color:#4a6253;font-size:.9rem}@media(max-width:550px){header{padding:1rem;gap:.75rem}.school{display:none}main{padding:2rem 1rem}.panel{padding:1.25rem}h1{font-size:2.5rem}}
/* Palette and Arial typography taken from the CSH Day plan's effective cell formats. */
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0}.practice-choice{display:flex;flex-direction:column;text-decoration:none;color:#07281a;background:white;border:1px solid #c5d9ce;border-top:6px solid #00582c;border-radius:.8rem;padding:2rem;min-height:270px;transition:box-shadow .2s,transform .2s}.practice-choice:hover{box-shadow:0 8px 24px #07281a15;transform:translateY(-2px)}.practice-choice h2{font-size:2rem;letter-spacing:-.035em;margin:1rem 0}.grade{font-size:.875rem;font-weight:bold;letter-spacing:.1em}.choice-action{font-weight:bold;color:#00582c;margin-top:auto;padding-top:1rem}.advanced-choice{background:#e8f2ec}.back{display:inline-block;color:#00582c;margin-bottom:1.5rem}.voice-stage{background:#07281a;color:white;border-radius:1rem;padding:2.3rem;text-align:center;margin:2rem 0}.voice-stage h2{font-size:1.8rem}.voice-stage .small{color:#9fe3bc}.voice-icon{display:block;margin:0 auto 1rem;width:90px;height:90px;border-radius:50%;background:#00582c;padding:1rem}.voice-icon svg{width:100%;height:100%;fill:none;stroke:#9fe3bc;stroke-width:4;stroke-linecap:round}.voice-controls{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:1.5rem 0}.voice-stage button{background:#6fcf97;color:#07281a}.voice-stage button.secondary{background:transparent;border:1px solid #9fe3bc;color:white}.voice-stage audio{max-width:100%;margin:.6rem auto}.voice-stage audio:not([src]){min-height:40px}.captions{margin:1rem 0}.captions #captions{max-height:18rem;overflow:auto;padding:1rem;background:white;border:1px solid #cfddd4}.recovery{font-size:.9rem;margin-top:2rem}.recovery form{margin-top:1rem}.rubric-row{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;padding:1rem 0;border-bottom:1px solid #cfddd4}.rubric-row p{grid-column:1/-1;margin:0}.score{font-size:2rem;font-weight:bold;color:#00582c}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}@media(max-width:650px){.choices{grid-template-columns:1fr}.practice-choice{padding:1.5rem;min-height:230px}.voice-stage{padding:1.5rem 1rem}.voice-controls button{width:100%}}
.preview-note{padding:.7rem 1rem;background:#e8f2ec;color:#07281a;text-align:center;font-size:.875rem;border-bottom:1px solid #6fcf97}