.areaGroups{display:grid;gap:28px}.areaGroup{border:1px solid var(--line);border-radius:24px;background:#ffffffa6;padding:20px}.areaGroupHead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.areaGroupHead h2{margin:0;font-size:1.25rem}.areaGroupHead p{margin:0;color:var(--muted);font-size:.9rem}.areaGroup .areas{grid-template-columns:repeat(3,minmax(0,1fr))}.areaMeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.areaMeta span{padding:5px 8px;border-radius:999px;background:#f0f3f9;color:var(--muted);font-size:.76rem;font-weight:750}.resetSchool{grid-column:1/-1;width:100%;margin-top:2px}.selfCheck{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#f8faff}.selfCheck strong{display:block;margin-bottom:8px}.selfCheck label{display:flex;gap:8px;align-items:flex-start;margin:7px 0;color:var(--muted)}.secondaryGroup{margin:28px 0}.secondaryGroup .langAreas{margin-top:12px}.audioError{margin-top:14px;padding:12px;border-radius:12px;background:#fff0f1;color:#8c2835}.progressHelp{margin-top:8px;font-size:.78rem;color:var(--muted)}@media(max-width:900px){.areaGroup .areas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.areaGroup{padding:14px}.areaGroupHead{display:block}.areaGroupHead p{margin-top:5px}.areaGroup .areas{grid-template-columns:1fr}}
.compTask,.compTask>*:not(input):not(textarea),.feedback,.feedback>*,.selfCheck,.selfCheck label{min-width:0;max-width:100%}.feedback{width:100%;overflow:hidden}.feedback,.feedback strong,.feedback em,.selfCheck,.selfCheck label{overflow-wrap:anywhere;word-break:normal}.selfCheck label{display:block;white-space:normal;line-height:1.45}.selfCheck input{width:auto;max-width:none;margin:0 8px 0 0;vertical-align:.12em}.feedback .actions{flex-wrap:wrap}@media(max-width:560px){.feedback{padding:14px}.selfCheck{padding:12px}.feedback .actions{align-items:stretch}}