:root {
  --ln-blue:#1769c2;
  --ln-blue-2:#0f5aa8;
  --ln-blue-soft:#dcecf8;
  --ln-blue-softer:#eaf4fa;
  --ln-green:#2da867;
  --ln-green-soft:#def1e7;
  --ln-purple:#7657c8;
  --ln-purple-soft:#e7def8;
  --ln-orange:#dc8a1b;
  --ln-orange-soft:#f9e9cf;
  --ln-coral:#e65a4f;
  --ln-gold:#f0aa24;
  --ln-navy:#173f70;
  --ln-ink:#273b4a;
  --ln-muted:#64798a;
  --ln-line:#cadbe6;
  --ln-line-strong:#adc9dc;
  --ln-surface:#f9fcfe;
  --ln-bg:#e9f1f6;
  --ln-shadow-card:0 7px 18px rgba(23,63,112,.09);
  --ln-shadow-panel:0 14px 34px rgba(23,63,112,.11);
}

/* Charte finale Lecture de notes : une seule couche visuelle, responsive et tactile. */
body.nl-harmony-module.nl-module-lecture-notes,
body.nl-harmony-module.nl-module-lecture-notes *,
body.nl-harmony-module.nl-module-lecture-notes *::before,
body.nl-harmony-module.nl-module-lecture-notes *::after {
  box-sizing:border-box;
}

body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar,
body.nl-harmony-module.nl-module-lecture-notes main,
body.nl-harmony-module.nl-module-lecture-notes .section,
body.nl-harmony-module.nl-module-lecture-notes .instrument-card,
body.nl-harmony-module.nl-module-lecture-notes #quiz,
body.nl-harmony-module.nl-module-lecture-notes #key-quiz,
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings,
body.nl-harmony-module.nl-module-lecture-notes .music-panel,
body.nl-harmony-module.nl-module-lecture-notes .instrument-note,
body.nl-harmony-module.nl-module-lecture-notes .instrument-answers,
body.nl-harmony-module.nl-module-lecture-notes #key-answers {
  max-width:100%;
  min-width:0;
}
/* ===== Socle Lecture de notes ===== */
html.nl-page-lecture-notes {
  min-height:100%;
  background:#f5ede0 !important;
}

