/* Remettre un texte en ordre — exercice clavier et curseur */
.remettre-hero{display:flex;align-items:center;gap:18px}
.remettre-hero .page-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(90,123,191,.16);border:1px solid rgba(90,123,191,.35);font-size:28px}
.remettre-intro{color:var(--text2);max-width:720px}
.remettre-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:start}
.remettre-layout>*{min-width:0}
.remettre-task{overflow-wrap:anywhere}
.remettre-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow-sm)}
.remettre-card h2{margin:0 0 8px;font-size:20px}
.remettre-card>p{color:var(--text2);margin:0 0 16px}
.remettre-level{display:grid;gap:7px;margin:0 0 14px;color:var(--text2);font-size:13px;font-weight:700}
.remettre-level select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface2);color:var(--text);font:inherit}
.remettre-editor{width:100%;min-height:190px;box-sizing:border-box;resize:vertical;padding:17px;border:2px solid rgba(90,123,191,.55);border-radius:14px;background:var(--surface2);color:var(--text);font:500 17px/1.65 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;letter-spacing:.01em;tab-size:2}
.remettre-editor:focus{outline:3px solid rgba(90,123,191,.18);border-color:#7f9ed8}
.remettre-editor.is-success{border-color:#76c89f;box-shadow:0 0 0 4px rgba(118,200,159,.14)}
.remettre-keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.remettre-key{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;color:var(--text2);font-size:12px}
.remettre-key kbd{min-width:25px;padding:3px 6px;border-radius:5px;background:var(--surface2);border:1px solid var(--border-strong,var(--border));color:var(--text);text-align:center;font:700 11px/1 var(--font-body)}
.remettre-tasks{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.remettre-task{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:11px 12px;border-radius:11px;background:var(--surface2);color:var(--text2);font-size:14px;line-height:1.45;transition:background .2s ease,border-color .2s ease,color .2s ease;border:1px solid transparent}
.remettre-task::before{content:'○';color:var(--text3);font-size:20px;line-height:1}
.remettre-task.is-done{background:rgba(118,200,159,.12);border-color:rgba(118,200,159,.3);color:var(--text)}
.remettre-task.is-done::before{content:'✓';color:#76c89f;font-weight:800}
.remettre-status{min-height:24px;margin:13px 0 0;color:var(--text2);font-size:14px}
.remettre-status.is-success{color:#76c89f;font-weight:700}
.remettre-result{display:none;margin-top:18px;border:1px solid rgba(118,200,159,.35);border-radius:16px;padding:18px;background:rgba(118,200,159,.1)}
.remettre-result.is-visible{display:block}
.remettre-result h2{color:#76c89f}
@media(max-width:780px){.remettre-layout{grid-template-columns:1fr}}
@media(max-width:560px){.remettre-card{padding:16px}.remettre-hero{align-items:flex-start}.remettre-hero .page-icon{width:48px;height:48px;font-size:23px}.remettre-editor{min-height:220px;font-size:15px}}