body.didacticiel-mode #toolbar > :not(#tutorialPanel) { display:none !important; }
body.didacticiel-mode #timeline { display:none !important; }
body.didacticiel-mode #panelToggle { display:none; }
body.didacticiel-mode #opencv-status { display:none; }
body.didacticiel-mode .app-workspace { grid-template-columns:420px minmax(0,1fr); }
#tutorialPanel { padding:18px; color:var(--text); }
#tutorialPanel h2 { font-size:1.25rem; line-height:1.35; margin:10px 0; }
#tutorialPanel h3 { font-size:1rem; margin:16px 0 10px; }
#tutorialPanel p, #tutorialPanel li { font-size:.85rem; line-height:1.6; }
#tutorialPanel .lesson-kicker { color:var(--primary-color); font-size:.75rem; font-weight:800; }
#tutorialPanel .lesson-phases { display:flex; flex-wrap:wrap; gap:5px; margin:14px 0; }
#tutorialPanel .lesson-phases span { font-size:.7rem; background:#edf2f8; border-radius:8px; padding:6px 8px; }
#tutorialPanel .lesson-phases [aria-current] { color:white; background:var(--primary-color); }
#tutorialPanel .lesson-phases button { width:auto; flex:1; margin:0; padding:7px; font-size:.72rem; }
#tutorialPanel .lesson-navigation { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
#tutorialPanel .lesson-navigation button { margin:0; padding:8px; font-size:.75rem; }
#tutorialPanel .lesson-navigation [aria-current] { border-color:var(--primary-color); background:#eaf1ff; color:var(--primary-color); }
#tutorialPanel .lesson-card { background:#f0f6ff; border:1px solid #d8e5fa; padding:12px; border-radius:12px; margin:12px 0; }
#tutorialPanel .lesson-formula { font-size:1.05rem; font-weight:700; line-height:1.8; }
#tutorialPanel button { width:100%; margin:10px 0 0; }
#tutorialPanel input { width:100%; }
#tutorialPanel .lesson-feedback { padding:12px; border-left:4px solid #168c89; background:#edf9f7; margin-top:12px; font-size:.85rem; line-height:1.6; }
#tutorialPanel .lesson-error { color:#b42318; }
#tutorialPanel .formula-choices button { display:block; text-align:left; white-space:normal; padding:12px; }
#tutorialPanel .choice-expression { display:block; font-weight:700; line-height:1.5; }
#tutorialPanel .choice-result { display:block; margin-top:5px; font-size:.8rem; color:#526176; line-height:1.5; }
#tutorialPanel .lesson-meta { font-size:.75rem; color:#526176; }
#tutorialPanel table { width:100%; border-collapse:collapse; font-size:.75rem; margin:10px 0; }
#tutorialPanel th, #tutorialPanel td { border-bottom:1px solid #dce4ef; padding:6px 4px; text-align:right; }
#tutorialPanel details { margin:15px 0; }
#tutorialPanel summary { cursor:pointer; font-size:.8rem; }
#tutorialPanel a { color:var(--primary-color); }
@media(max-width:820px) {
    body.didacticiel-mode .app-workspace { display:flex; flex-direction:column; overflow:auto; }
    body.didacticiel-mode #toolbar { position:static; transform:none; width:100%; max-height:none; overflow:visible; flex:none; }
    body.didacticiel-mode #main-content { min-height:360px; height:auto; flex:none; }
    body.didacticiel-mode #video-container { min-height:320px; }
}