body.nl-harmony-module.nl-module-lecture-notes {
  min-height:100vh;
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  padding:14px 10px 20px;
  background:
    radial-gradient(circle at 8% 0,rgba(242,184,75,.12),transparent 25rem),
    radial-gradient(circle at 94% 4%,rgba(23,105,194,.10),transparent 28rem),
    linear-gradient(180deg,#eef5f8 0%,var(--ln-bg) 100%) !important;
  color:var(--ln-ink);
  font-family:"Segoe UI",Roboto,Arial,sans-serif;
}

/* Les variantes responsive règlent la géométrie du contenu, mais le canevas
   de la page doit toujours atteindre le bas de la fenêtre. */
html.nl-page-lecture-notes body.nl-harmony-module.nl-module-lecture-notes {
  min-height:100vh !important;
}

body.nl-harmony-module.nl-module-lecture-notes main {
  width:min(1100px,100%);
  margin-inline:auto;
}

body.nl-harmony-module.nl-module-lecture-notes .section,
body.nl-harmony-module.nl-module-lecture-notes .instrument-card {
  background:linear-gradient(180deg,#fff 0%,var(--ln-surface) 100%) !important;
  border:1px solid var(--ln-line) !important;
  border-radius:20px !important;
  box-shadow:var(--ln-shadow-panel) !important;
}

body.nl-harmony-module.nl-module-lecture-notes .section {
  max-width:none;
  margin-top:0;
  padding:18px 20px;
}

body.nl-harmony-module.nl-module-lecture-notes .hidden { display:none !important; }
body.nl-harmony-module.nl-module-lecture-notes .shortcut-inline { display:none !important; }

body.nl-harmony-module.nl-module-lecture-notes h1,
body.nl-harmony-module.nl-module-lecture-notes h2,
body.nl-harmony-module.nl-module-lecture-notes h3,
body.nl-harmony-module.nl-module-lecture-notes h4 { color:var(--ln-navy); }

body.nl-harmony-module.nl-module-lecture-notes .section-eyebrow,
body.nl-harmony-module.nl-module-lecture-notes .path-kicker,
body.nl-harmony-module.nl-module-lecture-notes .tutorial-kicker,
body.nl-harmony-module.nl-module-lecture-notes .intro-kicker {
  color:#5c778c;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.74rem;
  font-weight:850;
}

/* ===== Accueil ===== */
body.nl-harmony-module.nl-module-lecture-notes .tutorial-entry {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:16px;
  padding:12px 14px;
  border:1px solid #c9dfcf;
  border-radius:15px;
  background:linear-gradient(135deg,#edf7ef,#e5f1e8);
  color:#255d42;
  font-weight:750;
}

body.nl-harmony-module.nl-module-lecture-notes .tutorial-entry button {
  min-height:42px;
  margin:0;
  padding:9px 14px;
  border:1px solid #b6d3bf;
  border-radius:11px;
  background:#e8f4eb !important;
  color:#175b3b !important;
  box-shadow:0 3px 8px rgba(38,97,63,.06);
  font-weight:850;
}

body.nl-harmony-module.nl-module-lecture-notes .home-intro {
  max-width:800px;
  margin:2px auto 18px;
  text-align:left;
}
body.nl-harmony-module.nl-module-lecture-notes .home-intro h1 {
  margin:4px 0 8px;
  font-size:1.8rem;
  line-height:1.08;
}
body.nl-harmony-module.nl-module-lecture-notes .home-intro p,
body.nl-harmony-module.nl-module-lecture-notes .mode-section-subtitle,
body.nl-harmony-module.nl-module-lecture-notes .pedagogy,
body.nl-harmony-module.nl-module-lecture-notes .tutorial-lead {
  color:var(--ln-muted);
  line-height:1.48;
}

body.nl-harmony-module.nl-module-lecture-notes .mode-grid {
  display:grid;
  gap:14px;
}
body.nl-harmony-module.nl-module-lecture-notes .mode-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }

body.nl-harmony-module.nl-module-lecture-notes .mode-card {
  width:100%;
  min-width:0;
  min-height:138px;
  margin:0;
  padding:18px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  border:1px solid var(--ln-line) !important;
  border-top:4px solid var(--ln-blue) !important;
  border-radius:18px !important;
  color:var(--ln-navy) !important;
  text-align:left;
  box-shadow:var(--ln-shadow-card) !important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-guided { background:linear-gradient(145deg,#f2f8fd,#dcecf8) !important; border-top-color:var(--ln-blue) !important; }
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-tuto { background:linear-gradient(145deg,#f6f2fc,#e7def8) !important; border-top-color:var(--ln-purple) !important; }
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-custom { background:linear-gradient(145deg,#f1faf5,#def1e7) !important; border-top-color:var(--ln-green) !important; }
body.nl-harmony-module.nl-module-lecture-notes .mode-card:hover { transform:translateY(-2px); box-shadow:0 11px 24px rgba(23,63,112,.13) !important; }
body.nl-harmony-module.nl-module-lecture-notes .mode-card.selected {
  color:var(--ln-navy) !important;
  border-color:#8db9dc !important;
  border-top-color:var(--ln-blue) !important;
  background:linear-gradient(145deg,#f8fcff,#e3f0fb) !important;
  box-shadow:0 0 0 3px rgba(23,105,194,.09),0 10px 22px rgba(23,63,112,.12) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .mode-icon {
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:14px;
  font-size:25px;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(23,63,112,.08),0 4px 10px rgba(23,63,112,.07);
}
body.nl-harmony-module.nl-module-lecture-notes .mode-guided .mode-icon { color:var(--ln-blue); background:var(--ln-blue-soft); }
body.nl-harmony-module.nl-module-lecture-notes .mode-tuto .mode-icon { color:var(--ln-purple); background:var(--ln-purple-soft); }
body.nl-harmony-module.nl-module-lecture-notes .mode-custom .mode-icon { color:var(--ln-green); background:var(--ln-green-soft); }
body.nl-harmony-module.nl-module-lecture-notes .mode-copy { display:flex; min-width:0; flex-direction:column; gap:5px; }
body.nl-harmony-module.nl-module-lecture-notes .mode-copy strong { color:var(--ln-navy) !important; font-size:1.28rem; }
body.nl-harmony-module.nl-module-lecture-notes .mode-copy small { color:#587085 !important; font-size:.91rem; line-height:1.42; }
body.nl-harmony-module.nl-module-lecture-notes .mode-arrow { color:#7399b8 !important; font-size:2rem; opacity:1; }

/* ===== Titres et panneaux du parcours ===== */
body.nl-harmony-module.nl-module-lecture-notes .path-heading {
  display:flex;
  align-items:center;
  gap:14px;
  width:min(800px,100%);
  margin:10px auto 10px;
  padding:13px 16px;
  border:1px solid #d1dee8;
  border-radius:17px;
  background:linear-gradient(145deg,#fff9ef,#f3f8fc);
  box-shadow:var(--ln-shadow-card);
  text-align:left;
}
body.nl-harmony-module.nl-module-lecture-notes .path-heading h3 { margin:2px 0 0; }
body.nl-harmony-module.nl-module-lecture-notes .path-icon {
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:14px;
  background:var(--ln-orange-soft);
  color:var(--ln-orange);
  font-size:1.45rem;
}

body.nl-harmony-module.nl-module-lecture-notes #bloc-sousfamilles,
body.nl-harmony-module.nl-module-lecture-notes #bloc-instruments,
body.nl-harmony-module.nl-module-lecture-notes #bloc-niveaux:not(.hidden-soft),
body.nl-harmony-module.nl-module-lecture-notes #key-stages:not(.hidden-soft) {
  max-width:1080px;
  margin:12px auto 0;
  padding:14px 16px 16px;
  border:1px solid #d2e0e9;
  border-radius:18px;
  background:linear-gradient(180deg,#f7fbfd,#edf5fa);
  box-shadow:var(--ln-shadow-card);
}
body.nl-harmony-module.nl-module-lecture-notes #bloc-sousfamilles > h4,
body.nl-harmony-module.nl-module-lecture-notes #bloc-instruments > h4,
body.nl-harmony-module.nl-module-lecture-notes #bloc-niveaux > h4,
body.nl-harmony-module.nl-module-lecture-notes .key-stage-heading h4 {
  width:fit-content;
  margin:0 auto 12px;
  padding:7px 13px;
  border-radius:999px;
  background:#e4f0f8;
  color:var(--ln-navy);
}

/* ===== Familles / sous-familles / instruments ===== */
body.nl-harmony-module.nl-module-lecture-notes .families-row,
body.nl-harmony-module.nl-module-lecture-notes .subfamilies-row,
body.nl-harmony-module.nl-module-lecture-notes .instruments-row,
body.nl-harmony-module.nl-module-lecture-notes .key-family-choices {
  display:grid;
  gap:11px;
}
body.nl-harmony-module.nl-module-lecture-notes .families-row,
body.nl-harmony-module.nl-module-lecture-notes .instruments-row { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
body.nl-harmony-module.nl-module-lecture-notes .subfamilies-row { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
body.nl-harmony-module.nl-module-lecture-notes .key-family-choices { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }

body.nl-harmony-module.nl-module-lecture-notes .families-row .tile,
body.nl-harmony-module.nl-module-lecture-notes #sousfamilles-container button,
body.nl-harmony-module.nl-module-lecture-notes #instruments-container button,
body.nl-harmony-module.nl-module-lecture-notes .key-family-choices button,
body.nl-harmony-module.nl-module-lecture-notes .defi-card {
  min-height:80px;
  margin:0;
  padding:13px 15px;
  border:1px solid var(--ln-line-strong) !important;
  border-radius:15px !important;
  background:linear-gradient(145deg,#eef6fb,#dcecf7) !important;
  color:var(--ln-navy) !important;
  box-shadow:var(--ln-shadow-card) !important;
  text-align:left;
  font-weight:800;
}
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile[data-famille="cordes"] { background:linear-gradient(145deg,#edf6fd,#d8eafb) !important; }
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile[data-famille="vents"] { background:linear-gradient(145deg,#fff6e9,#f6e2c0) !important; }
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile[data-famille="claviers-soufflets"] { background:linear-gradient(145deg,#fbf9ff,#ece5fa) !important; }
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile[data-famille="percussions"] { background:linear-gradient(145deg,#fff8fb,#f8e7ee) !important; }
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile[data-famille="musique-ancienne"] { background:linear-gradient(145deg,#fffaf4,#f7eadb) !important; }
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile[data-famille="musique-traditionnelle"] { background:linear-gradient(145deg,#faf8ff,#ebe6f8) !important; }
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile[data-famille="musiques-actuelles-jazz"] { background:linear-gradient(145deg,#fff8fb,#f6e7ee) !important; }

body.nl-harmony-module.nl-module-lecture-notes .families-row .tile:hover,
body.nl-harmony-module.nl-module-lecture-notes #sousfamilles-container button:hover,
body.nl-harmony-module.nl-module-lecture-notes #instruments-container button:hover,
body.nl-harmony-module.nl-module-lecture-notes .key-family-choices button:hover,
body.nl-harmony-module.nl-module-lecture-notes .defi-card:hover { transform:translateY(-2px); border-color:#82b1d4 !important; }

body.nl-harmony-module.nl-module-lecture-notes .families-row .tile.selected,
body.nl-harmony-module.nl-module-lecture-notes #sousfamilles-container button.selected,
body.nl-harmony-module.nl-module-lecture-notes #instruments-container button.selected,
body.nl-harmony-module.nl-module-lecture-notes .key-family-choices button.selected {
  color:#fff !important;
  background:linear-gradient(145deg,#2a80d9,var(--ln-blue-2)) !important;
  border-color:var(--ln-blue) !important;
  box-shadow:0 9px 22px rgba(23,105,194,.20) !important;
}

body.nl-harmony-module.nl-module-lecture-notes .key-family-block,
body.nl-harmony-module.nl-module-lecture-notes .key-context {
  padding:15px 17px;
  border:1px solid #d1e0ea;
  border-radius:17px;
  background:linear-gradient(145deg,#f8fcff,#edf5fa);
  box-shadow:var(--ln-shadow-card);
  text-align:left;
}

/* ===== Niveaux ===== */
body.nl-harmony-module.nl-module-lecture-notes .levels-row {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  max-width:980px;
  margin:0 auto;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card {
  min-height:88px;
  margin:0;
  padding:12px 13px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border:1px solid #abc9dd !important;
  border-top:3px solid #6ea8d3 !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#eef6fb,#dcecf7) !important;
  color:var(--ln-navy) !important;
  box-shadow:var(--ln-shadow-card) !important;
  text-align:left !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card .level-number {
  display:grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  margin:0 !important;
  border:1px solid #bed8ea;
  border-radius:10px !important;
  background:#d4e8f6 !important;
  color:var(--ln-blue) !important;
  font-size:1rem !important;
  font-weight:900 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card strong { color:var(--ln-navy) !important; font-size:.94rem; line-height:1.25; }
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card:hover { transform:translateY(-2px); border-color:#75a9cf !important; }
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card.selected {
  border-color:#76a9cf !important;
  border-top-color:var(--ln-blue) !important;
  background:linear-gradient(145deg,#edf6fd,#d4e8f6) !important;
  color:var(--ln-navy) !important;
  box-shadow:0 0 0 3px rgba(23,105,194,.10),0 9px 20px rgba(23,63,112,.11) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card.selected::after { display:none !important; content:none !important; }
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card.selected .level-number {
  background:var(--ln-blue) !important;
  color:#fff !important;
  border-color:var(--ln-blue) !important;
}

/* Parcours cordes validé : bandeau compact + détails sobres. */
body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready.string-missions .string-instrument-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"copy action" "title action";
  align-items:center;
  gap:2px 18px;
  max-width:980px;
  margin:2px auto 14px;
  padding:13px 15px;
  border:1px solid #c8dbe7 !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,#eef6fb,#dcecf7) !important;
  box-shadow:var(--ln-shadow-card) !important;
  text-align:left !important;
}
body.nl-harmony-module.nl-module-lecture-notes .string-instrument-hero__content { grid-area:copy; min-width:0; }
body.nl-harmony-module.nl-module-lecture-notes .string-instrument-hero__kicker { margin:0 0 3px !important; color:#61798b !important; font-size:.72rem !important; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
body.nl-harmony-module.nl-module-lecture-notes .string-instrument-hero__content h4 { margin:0 !important; color:var(--ln-navy) !important; font-size:1.5rem !important; line-height:1.08; }
body.nl-harmony-module.nl-module-lecture-notes .string-instrument-hero__mission-title { grid-area:title; margin-top:4px; color:var(--ln-muted) !important; font-size:.9rem !important; font-weight:700 !important; text-align:left !important; }
body.nl-harmony-module.nl-module-lecture-notes .string-instrument-hero__action { grid-area:action; justify-self:end; }
body.nl-harmony-module.nl-module-lecture-notes .string-instrument-hero__action > button,
body.nl-harmony-module.nl-module-lecture-notes #change-instrument-button {
  min-height:42px !important;
  margin:0 !important;
  padding:8px 12px !important;
  border:1px solid #adc8da !important;
  border-radius:10px !important;
  background:#dcecf7 !important;
  color:#355b77 !important;
  box-shadow:none !important;
  font-weight:800 !important;
}

body.nl-harmony-module.nl-module-lecture-notes .string-level-details {
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  max-width:980px !important;
  margin:12px auto 0 !important;
  padding:10px 12px !important;
  border:1px solid #c9dce8 !important;
  border-radius:13px !important;
  background:linear-gradient(145deg,#edf6fa,#dceaf3) !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .string-level-details .detail-badge {
  width:34px !important;
  height:34px !important;
  border:1px solid #b8d3e5 !important;
  border-radius:9px !important;
  background:#d4e8f6 !important;
  color:var(--ln-blue) !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .string-level-details p { margin:0 !important; color:#3f6078 !important; font-size:.86rem !important; font-weight:650 !important; line-height:1.4 !important; }

/* ===== Boutons d'action ===== */
body.nl-harmony-module.nl-module-lecture-notes .launch-instrument-level,
body.nl-harmony-module.nl-module-lecture-notes .button,
body.nl-harmony-module.nl-module-lecture-notes .tutorial-primary {
  min-height:46px;
  padding:10px 18px;
  border:1px solid #0f5aa8 !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#2b80d2,#1769c2) !important;
  color:#fff !important;
  box-shadow:0 7px 15px rgba(23,105,194,.20) !important;
  font-weight:850;
}
body.nl-harmony-module.nl-module-lecture-notes .launch-instrument-level:hover,
body.nl-harmony-module.nl-module-lecture-notes .button:hover,
body.nl-harmony-module.nl-module-lecture-notes .tutorial-primary:hover { background:linear-gradient(180deg,#2377c5,#0f5aa8) !important; }
body.nl-harmony-module.nl-module-lecture-notes .launch-instrument-level:disabled { opacity:.58; cursor:default; }

/* ===== Écrans d'exercice : charte compacte unique ===== */
body.nl-harmony-module.nl-module-lecture-notes .instrument-card {
  width:min(960px,100%);
  margin:0 auto;
  padding:14px 18px 18px;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card h2 {
  margin:5px 0 3px;
  color:var(--ln-navy);
  font-size:clamp(1.2rem,2vw,1.5rem);
  line-height:1.12;
}
body.nl-harmony-module.nl-module-lecture-notes .pedagogy,
body.nl-harmony-module.nl-module-lecture-notes .sound-summary {
  margin:3px auto 5px;
  line-height:1.35;
}
body.nl-harmony-module.nl-module-lecture-notes .sound-summary {
  padding:5px 9px;
  border:1px solid #d0e0e9 !important;
  border-radius:10px !important;
  background:#edf5f9 !important;
  box-shadow:none !important;
}

/* Les trois réglages secondaires partagent désormais une seule barre compacte. */
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:6px;
  width:100%;
  max-width:900px;
  margin:5px auto 3px;
  padding:5px;
  border:1px solid #c4dae7;
  border-radius:13px;
  background:linear-gradient(180deg,#e7f2f8,#dceaf3);
  box-shadow:0 4px 12px rgba(23,63,112,.06);
}
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings.key-exercise-settings {
  grid-template-columns:minmax(0,520px);
  justify-content:center;
}
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings > [hidden] { display:none !important; }
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice,
body.nl-harmony-module.nl-module-lecture-notes .fingering-mode,
body.nl-harmony-module.nl-module-lecture-notes .note-color-mode {
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:38px;
  gap:4px;
  margin:0 !important;
  padding:0 4px !important;
  border:0 !important;
  border-radius:9px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#38566d;
  font-size:.78rem;
  font-weight:850;
}
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice > span,
body.nl-harmony-module.nl-module-lecture-notes .settings-label {
  flex:0 0 auto;
  margin:0 2px 0 0;
  color:#35546b;
  font-size:.74rem;
  font-weight:900;
  white-space:nowrap;
  min-width:0;
}
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice button {
  min-height:36px;
  margin:0;
  padding:6px 9px;
  border:1px solid #aac7da !important;
  border-radius:8px !important;
  background:#d6e9f5 !important;
  color:#254e6d !important;
  box-shadow:none !important;
  font-size:.76rem;
  font-weight:850;
  white-space:nowrap;
  min-width:0;
}
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice button.selected {
  border-color:var(--ln-blue) !important;
  background:var(--ln-blue) !important;
  color:#fff !important;
}
body.nl-harmony-module.nl-module-lecture-notes .fingering-options {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  min-width:0;
  gap:3px !important;
  margin:0;
  padding:3px !important;
  border:1px solid #bed4e2 !important;
  border-radius:9px !important;
  background:#d5e6f1 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .fingering-options label { position:relative; min-width:0; cursor:pointer; }
body.nl-harmony-module.nl-module-lecture-notes .fingering-options input { position:absolute; width:1px; height:1px; opacity:0; }
body.nl-harmony-module.nl-module-lecture-notes .fingering-options input:focus-visible + span { outline:3px solid rgba(23,105,194,.28); outline-offset:2px; }
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice button[hidden] { display:none !important; }
body.nl-harmony-module.nl-module-lecture-notes .fingering-options span {
  min-height:32px !important;
  min-width:0;
  padding:4px 7px !important;
  border-radius:7px !important;
  background:#e5f1f7 !important;
  color:#35556d !important;
  font-size:.72rem !important;
  font-weight:850 !important;
  line-height:1.12;
  text-align:center;
  white-space:nowrap;
  min-width:0;
}
body.nl-harmony-module.nl-module-lecture-notes .fingering-options input:checked + span {
  background:var(--ln-blue) !important;
  color:#fff !important;
  box-shadow:0 2px 6px rgba(23,105,194,.16) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-help {
  min-height:0;
  margin:0 auto 3px;
  text-align:center;
}
body.nl-harmony-module.nl-module-lecture-notes .note-color-help,
body.nl-harmony-module.nl-module-lecture-notes .fingering-notice {
  display:inline-block;
  width:auto;
  max-width:min(760px,100%);
  margin:1px 3px !important;
  padding:3px 8px !important;
  border-radius:8px !important;
  background:#eaf3f8 !important;
  color:#3d6078 !important;
  font-size:.69rem !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .note-color-help[hidden],
body.nl-harmony-module.nl-module-lecture-notes .fingering-notice[hidden] { display:none !important; }

body.nl-harmony-module.nl-module-lecture-notes .music-panel {
  border:2px solid #b7d2e4 !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,#f8fcff,#eaf3f9) !important;
  box-shadow:0 7px 18px rgba(23,63,112,.09) !important;
}

/* Réponses : assez teintées pour être des actions, sans aplat excessif. */
body.nl-harmony-module.nl-module-lecture-notes .instrument-answers button,
body.nl-harmony-module.nl-module-lecture-notes #key-answers button {
  min-height:48px;
  margin:0;
  padding:9px 11px;
  border:1px solid #91bddb !important;
  border-bottom:3px solid #6ca5ce !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#d8edf8,#c4e0f1) !important;
  color:var(--ln-navy) !important;
  box-shadow:0 3px 8px rgba(23,63,112,.08) !important;
  font-size:1rem;
  font-weight:900;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-answers button:hover,
body.nl-harmony-module.nl-module-lecture-notes #key-answers button:hover {
  border-color:#609fc9 !important;
  background:linear-gradient(180deg,#cfe8f6,#b8d8ec) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-answers button:disabled,
body.nl-harmony-module.nl-module-lecture-notes #key-answers button:disabled { opacity:.72; }
body.nl-harmony-module.nl-module-lecture-notes .instrument-feedback,
body.nl-harmony-module.nl-module-lecture-notes #key-feedback,
body.nl-harmony-module.nl-module-lecture-notes .keyboard-hint,
body.nl-harmony-module.nl-module-lecture-notes #key-score,
body.nl-harmony-module.nl-module-lecture-notes #score { color:var(--ln-muted); }

/* ===== Manette / clavier ===== */
html[data-notalix-input="gamepad"] body.nl-harmony-module.nl-module-lecture-notes [data-notalix-focus="true"],
html[data-input-mode="gamepad"] body.nl-harmony-module.nl-module-lecture-notes .pad-focus,
html[data-input-mode="keyboard"] body.nl-harmony-module.nl-module-lecture-notes .pad-focus {
  position:relative;
  z-index:2;
  outline:4px solid var(--ln-gold) !important;
  outline-offset:4px !important;
  box-shadow:0 0 0 7px rgba(240,170,36,.18),var(--ln-shadow-card) !important;
}

/* ===== Tablette / petits écrans ===== */
@media (max-width:759px) {
  body.nl-harmony-module.nl-module-lecture-notes .mode-grid-three { grid-template-columns:1fr; }
  body.nl-harmony-module.nl-module-lecture-notes .levels-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings {
    grid-template-columns:1fr 1fr;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings .live-sound-choice { grid-column:1 / -1; }
}

@media (max-width:759px) {
  body.nl-harmony-module.nl-module-lecture-notes { padding:7px 6px 14px; }
  body.nl-harmony-module.nl-module-lecture-notes .section,
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card { padding:12px; border-radius:16px !important; }
  body.nl-harmony-module.nl-module-lecture-notes .shortcut-help { display:none !important; }
}

@media (max-width:420px) {
  body.nl-harmony-module.nl-module-lecture-notes { padding:4px 3px 10px; }
  body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar {
    width:min(1100px,calc(100% - 4px));
    max-width:calc(100% - 4px);
    gap:4px;
    padding:6px 7px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar__back {
    max-width:70px;
    min-height:34px;
    padding:6px 6px;
    font-size:9.5px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar__brand { gap:4px; min-width:0; }
  body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar__logo { height:18px; }
  body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar__by { display:none; }
  body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar__module {
    min-height:18px;
    padding:3px 5px;
    font-size:6.9px;
    letter-spacing:.04em;
  }
}

/* ===== Responsive Lecture de notes : dimensions réelles du viewport ===== */
/*
   - Smartphone portrait : portée centrée, réponses dessous, aucune largeur forcée.
   - Fenêtre intermédiaire : même ordre vertical.
   - Smartphone large mais bas : portée à gauche, réponses à droite pour gagner en hauteur.
   - PC (>= 1024 px) : portée centrée, sept réponses sur une ligne.
   Aucun comportement ne dépend de la propriété CSS orientation.
*/

/* Smartphone étroit. */
@media (max-width:599px) {
  html,
  body.nl-harmony-module.nl-module-lecture-notes {
    width:100%;
    max-width:100%;
    min-height:100%;
    height:auto !important;
    overflow-x:hidden !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes { padding:4px 3px 8px; }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card {
    width:100% !important;
    max-width:100% !important;
    margin:3px auto 6px !important;
    padding:7px 7px 9px !important;
    overflow:hidden;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card,
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card > *,
  body.nl-harmony-module.nl-module-lecture-notes #quiz,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz,
  body.nl-harmony-module.nl-module-lecture-notes #quiz > *,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz > * {
    min-width:0 !important;
    max-width:100% !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card h2 {
    margin:2px 0 1px !important;
    font-size:clamp(1rem,5vw,1.28rem) !important;
    line-height:1.08 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .pedagogy {
    margin:1px auto 2px !important;
    font-size:.67rem !important;
    line-height:1.18 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .sound-summary { display:none !important; }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings,
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings.key-exercise-settings {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:3px !important;
    width:100% !important;
    max-width:100% !important;
    margin:2px auto 1px !important;
    padding:3px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice,
  body.nl-harmony-module.nl-module-lecture-notes .fingering-mode,
  body.nl-harmony-module.nl-module-lecture-notes .note-color-mode {
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr);
    align-items:center;
    min-width:0 !important;
    min-height:32px;
    gap:3px !important;
    padding:2px 3px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice { grid-template-columns:52px repeat(2,minmax(0,1fr)); }
  body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice > span,
  body.nl-harmony-module.nl-module-lecture-notes .settings-label {
    width:auto;
    min-width:0;
    margin:0;
    text-align:right;
    font-size:.66rem;
  }
  body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice button {
    width:100%;
    min-width:0 !important;
    min-height:31px;
    padding:3px 2px;
    font-size:.65rem;
    white-space:normal;
    overflow-wrap:normal;
  }
  body.nl-harmony-module.nl-module-lecture-notes .fingering-options {
    width:100% !important;
    min-width:0 !important;
    gap:2px !important;
    padding:2px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .fingering-options label { min-width:0 !important; }
  body.nl-harmony-module.nl-module-lecture-notes .fingering-options span {
    min-width:0 !important;
    min-height:30px !important;
    padding:3px 2px !important;
    font-size:.61rem !important;
    line-height:1.03 !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-help { margin:0 !important; line-height:1; }
  body.nl-harmony-module.nl-module-lecture-notes .note-color-help,
  body.nl-harmony-module.nl-module-lecture-notes .fingering-notice {
    max-width:100% !important;
    margin:0 2px !important;
    padding:2px 5px !important;
    font-size:.6rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz:not([hidden]),
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz:not([hidden]) {
    display:block !important;
    width:100%;
    margin:3px auto 0;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .music-panel,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .music-panel {
    width:min(100%,280px) !important;
    height:176px !important;
    min-height:0 !important;
    margin:3px auto 5px !important;
    padding:5px 7px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .music-panel {
    height:auto !important;
    min-height:176px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .instrument-note,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .instrument-note {
    width:100% !important;
    height:148px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-hint {
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    margin:4px auto 0 !important;
    transform:none !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-answers,
  body.nl-harmony-module.nl-module-lecture-notes #key-answers {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:100% !important;
    gap:4px !important;
    margin:4px auto 4px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-answers button,
  body.nl-harmony-module.nl-module-lecture-notes #key-answers button {
    min-width:0 !important;
    min-height:40px !important;
    padding:5px 3px !important;
    font-size:.86rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .keyboard-hint { display:none !important; }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-feedback,
  body.nl-harmony-module.nl-module-lecture-notes #key-feedback {
    min-height:20px !important;
    height:20px !important;
    margin:0 !important;
    font-size:.76rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-progress { height:9px; margin:2px 0 !important; }
  body.nl-harmony-module.nl-module-lecture-notes #score,
  body.nl-harmony-module.nl-module-lecture-notes #key-score { margin:1px 0 0 !important; font-size:.96rem !important; }
  body.nl-harmony-module.nl-module-lecture-notes .levels-row { grid-template-columns:1fr !important; }
}

/* Tablette et fenêtres intermédiaires : ordre vertical centré. */
@media (min-width:600px) and (max-width:1023px) {
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card {
    width:calc(100% - 8px) !important;
    margin:3px auto 7px !important;
    padding:8px 10px 10px !important;
    overflow:hidden;
  }
  body.nl-harmony-module.nl-module-lecture-notes .sound-summary { display:none !important; }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings {
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:3px auto !important;
    padding:4px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings .live-sound-choice { grid-column:1 / -1; }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings.key-exercise-settings { grid-template-columns:minmax(0,500px) !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz:not([hidden]),
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz:not([hidden]) {
    display:block !important;
    width:100%;
    margin:4px auto 0;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #music-panel,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .music-panel {
    width:min(100%,320px) !important;
    height:210px !important;
    min-height:0 !important;
    margin:4px auto 6px !important;
    padding:6px 8px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #music-panel {
    height:auto !important;
    min-height:210px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .instrument-note,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .instrument-note { width:100% !important; height:182px !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #answers,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-answers {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:min(650px,100%) !important;
    gap:6px !important;
    margin:4px auto 5px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #answers button,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-answers button { min-width:0 !important; min-height:44px !important; padding:5px 4px !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .keyboard-hint,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .keyboard-hint { margin:2px auto !important; font-size:.63rem !important; line-height:1.1; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #feedback,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-feedback { margin:1px auto !important; min-height:20px; font-size:.78rem; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .instrument-progress,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .instrument-progress { width:min(650px,100%); margin:2px auto !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #score,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-score { margin:1px auto 0 !important; font-size:1rem !important; }
}

/* PC : largeur suffisante, portée au centre et sept réponses sur une ligne. */
@media (min-width:1024px) {
  html,
  body.nl-harmony-module.nl-module-lecture-notes {
    min-height:100%;
    height:auto !important;
    overflow-x:hidden !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card {
    width:min(1080px,calc(100% - 16px)) !important;
    margin:6px auto 10px !important;
    padding:10px 14px 13px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card h2 { margin:3px 0 !important; }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings {
    grid-template-columns:auto minmax(230px,1fr) minmax(230px,1fr) !important;
    gap:7px !important;
    width:min(920px,100%) !important;
    margin:4px auto 3px !important;
    padding:4px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings.key-exercise-settings { grid-template-columns:minmax(0,520px) !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz:not([hidden]),
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz:not([hidden]) {
    display:block !important;
    width:min(980px,100%);
    margin:6px auto 0;
    text-align:center;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #music-panel,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .music-panel {
    width:360px !important;
    max-width:100% !important;
    height:245px !important;
    min-height:0 !important;
    margin:5px auto 10px !important;
    padding:7px 9px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .instrument-note,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .instrument-note {
    width:320px !important;
    max-width:100% !important;
    height:215px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #answers,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-answers {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    width:min(900px,100%) !important;
    gap:7px !important;
    margin:0 auto 6px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #answers button,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-answers button {
    min-width:0 !important;
    min-height:48px !important;
    padding:7px 6px !important;
    font-size:.95rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .keyboard-hint,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .keyboard-hint { margin:2px auto !important; font-size:.68rem !important; line-height:1.1; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #feedback,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-feedback { margin:1px auto !important; min-height:22px; font-size:.82rem; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .instrument-progress,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .instrument-progress { width:min(900px,100%); margin:3px auto !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #score,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-score { margin:2px auto 0 !important; font-size:1.08rem !important; }
}

/* Instrument Lab · réponse au microphone : signal périphérique immédiat.
   La couleur reste autour de la zone musicale, sans recouvrir la portée ni les aides. */
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"] #music-panel,
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"] #instrument-response-status {
  transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"][data-instrument-feedback="listening"] #music-panel {
  border-color:#9bbfd7 !important;
  box-shadow:0 0 0 4px rgba(71,135,178,.10),0 7px 18px rgba(23,63,112,.08) !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"][data-instrument-feedback="hearing"] #music-panel {
  border-color:#2d79ad !important;
  background:linear-gradient(180deg,#f6fbff,#e4f1fa) !important;
  box-shadow:0 0 0 6px rgba(45,121,173,.18),0 7px 18px rgba(23,63,112,.10) !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"][data-instrument-feedback="correct"] #music-panel {
  border-color:#26915a !important;
  background:linear-gradient(180deg,#f7fff9,#e5f7ec) !important;
  box-shadow:0 0 0 7px rgba(38,145,90,.24),0 8px 20px rgba(24,116,68,.14) !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"][data-instrument-feedback="wrong"] #music-panel {
  border-color:#c94d46 !important;
  background:linear-gradient(180deg,#fffafa,#fdebea) !important;
  box-shadow:0 0 0 7px rgba(201,77,70,.22),0 8px 20px rgba(148,50,45,.12) !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"] #instrument-response-status[data-state="hearing"] {
  border-color:#79add0 !important;background:#edf7fd !important;color:#205d87 !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"] #instrument-response-status[data-state="listening"] {
  border-color:#d7a62c !important;
  background:#fff8df !important;
  color:#704e00 !important;
  box-shadow:0 0 0 4px rgba(215,166,44,.12) !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"] #instrument-response-status[data-state="correct"] {
  border-color:#83cda4 !important;background:#edf9f2 !important;color:#176b43 !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"] #instrument-response-status[data-state="wrong"] {
  border-color:#e1a29d !important;background:#fff1f0 !important;color:#9f3f38 !important;
}

/* Le même signal entoure la partition pour toutes les réponses de Lecture de notes.
   Il reste bref, périphérique et ne déplace aucun élément de l’exercice. */
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-answer-feedback] #music-panel,
body.nl-harmony-module.nl-module-lecture-notes #key-quiz[data-answer-feedback] .music-panel {
  transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-answer-feedback="correct"] #music-panel,
body.nl-harmony-module.nl-module-lecture-notes #key-quiz[data-answer-feedback="correct"] .music-panel {
  border-color:#26915a !important;
  background:linear-gradient(180deg,#f7fff9,#e5f7ec) !important;
  box-shadow:0 0 0 7px rgba(38,145,90,.24),0 8px 20px rgba(24,116,68,.14) !important;
}
body.nl-harmony-module.nl-module-lecture-notes #quiz[data-answer-feedback="wrong"] #music-panel,
body.nl-harmony-module.nl-module-lecture-notes #key-quiz[data-answer-feedback="wrong"] .music-panel {
  border-color:#c94d46 !important;
  background:linear-gradient(180deg,#fffafa,#fdebea) !important;
  box-shadow:0 0 0 7px rgba(201,77,70,.22),0 8px 20px rgba(148,50,45,.12) !important;
}
@media (prefers-reduced-motion:reduce) {
  body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"] #music-panel,
  body.nl-harmony-module.nl-module-lecture-notes #quiz[data-response-mode="instrument"] #instrument-response-status,
  body.nl-harmony-module.nl-module-lecture-notes #quiz[data-answer-feedback] #music-panel,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz[data-answer-feedback] .music-panel { transition:none !important; }
}

/* Écran témoin de la charte NOTALYR validée sur l'accueil. La structure et les
   états pédagogiques restent inchangés ; seules les surfaces sont harmonisées. */
body.nl-harmony-module.nl-module-lecture-notes {
  --ln-blue:#376f55;
  --ln-blue-2:#2c5c47;
  --ln-blue-soft:#e7eee7;
  --ln-blue-softer:#f1f4ef;
  --ln-green:#376f55;
  --ln-green-soft:#e7eee7;
  --ln-purple:#6b5282;
  --ln-purple-soft:#eee8f1;
  --ln-orange:#ad672f;
  --ln-orange-soft:#f3e7d8;
  --ln-gold:#c28a24;
  --ln-navy:#0d2b4d;
  --ln-ink:#243746;
  --ln-muted:#6d746f;
  --ln-line:#ddcfbc;
  --ln-line-strong:#cdbca5;
  --ln-surface:#fffaf2;
  --ln-bg:#f5ede0;
  --ln-shadow-card:0 2px 8px rgba(13,43,77,.055);
  --ln-shadow-panel:0 4px 14px rgba(13,43,77,.07);
  background:#f5ede0 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar {
  border-color:#dacbb6;
  border-top-color:#c28a24;
  border-radius:14px;
  background:#fffaf1;
  box-shadow:0 3px 12px rgba(13,43,77,.07);
}
body.nl-harmony-module.nl-module-lecture-notes .section,
body.nl-harmony-module.nl-module-lecture-notes .instrument-card {
  border-color:#ddcfbc !important;
  border-radius:14px !important;
  background:#fffaf2 !important;
  box-shadow:0 4px 14px rgba(13,43,77,.07) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .home-intro h1,
body.nl-harmony-module.nl-module-lecture-notes .instrument-card h2 {
  color:#0d2b4d !important;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
}
body.nl-harmony-module.nl-module-lecture-notes .tutorial-entry {
  border-color:#c9d6c8;
  border-radius:10px;
  background:#f0f2e9;
  color:#315b46;
}
body.nl-harmony-module.nl-module-lecture-notes .tutorial-entry button {
  border-color:#bdcdbd;
  border-radius:8px;
  background:#fffaf2 !important;
  color:#315b46 !important;
  box-shadow:none;
}
body.nl-harmony-module.nl-module-lecture-notes .mode-card,
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-guided,
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-tuto,
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-custom {
  border-color:#ddcfbc !important;
  border-radius:11px !important;
  background:#fffaf4 !important;
  box-shadow:0 2px 8px rgba(13,43,77,.05) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-guided { border-top-color:#376f55 !important; }
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-tuto { border-top-color:#6b5282 !important; }
body.nl-harmony-module.nl-module-lecture-notes .mode-card.mode-custom { border-top-color:#ad672f !important; }
body.nl-harmony-module.nl-module-lecture-notes .mode-card:hover {
  border-color:#cdbca5 !important;
  background:color-mix(in srgb,var(--ln-blue) 4%,#fffaf4) !important;
  box-shadow:0 4px 12px rgba(13,43,77,.07) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .mode-card.selected {
  border-color:#9eb3a4 !important;
  background:#eef2e9 !important;
  box-shadow:0 0 0 2px rgba(55,111,85,.11) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .mode-icon {
  border-radius:8px;
  box-shadow:none;
}
body.nl-harmony-module.nl-module-lecture-notes .mode-guided .mode-icon { background:#e4ece5; color:#376f55; }
body.nl-harmony-module.nl-module-lecture-notes .mode-tuto .mode-icon { background:#eee8f1; color:#6b5282; }
body.nl-harmony-module.nl-module-lecture-notes .mode-custom .mode-icon { background:#f3e7d8; color:#ad672f; }
body.nl-harmony-module.nl-module-lecture-notes .path-heading,
body.nl-harmony-module.nl-module-lecture-notes #bloc-sousfamilles,
body.nl-harmony-module.nl-module-lecture-notes #bloc-instruments,
body.nl-harmony-module.nl-module-lecture-notes #bloc-niveaux:not(.hidden-soft),
body.nl-harmony-module.nl-module-lecture-notes #key-stages:not(.hidden-soft),
body.nl-harmony-module.nl-module-lecture-notes .key-family-block,
body.nl-harmony-module.nl-module-lecture-notes .key-context,
body.nl-harmony-module.nl-module-lecture-notes .string-instrument-hero,
body.nl-harmony-module.nl-module-lecture-notes .string-level-details {
  border-color:#ddcfbc !important;
  border-radius:11px !important;
  background:#f8f1e7 !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile,
body.nl-harmony-module.nl-module-lecture-notes #sousfamilles-container button,
body.nl-harmony-module.nl-module-lecture-notes #instruments-container button,
body.nl-harmony-module.nl-module-lecture-notes .key-family-choices button,
body.nl-harmony-module.nl-module-lecture-notes .defi-card,
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card {
  border-color:#d4c6b3 !important;
  border-radius:9px !important;
  background:#fffaf4 !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile[data-famille] { background:#fffaf4 !important; }
body.nl-harmony-module.nl-module-lecture-notes .families-row .tile.selected,
body.nl-harmony-module.nl-module-lecture-notes #sousfamilles-container button.selected,
body.nl-harmony-module.nl-module-lecture-notes #instruments-container button.selected,
body.nl-harmony-module.nl-module-lecture-notes .key-family-choices button.selected,
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card.selected {
  border-color:#376f55 !important;
  background:#e7eee7 !important;
  color:#0d2b4d !important;
  box-shadow:0 0 0 2px rgba(55,111,85,.10) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card .level-number,
body.nl-harmony-module.nl-module-lecture-notes .string-level-details .detail-badge {
  border-color:#bdcdbd !important;
  border-radius:7px !important;
  background:#e4ece5 !important;
  color:#315b46 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-level-card.selected .level-number {
  border-color:#376f55 !important;
  background:#376f55 !important;
  color:#fff !important;
}
body.nl-harmony-module.nl-module-lecture-notes .launch-instrument-level,
body.nl-harmony-module.nl-module-lecture-notes .button,
body.nl-harmony-module.nl-module-lecture-notes .tutorial-primary {
  border-color:#0d2b4d !important;
  border-radius:9px !important;
  background:#0d2b4d !important;
  box-shadow:0 3px 9px rgba(13,43,77,.14) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .launch-instrument-level:hover,
body.nl-harmony-module.nl-module-lecture-notes .button:hover,
body.nl-harmony-module.nl-module-lecture-notes .tutorial-primary:hover { background:#173e64 !important; }
body.nl-harmony-module.nl-module-lecture-notes .sound-summary,
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings {
  border-color:#ddcfbc !important;
  border-radius:10px !important;
  background:#f1eadf !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice button,
body.nl-harmony-module.nl-module-lecture-notes .fingering-options,
body.nl-harmony-module.nl-module-lecture-notes .fingering-options span,
body.nl-harmony-module.nl-module-lecture-notes .note-color-help,
body.nl-harmony-module.nl-module-lecture-notes .fingering-notice {
  border-color:#d4c6b3 !important;
  background:#fffaf2 !important;
  color:#405363 !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice button.selected,
body.nl-harmony-module.nl-module-lecture-notes .fingering-options input:checked + span {
  border-color:#376f55 !important;
  background:#376f55 !important;
  color:#fff !important;
}
body.nl-harmony-module.nl-module-lecture-notes .music-panel {
  border-color:#cdbca5 !important;
  border-radius:12px !important;
  background:#fffdf8 !important;
  box-shadow:0 2px 8px rgba(13,43,77,.055) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-answers button,
body.nl-harmony-module.nl-module-lecture-notes #key-answers button {
  border-color:#9eb3a4 !important;
  border-bottom-color:#376f55 !important;
  border-radius:8px !important;
  background:#edf0e8 !important;
  color:#0d2b4d !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-answers button:hover,
body.nl-harmony-module.nl-module-lecture-notes #key-answers button:hover {
  border-color:#6f927e !important;
  background:#e3ebe3 !important;
}

/* Smartphone large mais bas : note à gauche, réponses à droite. */
@media (min-width:560px) and (max-width:1023px) and (max-height:600px) {
  /* Sélection Lecture de notes : compacte, sans largeur forcée, puis défilement vers l'étape utile. */
  body.nl-harmony-module.nl-module-lecture-notes main,
  body.nl-harmony-module.nl-module-lecture-notes .section,
  body.nl-harmony-module.nl-module-lecture-notes .mode-buttons,
  body.nl-harmony-module.nl-module-lecture-notes .mode-grid,
  body.nl-harmony-module.nl-module-lecture-notes .step-container,
  body.nl-harmony-module.nl-module-lecture-notes .tutorial-entry,
  body.nl-harmony-module.nl-module-lecture-notes .home-intro {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes main { margin-inline:auto; }
  body.nl-harmony-module.nl-module-lecture-notes .section {
    margin:0 auto !important;
    padding:7px 8px 8px !important;
    overflow:hidden;
  }
  body.nl-harmony-module.nl-module-lecture-notes .tutorial-entry {
    gap:5px;
    margin:0 0 6px !important;
    padding:5px 7px !important;
    border-radius:11px;
    font-size:.72rem;
  }
  body.nl-harmony-module.nl-module-lecture-notes .tutorial-entry button {
    min-height:30px;
    padding:4px 8px;
    border-radius:8px;
    font-size:.7rem;
  }
  body.nl-harmony-module.nl-module-lecture-notes .home-intro {
    margin:2px auto 7px !important;
    padding-inline:3px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .home-intro .section-eyebrow { display:none; }
  body.nl-harmony-module.nl-module-lecture-notes .home-intro h1 {
    margin:0 0 3px !important;
    font-size:1.35rem !important;
    line-height:1 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .home-intro p {
    max-width:100%;
    margin:0 !important;
    font-size:.75rem !important;
    line-height:1.16 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .mode-buttons {
    margin:0 !important;
    padding:0 0 5px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .mode-grid-three {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .mode-card {
    min-width:0 !important;
    min-height:46px !important;
    padding:5px 7px !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:6px !important;
    border-radius:11px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .mode-icon {
    width:30px !important;
    height:30px !important;
    border-radius:9px !important;
    font-size:16px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .mode-copy { min-width:0 !important; gap:0 !important; }
  body.nl-harmony-module.nl-module-lecture-notes .mode-copy strong {
    min-width:0;
    font-size:.84rem !important;
    line-height:1 !important;
    white-space:nowrap;
  }
  body.nl-harmony-module.nl-module-lecture-notes .mode-copy small,
  body.nl-harmony-module.nl-module-lecture-notes .mode-arrow { display:none !important; }

  /* Après un choix de mode, la page devient un sélecteur compact. */
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .tutorial-entry,
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .home-intro { display:none !important; }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-buttons { margin-bottom:3px !important; }
  body.nl-harmony-module.nl-module-lecture-notes .step-container {
    margin-top:3px !important;
    scroll-margin-top:4px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .path-heading {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:3px auto 4px !important;
    padding:5px 8px !important;
    gap:7px !important;
    border-radius:11px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .path-icon {
    width:30px !important;
    height:30px !important;
    border-radius:8px !important;
    font-size:1rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .path-kicker { font-size:.56rem !important; }
  body.nl-harmony-module.nl-module-lecture-notes .path-heading h3 {
    margin:0 !important;
    font-size:.94rem !important;
    line-height:1.02 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-intro,
  body.nl-harmony-module.nl-module-lecture-notes .mode-section-subtitle {
    margin:0 auto 4px !important;
    font-size:.69rem !important;
    line-height:1.15 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .families-row {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    margin:4px auto 5px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .families-row .tile {
    min-width:0 !important;
    min-height:39px !important;
    padding:5px 6px !important;
    border-radius:10px !important;
    font-size:.7rem !important;
    line-height:1.08 !important;
    text-align:center !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #bloc-sousfamilles,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-instruments,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-niveaux:not(.hidden-soft),
  body.nl-harmony-module.nl-module-lecture-notes #key-stages:not(.hidden-soft) {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:4px auto 0 !important;
    padding:6px 7px 7px !important;
    border-radius:11px !important;
    scroll-margin-top:4px;
  }
  body.nl-harmony-module.nl-module-lecture-notes #bloc-sousfamilles > h4,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-instruments > h4,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-niveaux > h4,
  body.nl-harmony-module.nl-module-lecture-notes .key-stage-heading h4 {
    margin:0 auto 5px !important;
    padding:4px 9px !important;
    font-size:.72rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .subfamilies-row {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
    margin:2px auto 0 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instruments-row {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    margin:2px auto 0 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #sousfamilles-container button,
  body.nl-harmony-module.nl-module-lecture-notes #instruments-container button {
    min-width:0 !important;
    min-height:38px !important;
    padding:5px 6px !important;
    border-radius:9px !important;
    font-size:.69rem !important;
    line-height:1.08 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-selection-summary {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:3px auto 4px !important;
    padding:4px 6px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #change-instrument-button {
    min-height:30px !important;
    padding:4px 8px !important;
    font-size:.68rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .levels-row {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card {
    min-width:0 !important;
    min-height:76px !important;
    padding:6px 7px !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:5px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card .level-number {
    width:30px !important;
    height:30px !important;
    font-size:.76rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card strong { font-size:.72rem !important; }
  body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card small { font-size:.61rem !important; line-height:1.12 !important; }
  body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card .level-action { font-size:.62rem !important; }
  html,
  body.nl-harmony-module.nl-module-lecture-notes {
    width:100%;
    max-width:100%;
    min-height:100%;
    overflow-x:hidden !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes { padding:2px 3px 4px !important; }
  body.nl-harmony-module.nl-module-lecture-notes .notalix-global-topbar {
    min-height:48px;
    padding-block:5px;
    margin-bottom:3px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card {
    width:100% !important;
    max-width:100% !important;
    margin:1px auto 3px !important;
    padding:3px 7px 4px !important;
    overflow:hidden;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card h2 {
    max-width:100%;
    margin:0 !important;
    font-size:1rem !important;
    line-height:1.05 !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body.nl-harmony-module.nl-module-lecture-notes .pedagogy,
  body.nl-harmony-module.nl-module-lecture-notes .sound-summary,
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-help { display:none !important; }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings,
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings.key-exercise-settings {
    display:grid !important;
    grid-template-columns:minmax(155px,.9fr) minmax(190px,1.12fr) minmax(155px,.9fr) !important;
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:2px auto !important;
    padding:2px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings.key-exercise-settings { grid-template-columns:minmax(0,480px) !important; justify-content:center; }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings .live-sound-choice { grid-column:auto !important; }
  body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice,
  body.nl-harmony-module.nl-module-lecture-notes .fingering-mode,
  body.nl-harmony-module.nl-module-lecture-notes .note-color-mode {
    display:flex !important;
    min-width:0 !important;
    min-height:30px;
    gap:2px !important;
    padding:2px 3px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice > span,
  body.nl-harmony-module.nl-module-lecture-notes .settings-label { font-size:.63rem !important; }
  body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice button {
    min-width:0 !important;
    min-height:28px;
    padding:2px 4px;
    font-size:.61rem;
    white-space:nowrap;
  }
  body.nl-harmony-module.nl-module-lecture-notes .fingering-options {
    min-width:0 !important;
    gap:1px !important;
    padding:1px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .fingering-options span {
    min-width:0 !important;
    min-height:26px !important;
    padding:2px 3px !important;
    font-size:.57rem !important;
    white-space:nowrap !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz:not([hidden]),
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz:not([hidden]) {
    display:grid !important;
    grid-template-columns:minmax(210px,.82fr) minmax(0,1.18fr) !important;
    grid-template-rows:auto auto auto auto !important;
    column-gap:8px !important;
    row-gap:2px !important;
    align-items:center;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:2px auto 0 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #music-panel,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .music-panel {
    grid-column:1 !important;
    grid-row:1 / 5 !important;
    width:100% !important;
    max-width:290px !important;
    height:176px !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:4px 6px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .instrument-note,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .instrument-note {
    width:100% !important;
    height:148px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #answers,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-answers {
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:4px !important;
    margin:0 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #answers button,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-answers button {
    min-width:0 !important;
    min-height:38px !important;
    padding:3px 2px !important;
    font-size:.78rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .keyboard-hint,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .keyboard-hint { display:none !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #feedback,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-feedback {
    grid-column:2 !important;
    grid-row:2 !important;
    min-height:18px !important;
    height:18px !important;
    margin:0 !important;
    font-size:.7rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .instrument-progress,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz .instrument-progress {
    grid-column:2 !important;
    grid-row:3 !important;
    width:100% !important;
    height:7px;
    margin:0 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #score,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-score {
    grid-column:2 !important;
    grid-row:4 !important;
    margin:0 !important;
    font-size:.88rem !important;
  }
  /* Instrument Lab reste une aide parallèle : sa console et ses commandes
     occupent des lignes dédiées, sans flotter sur la portée. */
  body.nl-harmony-module.nl-module-lecture-notes #quiz:not([hidden]) {
    grid-template-rows:repeat(7,auto) !important;
    align-items:start !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #music-panel {
    grid-row:1 / 8 !important;
    height:auto !important;
    min-height:176px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #instrument-response-status {
    grid-column:2 !important;
    grid-row:2 !important;
    width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:7px 9px !important;
    font-size:.7rem !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #instrument-micro-controls,
  body.nl-harmony-module.nl-module-lecture-notes #quiz #instrument-micro-error {
    grid-column:2 !important;
    grid-row:3 !important;
    width:100% !important;
    margin:0 !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #feedback { grid-row:4 !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz .instrument-progress { grid-row:5 !important; }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #score { grid-row:6 !important; }
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #challenge-hud,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #clef-badge {
    grid-column:1 / -1 !important;
  }
}

/* Finition de l'écran témoin, placée après les adaptations de dimensions afin
   que les réglages conservent la même matière sur tous les viewports. */
body.nl-harmony-module.nl-module-lecture-notes .shortcut-help {
  position:relative;
  width:max-content;
  max-width:calc(100% - 24px);
  margin:10px auto 14px;
  border:0 !important;
  background:transparent !important;
  color:#0d2b4d !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .shortcut-help-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:auto !important;
  min-width:58px;
  min-height:40px;
  padding:7px 11px !important;
  border-color:#0d2b4d !important;
  border-radius:999px !important;
  background:#0d2b4d !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .shortcut-help-toggle .sr-only {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .shortcut-help-bubble {
  position:absolute;
  z-index:30;
  left:50%;
  bottom:calc(100% + 8px);
  width:min(360px,calc(100vw - 24px));
  padding:12px 14px;
  transform:translateX(-50%);
  border:1px solid #d4c6b3;
  border-radius:12px;
  background:#fffaf2;
  color:#0d2b4d;
  box-shadow:0 8px 22px rgba(13,43,77,.14);
  text-align:left;
}
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings :is(.live-sound-choice,.response-mode,.fingering-mode,.note-color-mode) {
  border-color:#d4c6b3 !important;
  background:#fffaf2 !important;
  background-image:none !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .response-mode button {
  border-color:#d4c6b3 !important;
  border-radius:8px !important;
  background:#fffaf2 !important;
  color:#405363 !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .response-mode button.selected {
  border-color:#376f55 !important;
  background:#376f55 !important;
  color:#fff !important;
}
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings .fingering-mode .fingering-options,
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings .note-color-mode .fingering-options.note-color-options {
  border-color:#d4c6b3 !important;
  background:#fffaf2 !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .fingering-options span,
body.nl-harmony-module.nl-module-lecture-notes .note-color-options span {
  background:#f3ede3 !important;
  color:#405363 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .fingering-options input:checked + span,
body.nl-harmony-module.nl-module-lecture-notes .note-color-options input:checked + span {
  background:#376f55 !important;
  color:#fff !important;
}
body.nl-harmony-module.nl-module-lecture-notes .open-strings-intro {
  border-color:#d4c6b3 !important;
  border-radius:11px !important;
  background:#f8f1e7 !important;
  box-shadow:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .open-strings-labels span {
  border:1px solid #bdcdbd !important;
  border-radius:7px !important;
  background:#e4ece5 !important;
  color:#315b46 !important;
  box-shadow:none !important;
}

/* ===== Ajustements 2026-08-23 : réglages mieux différenciés + parcours Instruments compact sur PC ===== */
body.nl-harmony-module.nl-module-lecture-notes .exercise-settings {
  gap:8px;
}
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice,
body.nl-harmony-module.nl-module-lecture-notes .fingering-mode,
body.nl-harmony-module.nl-module-lecture-notes .note-color-mode {
  padding:4px 6px !important;
  border:1px solid #bfd4e2 !important;
  border-radius:11px !important;
}
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice {
  background:linear-gradient(180deg,#e6f2fa,#d7e8f4) !important;
  border-color:#bad3e6 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .fingering-mode {
  background:linear-gradient(180deg,#f1eefb,#e5def7) !important;
  border-color:#cdc1ef !important;
}
body.nl-harmony-module.nl-module-lecture-notes .note-color-mode {
  background:linear-gradient(180deg,#eef7ef,#e1f0e3) !important;
  border-color:#c6e0cc !important;
}
body.nl-harmony-module.nl-module-lecture-notes .live-sound-choice > span,
body.nl-harmony-module.nl-module-lecture-notes .settings-label {
  padding:0 2px;
  font-size:.76rem;
}
body.nl-harmony-module.nl-module-lecture-notes .fingering-options {
  background:rgba(255,255,255,.42) !important;
}
body.nl-harmony-module.nl-module-lecture-notes .fingering-mode .fingering-options {
  border-color:#d1c6f0 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .note-color-mode .fingering-options {
  border-color:#c7dfcd !important;
}

/* Réglages de l'exercice : quatre commandes lisibles, sans texte explicatif. */
body.nl-harmony-module.nl-module-lecture-notes .instrument-card > :is(.pedagogy,.sound-summary),
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .note-color-help {
  display:none !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .exercise-settings {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  width:min(900px,100%) !important;
  padding:8px !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .exercise-settings > :is(.live-sound-choice,.response-mode,.fingering-mode,.note-color-mode) {
  display:grid !important;
  align-items:center;
  min-width:0;
  min-height:52px;
  gap:6px !important;
  padding:6px 7px !important;
  border:1px solid #d7c9b7 !important;
  border-radius:10px !important;
  background:#fffaf2 !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .live-sound-choice,
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .response-mode {
  grid-template-columns:72px repeat(2,minmax(0,1fr));
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card :is(.fingering-mode,.note-color-mode) {
  grid-template-columns:72px minmax(0,1fr);
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .response-mode > span,
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .live-sound-choice > span,
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .settings-label {
  width:auto;
  margin:0;
  padding:0 3px;
  color:#274760;
  font-size:.74rem !important;
  font-weight:900;
  text-align:left;
  white-space:nowrap;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .response-mode > span {
  flex-basis:auto;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card :is(.live-sound-choice,.response-mode) button,
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .fingering-options span {
  width:100%;
  min-width:0 !important;
  min-height:38px !important;
  padding:7px 8px !important;
  border:1px solid #d5cab9 !important;
  border-radius:8px !important;
  background:#f3ede3 !important;
  color:#29465b !important;
  font-size:.75rem !important;
  font-weight:850 !important;
  line-height:1.1;
  white-space:normal !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .fingering-options {
  width:100% !important;
  gap:4px !important;
  padding:3px !important;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .fingering-options label {
  display:block;
  width:100%;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .fingering-options span {
  display:flex !important;
  align-items:center;
  justify-content:center;
}
body.nl-harmony-module.nl-module-lecture-notes .instrument-card :is(.live-sound-choice,.response-mode) button:is(.selected,[aria-pressed="true"]),
body.nl-harmony-module.nl-module-lecture-notes .instrument-card .fingering-options input:checked + span {
  border-color:#376f55 !important;
  background:#376f55 !important;
  color:#fff !important;
  box-shadow:0 2px 7px rgba(55,111,85,.18) !important;
}

@media (max-width:599px) {
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card .exercise-settings {
    grid-template-columns:minmax(0,1fr) !important;
    gap:5px !important;
    padding:5px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card .exercise-settings > :is(.live-sound-choice,.response-mode,.fingering-mode,.note-color-mode) {
    min-height:44px;
    padding:4px 5px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card .live-sound-choice,
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card .response-mode {
    grid-template-columns:62px repeat(2,minmax(0,1fr));
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card :is(.fingering-mode,.note-color-mode) {
    grid-template-columns:62px minmax(0,1fr);
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card :is(.live-sound-choice,.response-mode) button,
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card .fingering-options span {
    min-height:34px !important;
    padding:5px 4px !important;
    font-size:.68rem !important;
  }
}

body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-toggle {
  display:none !important;
}

@media (max-width:599px) {
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-toggle:not([hidden]) {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    width:100%;
    min-height:42px;
    margin:5px auto 4px;
    padding:7px 11px;
    border:1px solid #d1c2ad !important;
    border-radius:10px !important;
    background:#f6efe5 !important;
    color:#173f70 !important;
    box-shadow:none !important;
    text-align:left;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-toggle > span {
    font-size:.78rem;
    font-weight:900;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-toggle > small {
    min-width:0;
    overflow:hidden;
    color:#51667a;
    font-size:.68rem;
    font-weight:750;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-toggle::after {
    content:"⌄";
    color:#376f55;
    font-size:1rem;
    font-weight:900;
    line-height:1;
    transform:rotate(0deg);
    transition:transform .16s ease;
  }
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-toggle[aria-expanded="true"]::after {
    transform:rotate(180deg);
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-card .exercise-settings[data-mobile-collapsed="true"] {
    display:none !important;
  }
  body.instrument-intro-active.nl-harmony-module.nl-module-lecture-notes .instrument-card > .exercise-settings-toggle {
    order:6;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.nl-harmony-module.nl-module-lecture-notes .exercise-settings-toggle::after { transition:none; }
}

/* Parcours Clés : texte foncé, lignes stables et sélection sans aplat bleu. */
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card {
  grid-template-columns:38px minmax(0,1fr) !important;
  grid-template-areas:"number title" "copy copy" !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  align-items:center !important;
  gap:5px 9px !important;
  min-width:0 !important;
  min-height:108px !important;
  padding:10px 12px !important;
  color:#0d2b4d !important;
  text-align:left !important;
}
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card .level-number { grid-area:number !important; }
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card strong {
  grid-area:title !important;
  min-width:0 !important;
  color:#0d2b4d !important;
  line-height:1.14 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card > span:last-child {
  grid-area:copy !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin-top:2px !important;
  color:#52687a !important;
  font-size:.7rem !important;
  line-height:1.25 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card.selected,
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card.selected:hover {
  border-color:#376f55 !important;
  border-top-color:#376f55 !important;
  background:#e5eee7 !important;
  color:#0d2b4d !important;
  box-shadow:0 0 0 3px rgba(55,111,85,.13) !important;
}
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card.selected .level-number {
  border-color:#79a38d !important;
  background:#d5e6da !important;
  color:#22543d !important;
}
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card.selected strong,
body.nl-harmony-module.nl-module-lecture-notes #key-stages .instrument-level-card.selected > span:last-child { color:#0d2b4d !important; }

/* Les descriptions et l’action occupent toute la largeur utile de chaque niveau. */
body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card small,
body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card .level-action {
  grid-column:1 / -1;
  min-width:0;
  overflow-wrap:normal;
  word-break:normal;
}
body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card small {
  margin-top:2px;
  line-height:1.28;
}
body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready:not(.string-missions) .instrument-level-card .level-action {
  width:100%;
  margin-top:4px;
}

@media (min-width: 1024px) {
  body.nl-harmony-module.nl-module-lecture-notes main { width:min(1200px,100%); }
  body.nl-harmony-module.nl-module-lecture-notes { padding:10px 8px 16px; }
  body.nl-harmony-module.nl-module-lecture-notes .section { padding:14px 16px; }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .tutorial-entry,
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .home-intro { display:none !important; }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-buttons { margin-bottom:8px; }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-grid { gap:10px; }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-card {
    min-height:72px;
    padding:11px 14px;
    gap:10px;
    border-radius:15px !important;
    grid-template-columns:40px minmax(0,1fr) auto;
  }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-icon {
    width:40px;
    height:40px;
    font-size:20px;
    border-radius:12px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-copy {
    gap:2px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-copy strong {
    font-size:1.05rem;
  }
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-copy small,
  body.nl-harmony-module.nl-module-lecture-notes .section.mode-active .mode-arrow {
    display:none;
  }
  body.nl-harmony-module.nl-module-lecture-notes .path-heading {
    width:min(720px,100%);
    margin:8px auto 8px;
    padding:10px 14px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .path-heading h3 {
    font-size:1.15rem;
    line-height:1.05;
  }
  body.nl-harmony-module.nl-module-lecture-notes .path-icon {
    width:42px;
    height:42px;
    font-size:1.2rem;
  }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-intro,
  body.nl-harmony-module.nl-module-lecture-notes .challenge-promise {
    margin:0 auto 8px;
    line-height:1.3;
  }
  body.nl-harmony-module.nl-module-lecture-notes #bloc-sousfamilles,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-instruments,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-niveaux:not(.hidden-soft),
  body.nl-harmony-module.nl-module-lecture-notes #key-stages:not(.hidden-soft) {
    margin-top:8px;
    padding:10px 12px 12px;
    border-radius:16px;
  }
  body.nl-harmony-module.nl-module-lecture-notes #bloc-sousfamilles > h4,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-instruments > h4,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-niveaux > h4,
  body.nl-harmony-module.nl-module-lecture-notes .key-stage-heading h4 {
    margin-bottom:9px;
    padding:6px 12px;
    font-size:.96rem;
  }
  body.nl-harmony-module.nl-module-lecture-notes .families-row { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
  body.nl-harmony-module.nl-module-lecture-notes .subfamilies-row { grid-template-columns:repeat(2,minmax(0,250px)); gap:10px; margin:6px auto 0; }
  body.nl-harmony-module.nl-module-lecture-notes .instruments-row { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
  body.nl-harmony-module.nl-module-lecture-notes .families-row .tile,
  body.nl-harmony-module.nl-module-lecture-notes .subfamilies-row .tile,
  body.nl-harmony-module.nl-module-lecture-notes .instruments-row .tile {
    min-height:56px;
    padding:10px 12px;
    border-radius:14px;
    font-size:.98rem;
  }
  body.nl-harmony-module.nl-module-lecture-notes .families-row .tile { min-height:58px; }
  body.nl-harmony-module.nl-module-lecture-notes .instruments-row .tile small { font-size:10px; }
  body.nl-harmony-module.nl-module-lecture-notes #etape-instrument.instrument-ready .levels-row { gap:8px; }
}

@media (min-width: 1200px) and (max-height: 920px) {
  body.nl-harmony-module.nl-module-lecture-notes { padding-top:8px; }
  body.nl-harmony-module.nl-module-lecture-notes .section { padding:12px 14px; }
  body.nl-harmony-module.nl-module-lecture-notes .path-heading {
    margin:6px auto;
    padding:8px 12px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .path-kicker { font-size:.68rem; }
  body.nl-harmony-module.nl-module-lecture-notes .path-heading h3 { font-size:1.08rem; }
  body.nl-harmony-module.nl-module-lecture-notes .instrument-intro { margin-bottom:6px; font-size:.92rem; }
  body.nl-harmony-module.nl-module-lecture-notes #bloc-sousfamilles,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-instruments,
  body.nl-harmony-module.nl-module-lecture-notes #bloc-niveaux:not(.hidden-soft),
  body.nl-harmony-module.nl-module-lecture-notes #key-stages:not(.hidden-soft) {
    margin-top:6px;
    padding:8px 10px 10px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .families-row,
  body.nl-harmony-module.nl-module-lecture-notes .subfamilies-row,
  body.nl-harmony-module.nl-module-lecture-notes .instruments-row {
    gap:8px;
  }
  body.nl-harmony-module.nl-module-lecture-notes .families-row .tile,
  body.nl-harmony-module.nl-module-lecture-notes .subfamilies-row .tile,
  body.nl-harmony-module.nl-module-lecture-notes .instruments-row .tile {
    min-height:50px;
    padding:8px 11px;
    font-size:.94rem;
  }
}


/* Correctif 0.9.8k : Lecture de notes PC.
   - La barre de réponses descend quand un doigté flottant est affiché.
   - Quand il y a moins de 7 réponses, elles restent centrées au lieu d'occuper toute la ligne. */
@media (min-width:1024px) {
  body.nl-harmony-module.nl-module-lecture-notes #quiz #music-panel:has(.instrument-hint:not([hidden])) {
    height:auto !important;
    min-height:245px !important;
    margin-bottom:10px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #answers.answers-centered,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-answers.answers-centered {
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:fit-content !important;
    max-width:100% !important;
    gap:9px !important;
    margin:10px auto 6px !important;
  }
  body.nl-harmony-module.nl-module-lecture-notes #quiz #answers.answers-centered button,
  body.nl-harmony-module.nl-module-lecture-notes #key-quiz #key-answers.answers-centered button {
    flex:0 0 clamp(96px, 11vw, 132px) !important;
    max-width:132px;
  }
}