.ag-practice{margin:10px 0;color:#111;font-weight:550;line-height:1.65}
.ag-task-type{display:inline-block;margin:0 0 9px;padding:3px 9px;border-radius:8px;background:#edf3eb;color:#214f3a;font-size:12px;font-weight:750}
.ag-task-context{padding:12px 14px;border-left:3px solid #7ca787;background:#f5f8f2;border-radius:0 9px 9px 0;white-space:pre-line;color:#111}
.ag-short-answer{display:block;width:100%;max-width:780px;min-height:48px;border:1px solid #c9d7c6;border-radius:10px;padding:10px 13px;font:inherit;color:#111;background:#fff}
.ag-short-answer:focus,.ag-matches select:focus{outline:2px solid #7fa781;outline-offset:2px}
.ag-word-bank{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.ag-token{padding:7px 12px;border:1px solid #b9ceba;border-radius:8px;background:#fff;color:#111;font:inherit;cursor:pointer;min-height:40px}
.ag-token:disabled{opacity:.3;cursor:default}
.ag-order-answer{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:54px;padding:10px;border:1px dashed #a7bda8;border-radius:10px;background:#f7faf4}
.ag-order-answer>span{color:#4a5d4c;font-size:14px}
.ag-matches{display:grid;gap:9px}.ag-matches label{display:grid;grid-template-columns:minmax(120px,1fr) minmax(170px,1fr);gap:12px;align-items:center}.ag-matches select{width:100%;padding:10px;border:1px solid #c9d7c6;border-radius:8px;background:#fff;color:#111;font:inherit}
.ag-practice-feedback{padding:11px 13px;margin-top:12px;border-radius:10px;border:1px solid #c6d9c5;background:#f1f7ee;font-size:14px;color:#173c28}.ag-practice-feedback p{margin:6px 0 0}.ag-retry{border-color:#dec595;background:#fff9ec;color:#573c15}
.ag-context-card{margin:15px 0;padding:16px 18px;border:1px solid #d7e3d0;border-radius:12px;background:#f4f8f0;color:#111;line-height:1.7}.ag-context-card h3{margin:0 0 7px;font-size:17px}.ag-context-card p{margin:7px 0}.ag-context-card .ag-context-note{font-size:13px;color:#36533c}
.ag-learning-options{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ag-learning-options button[aria-pressed="true"]{background:#214f3a;color:#fff}
.read-box p{white-space:pre-line}
@media(max-width:560px){.ag-matches label{grid-template-columns:1fr;gap:4px}.ag-short-answer{font-size:16px}.ag-token{font-size:15px}.ag-context-card{padding:14px}}