.EducationExercises{--exercise-bg:var(--app-color-bg);--exercise-surface:var(--app-color-surface);--exercise-surface-2:var(--app-color-surface-raised);--exercise-line:var(--app-color-border);--exercise-ink:var(--app-color-text);--exercise-muted:var(--app-color-text-muted);--exercise-accent:var(--app-color-primary);min-height:100%;padding:clamp(20px,3vw,42px);box-sizing:border-box;color:var(--exercise-ink);background:var(--app-page-background);font-family:Inter,"Segoe UI",sans-serif} .EducationExercises *{box-sizing:border-box}.EducationExercisesHeader,.EducationExerciseLayout,.EducationExerciseStatus{max-width:1480px;margin-right:auto;margin-left:auto}.EducationExercisesHeader{margin-bottom:24px}.EducationExercisesBack{display:inline-block;margin-bottom:23px;color:var(--exercise-muted);font-size:11px;text-decoration:none}.EducationKicker{color:var(--exercise-accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.EducationExercisesHeader h1{margin:9px 0;font-size:clamp(30px,4vw,52px);letter-spacing:-.05em}.EducationExerciseCourse{color:var(--exercise-muted);font-size:12px} .EducationExerciseStatus{margin-bottom:18px;padding:12px 15px;border:1px solid rgba(53,197,141,.35);border-radius:11px;background:rgba(53,197,141,.09);color:#54d8a5;font-size:12px}.EducationExerciseStatus.is-error{border-color:rgba(239,107,116,.4);background:rgba(239,107,116,.1);color:#ffadb3} .EducationExerciseLayout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}.EducationExerciseLesson{display:grid;gap:14px}.EducationExerciseCard{padding:21px;border:1px solid var(--exercise-line);border-radius:16px;background:var(--exercise-surface)}.EducationExerciseCard h2{margin:8px 0;font-size:19px}.EducationExerciseCard>p:not(.EducationKicker){color:var(--exercise-muted);font-size:12px;line-height:1.7}.EducationExerciseProse{margin-top:13px;color:var(--exercise-muted);font-size:12px;line-height:1.75;white-space:pre-wrap}.EducationExerciseObjectives{margin-top:17px}.EducationExerciseObjectives h3,.EducationExercisePrerequisites h3{margin-bottom:8px;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.EducationExerciseObjectives ul,.EducationExercisePrerequisites ul{display:grid;gap:6px;margin:0;padding-left:19px;color:var(--exercise-muted);font-size:11px;line-height:1.55}.EducationExercisePrerequisites{margin-top:17px;padding-top:14px;border-top:1px solid var(--exercise-line)}.EducationExercisePrerequisites .is-complete{color:#54d8a5}.EducationExerciseTestList,.EducationExerciseResults{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.EducationExerciseTestList li,.EducationExerciseResults li{display:flex;gap:8px;align-items:flex-start;color:var(--exercise-muted);font-size:10px;line-height:1.5}.EducationExerciseTestList li::before{content:"◇";color:var(--exercise-accent)}.EducationExerciseResults li.is-pass::before{content:"✓";color:#35c58d}.EducationExerciseResults li.is-fail::before{content:"×";color:#ef6b74}.EducationExerciseNoTests{margin-top:12px;color:#d5a55f;font-size:11px;line-height:1.6} .EducationExerciseWorkspace{position:sticky;top:14px;overflow:hidden;border:1px solid var(--exercise-line);border-radius:16px;background:var(--exercise-surface)}.EducationExerciseEditors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--exercise-line)}.EducationExerciseEditors label{display:grid;grid-template-rows:auto minmax(180px,33vh);gap:8px;padding:13px;background:var(--exercise-surface);color:var(--exercise-muted);font-size:10px;font-weight:800}.EducationExerciseEditors textarea{width:100%;min-height:180px;padding:10px;border:1px solid var(--exercise-line);border-radius:8px;resize:vertical;outline:none;background:var(--exercise-surface-2);color:var(--exercise-ink);font:11px/1.6 Consolas,"Courier New",monospace}.EducationExerciseEditors textarea:focus{border-color:var(--exercise-accent)}.EducationExercisePreviewHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px}.EducationExercisePreviewHeader h2{font-size:12px}.EducationExercisePreviewHeader span{color:var(--exercise-muted);font-size:9px}#EducationExercisePreview{display:block;width:100%;height:280px;border:0;border-top:1px solid var(--exercise-line);background:#fff}.EducationExerciseSubmit{width:calc(100% - 28px);margin:14px;padding:12px;border:0;border-radius:9px;background:linear-gradient(135deg,#5b8cff,#8b6fe8);color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.EducationExerciseSubmit:disabled{opacity:.55;cursor:wait}.EducationExerciseResults{margin:0 14px 14px;padding:0 2px} @media(max-width:1000px){.EducationExerciseLayout{grid-template-columns:1fr}.EducationExerciseWorkspace{position:static;grid-row:1}.EducationExerciseEditors label{grid-template-rows:auto minmax(150px,25vh)}} @media(max-width:620px){.EducationExercises{padding:17px}.EducationExerciseEditors{grid-template-columns:1fr}.EducationExerciseEditors label{grid-template-rows:auto 180px}.EducationExercisePreviewHeader{align-items:flex-start;flex-direction:column;gap:5px}} .EducationExerciseLayout[hidden],.EducationExercisePicker[hidden],#EducationExerciseAnswerField[hidden],#EducationExerciseCodeWorkspace[hidden]{display:none} .EducationExercisePicker{display:grid;gap:18px;max-width:1000px;margin:0 auto}.EducationExercisePicker>div:first-child>p:last-child{color:var(--exercise-muted);font-size:12px}.EducationExercisePicker h2{margin:7px 0;font-size:24px} .EducationExercisePickerList{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.EducationExercisePickerItem{display:grid;gap:7px;padding:17px;border:1px solid var(--exercise-line);border-radius:13px;background:var(--exercise-surface);color:var(--exercise-ink);text-align:left;cursor:pointer}.EducationExercisePickerItem span,.EducationExercisePickerItem small{color:var(--exercise-muted);font-size:10px}.EducationExercisePickerItem strong{font-size:13px}.EducationExercisePickerItem:disabled{opacity:.55;cursor:not-allowed} .EducationExerciseAnswerField{display:grid;gap:9px;padding:17px;border-bottom:1px solid var(--exercise-line);color:var(--exercise-ink);font-size:12px;font-weight:800}.EducationExerciseAnswerField textarea{width:100%;min-height:180px;padding:12px;border:1px solid var(--exercise-line);border-radius:9px;resize:vertical;outline:none;background:var(--exercise-surface-2);color:var(--exercise-ink);font:13px/1.7 Inter,"Segoe UI",sans-serif}.EducationExerciseAnswerField textarea:focus{border-color:var(--exercise-accent)}.EducationExerciseAnswerField small{color:var(--exercise-muted);font-size:10px;font-weight:400} .EducationExerciseCodeWorkspace{border-bottom:1px solid var(--exercise-line)}.EducationExerciseCodeWorkspace>summary{padding:14px 17px;color:var(--exercise-accent);font-size:11px;font-weight:800;cursor:pointer} /* Auto-generated class selectors - do not edit this section. */ .EducationExercises { .EducationExercisesHeader { .EducationExercisesBack { } .EducationKicker { } .EducationExerciseCourse { } } .EducationExerciseStatus { } .EducationExercisePicker { .EducationKicker { } .EducationExercisePickerList { } } .EducationExerciseLayout { .EducationExerciseLesson { .EducationExerciseCard { .EducationKicker { } .EducationExerciseProse { } .EducationExerciseTestList { } .EducationExerciseNoTests { } } .EducationExerciseCard, .EducationExerciseAssignment { .EducationKicker { } .EducationExerciseProse { } } } .EducationExerciseWorkspace { .EducationExerciseAnswerField { } .EducationExerciseCodeWorkspace { .EducationExerciseEditors { } } } } } .EducationExercisePreviewHeader { } .EducationExerciseSubmit { } .EducationExerciseResults { } .is-complete { } .EducationExercisePickerItem { } .is-error { } /* Desktop */ @media (min-width: 1920px) { .EducationExercises { .EducationExercisesHeader { .EducationExercisesBack { } .EducationKicker { } .EducationExerciseCourse { } } .EducationExerciseStatus { } .EducationExercisePicker { .EducationKicker { } .EducationExercisePickerList { } } .EducationExerciseLayout { .EducationExerciseLesson { .EducationExerciseCard { .EducationKicker { } .EducationExerciseProse { } .EducationExerciseTestList { } .EducationExerciseNoTests { } } .EducationExerciseCard, .EducationExerciseAssignment { .EducationKicker { } .EducationExerciseProse { } } } .EducationExerciseWorkspace { .EducationExerciseAnswerField { } .EducationExerciseCodeWorkspace { .EducationExerciseEditors { } } } } } .EducationExercisePreviewHeader { } .EducationExerciseSubmit { } .EducationExerciseResults { } .is-complete { } .EducationExercisePickerItem { } .is-error { } } /* Petits laptops */ @media (min-width: 1025px) and (max-width: 1919px) { .EducationExercises { .EducationExercisesHeader { .EducationExercisesBack { } .EducationKicker { } .EducationExerciseCourse { } } .EducationExerciseStatus { } .EducationExercisePicker { .EducationKicker { } .EducationExercisePickerList { } } .EducationExerciseLayout { .EducationExerciseLesson { .EducationExerciseCard { .EducationKicker { } .EducationExerciseProse { } .EducationExerciseTestList { } .EducationExerciseNoTests { } } .EducationExerciseCard, .EducationExerciseAssignment { .EducationKicker { } .EducationExerciseProse { } } } .EducationExerciseWorkspace { .EducationExerciseAnswerField { } .EducationExerciseCodeWorkspace { .EducationExerciseEditors { } } } } } .EducationExercisePreviewHeader { } .EducationExerciseSubmit { } .EducationExerciseResults { } .is-complete { } .EducationExercisePickerItem { } .is-error { } } /* Tablettes */ @media (min-width: 768px) and (max-width: 1024px) { .EducationExercises { .EducationExercisesHeader { .EducationExercisesBack { } .EducationKicker { } .EducationExerciseCourse { } } .EducationExerciseStatus { } .EducationExercisePicker { .EducationKicker { } .EducationExercisePickerList { } } .EducationExerciseLayout { .EducationExerciseLesson { .EducationExerciseCard { .EducationKicker { } .EducationExerciseProse { } .EducationExerciseTestList { } .EducationExerciseNoTests { } } .EducationExerciseCard, .EducationExerciseAssignment { .EducationKicker { } .EducationExerciseProse { } } } .EducationExerciseWorkspace { .EducationExerciseAnswerField { } .EducationExerciseCodeWorkspace { .EducationExerciseEditors { } } } } } .EducationExercisePreviewHeader { } .EducationExerciseSubmit { } .EducationExerciseResults { } .is-complete { } .EducationExercisePickerItem { } .is-error { } } /* Smartphones */ @media (max-width: 767px) { .EducationExercises { .EducationExercisesHeader { .EducationExercisesBack { } .EducationKicker { } .EducationExerciseCourse { } } .EducationExerciseStatus { } .EducationExercisePicker { .EducationKicker { } .EducationExercisePickerList { } } .EducationExerciseLayout { .EducationExerciseLesson { .EducationExerciseCard { .EducationKicker { } .EducationExerciseProse { } .EducationExerciseTestList { } .EducationExerciseNoTests { } } .EducationExerciseCard, .EducationExerciseAssignment { .EducationKicker { } .EducationExerciseProse { } } } .EducationExerciseWorkspace { .EducationExerciseAnswerField { } .EducationExerciseCodeWorkspace { .EducationExerciseEditors { } } } } } .EducationExercisePreviewHeader { } .EducationExerciseSubmit { } .EducationExerciseResults { } .is-complete { } .EducationExercisePickerItem { } .is-error { } } /* End of auto-generated class selectors. */