:root{--mint:#e9f8ed;--peach:#fff0e6;--lavender:#f3ecff;--sunshine:#fff3c2}
.activity-card{border-top:8px solid #5f87ed;background:linear-gradient(145deg,#f0f5ff 0%,white 65%)}
.activity-card:nth-child(4n+2){border-top-color:#e99b55;background:linear-gradient(145deg,#fff2e6 0%,white 65%)}
.activity-card:nth-child(4n+3){border-top-color:#49ae91;background:linear-gradient(145deg,#e8f8ef 0%,white 65%)}
.activity-card:nth-child(4n+4){border-top-color:#ab80d8;background:linear-gradient(145deg,#f4ecff 0%,white 65%)}
.card-top .badge{border-radius:12px}.activity-card:hover{box-shadow:0 9px 22px #173c7020}
.panel{border-top:7px solid #7ba1ed}.side-panel{border-top:6px solid #6ac5a5;background:#f4fcf7}.homework-question-card{border-top-color:#e6b957;background:#fffbeb}.panel>.eyebrow{display:inline-block;background:#e6eeff;padding:7px 12px;border-radius:10px}
.steps{padding:10px;background:#f4f0fc;border-radius:18px}.steps button{background:white}.steps button[aria-pressed=true]{background:#6444a0;border-color:#6444a0;color:white}
.practice-step{border:1px solid #bedfcd;border-radius:20px;padding:22px;margin:18px 0;background:var(--mint)}
form.practice-step{border-color:#efd0b9;background:var(--peach)}
form.practice-step+div.practice-step{border-color:#d5c3ec;background:var(--lavender)}
.practice-step .step-number{color:#175d42;background:#ccecd9}.practice-step form .step-number,form.practice-step .step-number{color:#7a400a;background:#ffdab8}form.practice-step+div.practice-step .step-number{color:#5a3590;background:#e3d3fb}
.practice-step .word-display{background:#fafffc;border:2px solid #badbc7;font-size:clamp(28px,4vw,44px)}
.spelling-help{background:#fffaf2;border-color:#e2c79f}.prompt-card{background:#fff6db;border:1px solid #ebd48e}.word-display{background:#eef7ff}.feedback.good{border-left:5px solid #289565;background:#e4f7eb}.feedback.try{border-left:5px solid #ce971d;background:#fff4ce}.success{background:#fff2b8;border:2px solid #e2bf55}
.sentence-choice{border-width:2px;border-color:#c4d4ec;background:#f5f9ff;line-height:1.7}.sentence-choice:nth-child(2){border-color:#d9c9e8;background:#faf5ff}.sentence-choice[aria-pressed=true]{border-color:#143fdd;background:#eef3ff;box-shadow:0 0 0 2px #143fdd20}
.sentence-building{background:#fff8e1;border-color:#d3ae44}.sentence-part{border:2px solid;line-height:1.6}.part-who{background:#e2f6e9;color:#175d42;border-color:#7bbc93}.part-action{background:#ffeadb;color:#823c11;border-color:#e5a475}.part-detail{background:#e7eeff;color:#254d91;border-color:#91ade4}
.sentence-legend{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.sentence-legend span{padding:6px 12px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid}
.spelling-highlight{background:#ffedaa;color:#493a12;padding:.05em .22em;border-radius:5px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}.learning-key{color:#593282;background:#f0e8fa;border-radius:5px;padding:.04em .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.chip{background:#fff1b9;color:#554217;border:1px solid #e6ca69}.progress-strip{background:#215d50}.progress-track{background:#427e6f}.help-note{border-color:#e6b649}
@media(max-width:560px){.practice-step{padding:18px}.sentence-legend{gap:7px}.sentence-legend span{font-size:13px}.steps{gap:7px}.steps button{padding:10px 12px}}
@media print{.spelling-highlight,.learning-key{background:none;color:inherit}.panel,.side-panel{border-top:0}}