:root{--sh-bg:#f7f8fb;--sh-surface:#fff;--sh-surface-alt:#f1f4f9;--sh-text:#1f2937;--sh-text-soft:#4b5563;--sh-text-faint:#6b7280;--sh-primary:#2563eb;--sh-primary-dk:#1d4ed8;--sh-success:#047857;--sh-success-bg:#ecfdf5;--sh-warning:#b45309;--sh-warning-bg:#fffbeb;--sh-danger:#b91c1c;--sh-danger-bg:#fef2f2;--sh-border:#e5e7eb;--sh-radius:14px;--sh-radius-sm:10px;--sh-gap:16px;--sh-shadow:0 4px 14px rgba(15,23,42,.05);--sh-max:860px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--sh-bg);color:var(--sh-text);font-family:"Tajawal","Tahoma","Arial",sans-serif;line-height:1.85}.shell-root{max-width:var(--sh-max);margin:24px auto 48px;padding:0 14px}.shell-state{padding:24px;border-radius:var(--sh-radius);background:var(--sh-surface);box-shadow:var(--sh-shadow);text-align:center;color:var(--sh-text-soft)}.shell-state--error{background:var(--sh-danger-bg);color:var(--sh-danger);text-align:right}.shell-state--error h2{margin:0 0 10px;font-size:1.2rem}.shell-state--error ul{margin:0;padding-right:22px}.mod-header,.mod-section{background:var(--sh-surface);border-radius:var(--sh-radius);box-shadow:var(--sh-shadow);margin-bottom:var(--sh-gap)}.mod-header{padding:22px 20px}.mod-section{padding:18px 20px}.mod-title{margin:0 0 10px;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.4;font-weight:800}.mod-meta{display:flex;flex-wrap:wrap;gap:8px}.mod-badge{background:var(--sh-surface-alt);color:var(--sh-text-soft);border:1px solid var(--sh-border);border-radius:999px;padding:4px 12px;font-size:.88rem}.mod-badge--type{background:#dbeafe;color:var(--sh-primary-dk);border-color:#bfdbfe}.mod-section h2{margin:0 0 10px;font-size:1.15rem;color:var(--sh-primary-dk);border-right:4px solid var(--sh-primary);padding-right:10px}.mod-section p{margin:0 0 8px}.mod-section ul,.mod-section ol{margin:8px 0 0;padding-right:22px}.mod-section li+li{margin-top:4px}.mod-accroche{background:#eef2ff}.mod-regle{background:var(--sh-surface-alt)}.mod-exemple{background:var(--sh-success-bg)}.mod-contre{background:var(--sh-danger-bg)}.mod-diag{background:#fff7ed}.mod-remvis-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.mod-remvis-card{padding:14px;border-radius:var(--sh-radius-sm);border:1px solid var(--sh-border)}.mod-remvis-faux{background:var(--sh-danger-bg);border-color:#fecaca}.mod-remvis-juste{background:var(--sh-success-bg);border-color:#bbf7d0}.mod-remvis-label{font-weight:700;margin-bottom:6px}.mod-remvis-faux .mod-remvis-label{color:var(--sh-danger)}.mod-remvis-juste .mod-remvis-label{color:var(--sh-success)}.mod-prog-step{position:relative;padding:14px 16px 14px 14px;background:var(--sh-surface-alt);border-radius:var(--sh-radius-sm);margin-bottom:10px;border-right:4px solid var(--sh-primary)}.mod-prog-stepnum{display:inline-block;background:var(--sh-primary);color:#fff;font-weight:700;font-size:.82rem;padding:2px 10px;border-radius:999px;margin-bottom:6px}.mod-prog-title{font-weight:700;color:var(--sh-text);margin-bottom:2px}.mod-prog-refs{color:var(--sh-text-soft);font-size:.92rem}.mod-exercise{padding:14px 16px;border:1px solid var(--sh-border);border-radius:var(--sh-radius-sm);margin-bottom:12px;background:#fff}.mod-exercise-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.mod-exercise-title{font-weight:800}.mod-exercise-type{background:#dbeafe;color:var(--sh-primary-dk);border-radius:999px;padding:3px 10px;font-size:.82rem}.mod-choices{margin:10px 0 0;padding-right:22px}.mod-exercise-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mod-btn{border:1px solid var(--sh-border);background:#fff;color:var(--sh-text);padding:7px 14px;border-radius:10px;cursor:pointer;font:inherit}.mod-btn:hover{background:var(--sh-surface-alt)}.mod-btn--hint{background:var(--sh-warning-bg);border-color:#fde68a;color:var(--sh-warning)}.mod-btn--corr{background:var(--sh-primary);border-color:var(--sh-primary);color:#fff}.mod-btn--corr:hover{background:var(--sh-primary-dk)}.mod-btn[disabled]{opacity:.55;cursor:not-allowed;background:var(--sh-surface-alt);color:var(--sh-text-faint);border-color:var(--sh-border)}.mod-hint,.mod-correction{margin-top:10px;padding:10px 12px;border-radius:var(--sh-radius-sm);border:1px solid var(--sh-border)}.mod-hint{background:var(--sh-warning-bg);border-color:#fde68a;color:#7c2d12}.mod-correction{background:var(--sh-success-bg);border-color:#bbf7d0;color:#065f46}.mod-correction ol{margin:6px 0 0;padding-right:20px}.mod-tf-options{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.mod-tf-option{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.95rem;border:1px solid var(--sh-border)}.mod-tf-true{background:var(--sh-success-bg);color:var(--sh-success);border-color:#bbf7d0}.mod-tf-false{background:var(--sh-danger-bg);color:var(--sh-danger);border-color:#fecaca}[hidden]{display:none!important}.mod-synth-rule{font-weight:700;padding:10px 12px;background:#eef2ff;border-radius:var(--sh-radius-sm);margin-bottom:10px;color:var(--sh-primary-dk)}.mod-warnings{background:var(--sh-warning-bg);border:1px solid #fde68a;border-radius:var(--sh-radius-sm);padding:10px 14px;margin-bottom:var(--sh-gap);color:#7c2d12;font-size:.9rem}.mod-warnings ul{margin:6px 0 0;padding-right:20px}@media(max-width:700px){.mod-remvis-grid{grid-template-columns:1fr}.mod-section{padding:14px}.mod-exercise{padding:12px 14px}}