.learning-save-note,.review-round-note{padding:.8rem 1rem;border:1px solid #d4d9c8;border-radius:10px;background:#f4f5e9;color:#315448;line-height:1.6}.learning-save-note{font-weight:650}.review-summary,.mastery-note{font-size:.9rem;line-height:1.7;color:#465e54}.review-history{margin-top:2rem}.review-entry{padding:1rem 0;border-top:1px solid #dedfd3}.review-entry time{font-size:.85rem;color:#66766a}.mastery-note{margin:.65rem 0 0}

/* Practice supports share the existing readable palette. */
.practice-panel{margin:1.5rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #bdc4b4;border-radius:18px;background:#f4f3e9;color:#253b34;overflow-wrap:anywhere}
.practice-panel h2,.practice-panel h3{margin:.4rem 0 1rem}.practice-panel label{display:block;margin:1rem 0}.practice-panel select,.practice-panel textarea,.practice-dialog input,.practice-dialog select{font:inherit;max-width:100%;padding:.65rem;border:1px solid #738475;border-radius:8px;background:#fffef8;color:#24382f}.practice-panel textarea{width:100%;box-sizing:border-box}.practice-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.practice-panel button,.practice-actions button,.practice-dialog button{font:inherit;min-height:44px;padding:.6rem .9rem;border:1px solid #70816c;border-radius:9px;background:#edf0e3;color:#19362e;cursor:pointer}.practice-panel button:disabled,.practice-actions button:disabled{opacity:.55;cursor:default}.practice-panel article{padding:1rem 0;border-top:1px solid #c7cec0}.practice-dialog{box-sizing:border-box;width:min(680px,94vw);max-height:90dvh;overflow:auto;padding:1.5rem;border:1px solid #819079;border-radius:18px;background:#faf8ef;color:#203b30}.practice-dialog::backdrop{background:#14281dcc}.practice-dialog button{margin:.5rem}.practice-dialog input{width:100%;box-sizing:border-box}.practice-panel summary{cursor:pointer;padding:.6rem 0}.practice-actions p{flex-basis:100%}#feedback p,#hint-note{overflow-wrap:anywhere}#word-grid>button{grid-column:1/-1}
.story-comprehension form label{display:block;margin:1rem 0}.story-comprehension textarea,.story-comprehension select{display:block;box-sizing:border-box;max-width:100%;padding:.7rem;font:inherit;color:#203b30;border:1px solid #819079;border-radius:8px;background:#fffef8}.story-comprehension textarea{width:100%}.story-comprehension fieldset{min-width:0;margin:1rem 0;padding:1rem;border:1px solid #bbc5b6;border-radius:10px}.story-comprehension fieldset button{margin:.3rem;max-width:100%}.story-comprehension small{display:block;line-height:1.6}.practice-panel input{max-width:100%;box-sizing:border-box;font:inherit;padding:.6rem}

.listening-entry{margin:1.5rem 0;padding:1rem;border:1px solid #819079;border-radius:12px}.listening-options{display:grid;gap:.5rem}.listening-options button{text-align:left;margin:0;white-space:normal;overflow-wrap:anywhere}.listening-options button:disabled{opacity:.6;cursor:default}