.lecons-niveaux{list-style:none;margin:var(--r-5) 0 0;padding:0;display:grid;gap:var(--r-3)}.lecons-niveau__lien{display:flex;gap:var(--r-4);align-items:flex-start;padding:var(--r-4);background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon-md);color:inherit;text-decoration:none;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}a.lecons-niveau__lien:hover,a.lecons-niveau__lien:focus-visible{border-color:var(--bord-fort);box-shadow:var(--ombre-2);transform:translateY(-2px);text-decoration:none}.lecons-niveau--vide .lecons-niveau__lien{background:var(--surface-douce);opacity:.72}.lecons-niveau__lettre{flex:0 0 auto;width:3rem;height:3rem;margin:0;display:grid;place-items:center;font:700 1.5rem/1 var(--police-titre);color:var(--marque-sur);background:var(--teinte, var(--marque));border-radius:var(--rayon)}.lecons-niveau--vide .lecons-niveau__lettre{background:var(--bord-fort)}.lecons-niveau__corps{min-width:0}.lecons-niveau__titre{margin:0 0 var(--r-1);font-size:var(--t-xl);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--r-2)}.lecons-niveau__resume{font-size:var(--t-sm);font-weight:400;color:var(--encre-faible)}.lecons-niveau__promesse{margin:0;color:var(--encre-douce);max-width:var(--mesure)}.lecons-niveau__compte{margin:var(--r-2) 0 0;font-size:var(--t-sm);font-weight:600;color:var(--teinte, var(--marque))}.lecons-niveau__apercu{list-style:none;margin:var(--r-1) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--r-1) var(--r-2);font-size:var(--t-sm);color:var(--encre-faible)}.lecons-niveau__apercu li:after{content:"·";margin-left:var(--r-2);color:var(--bord-fort)}.lecons-niveau__apercu li:last-child:after{content:none}.lecons-niveau__suite{font-style:italic}.lecons-aide{margin-top:var(--r-6);padding:var(--r-4);background:var(--surface-douce);border-radius:var(--rayon-md)}.lecons-aide h2{margin-top:0;font-size:var(--t-lg)}.lecons-aide ol{margin:0;padding-left:var(--r-5);color:var(--encre-douce)}.lecons-aide li+li{margin-top:var(--r-1)}.lecons-liste{list-style:none;margin:var(--r-5) 0 0;padding:0;counter-reset:none}.lecons-liste__item+.lecons-liste__item{margin-top:var(--r-2)}.lecons-liste__item>a{display:flex;gap:var(--r-3);align-items:flex-start;padding:var(--r-3);background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);color:inherit;text-decoration:none}.lecons-liste__item>a{transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.lecons-liste__item>a:hover,.lecons-liste__item>a:focus-visible{border-color:var(--bord-fort);box-shadow:var(--ombre-2);transform:translateY(-2px);text-decoration:none}.lecons-liste__rang{flex:0 0 auto;width:2rem;height:2rem;display:grid;place-items:center;font:600 var(--t-sm)/1 var(--police);color:var(--encre-faible);background:var(--surface-douce);border-radius:var(--rayon-pilule)}.lecons-liste__corps{display:grid;gap:2px;min-width:0}.lecons-liste__titre{font-weight:600}.lecons-liste__situation{color:var(--encre-douce);font-size:var(--t-sm)}.lecons-liste__meta{color:var(--encre-faible);font-size:var(--t-xs)}.lecons-autres{margin-top:var(--r-6)}.lecons-autres h2{font-size:var(--t-lg)}.lecons-autres ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--r-2)}.lecons-autres a{display:inline-flex;gap:var(--r-1);align-items:baseline;padding:var(--r-2) var(--r-3);background:var(--surface-douce);border-radius:var(--rayon-pilule);text-decoration:none}.lecons-autres a span{color:var(--encre-faible);font-size:var(--t-sm)}.lecon-niveau{margin:0 0 var(--r-1);font-size:var(--t-sm)}.lecon-niveau a{color:var(--teinte, var(--marque));text-decoration:none;font-weight:600}.lecon-niveau a:hover{text-decoration:underline}.lecon-situation{max-width:var(--mesure);color:var(--encre-douce);font-size:var(--t-lg)}.lecon-objectifs{margin:var(--r-4) 0;padding:var(--r-3) var(--r-4);background:var(--surface-douce);border-radius:var(--rayon)}.lecon-objectifs h2{margin:0 0 var(--r-1);font-size:var(--t-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--encre-faible)}.lecon-objectifs ul{margin:0;padding-left:var(--r-5)}.lecon-personnages{list-style:none;margin:var(--r-4) 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--r-2) var(--r-4)}.lecon-personnage{display:inline-flex;align-items:center;gap:var(--r-2)}.lecon-personnage__nom{font-weight:600}.lecon-personnage__zh{color:var(--encre-faible)}.lecon-personnage__pastille{flex:0 0 auto;width:1.75rem;height:1.75rem;display:grid;place-items:center;font:700 var(--t-xs)/1 var(--police);color:var(--marque-sur);background:var(--teinte, var(--marque));border-radius:var(--rayon-pilule);text-transform:uppercase}.lecon-personnages>li:nth-child(2) .lecon-personnage__pastille,.lecon-replique[data-qui]:nth-of-type(2n) .lecon-personnage__pastille{background:var(--teinte-guide, #885f38)}.lecon-lecteur{position:sticky;top:calc(var(--hauteur-barre) + 1px);z-index:20;margin:var(--r-4) 0 var(--r-5);padding:var(--r-3);background:var(--surface-douce);border:1px solid var(--bord);border-radius:var(--rayon-md);display:grid;gap:var(--r-2)}.lecon-lecteur[data-colle=oui]{box-shadow:var(--ombre-2);border-radius:0 0 var(--rayon-md) var(--rayon-md)}.lecon-lecteur audio{width:100%}.lecon-lecteur__reglages{display:flex;flex-wrap:wrap;gap:var(--r-2)}.lecon-reglage{min-height:var(--cible);padding:0 var(--r-3);font:500 var(--t-sm)/1 var(--police);color:var(--encre-douce);background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon-pilule);cursor:pointer}.lecon-reglage[aria-pressed=true]{color:var(--marque-sur);background:var(--teinte, var(--marque));border-color:transparent}.lecon-dialogue{list-style:none;margin:0;padding:0;display:grid;gap:var(--r-2)}.lecon-replique{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-1);padding:var(--r-3) 3.25rem var(--r-3) var(--r-3);background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon)}.lecon-replique{scroll-margin-top:8.5rem}.lecon-replique.est-en-cours{border-color:var(--teinte, var(--marque));background:var(--marque-voile)}.lecon-replique__qui{margin:0;display:flex;align-items:center;gap:var(--r-2);font-size:var(--t-sm);font-weight:600;color:var(--encre-douce)}.lecon-replique__corps{display:grid;gap:2px;min-width:0}.lecon-replique__zh{margin:0;font-size:var(--taille-chinois, 1.5rem);line-height:1.75;word-break:keep-all}.lecon-replique__zh .annote-mot{cursor:help}.lecon-ponct{color:var(--encre-faible)}.lecon-replique__py{margin:0;font-size:var(--t-sm);color:var(--encre-faible)}.lecon-replique__fr{margin:0;color:var(--encre-douce)}:root.lecons-sans-pinyin .lecon-replique__py,:root.lecons-sans-traduction .lecon-replique__fr{display:none}.lecon-replique__jouer{position:absolute;top:var(--r-3);right:var(--r-2);width:var(--cible);height:var(--cible);display:grid;place-items:center;color:var(--teinte, var(--marque));background:transparent;border:1px solid transparent;border-radius:var(--rayon-pilule);cursor:pointer}.lecon-replique__jouer:hover,.lecon-replique__jouer:focus-visible{background:var(--surface-douce);border-color:var(--bord)}.lecon-replique__jouer .pic{width:1.25rem;height:1.25rem}.lecon-vocabulaire{margin-top:var(--r-6)}.lecon-vocabulaire h2{font-size:var(--t-lg)}.lecon-vocabulaire ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--r-1);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.lecon-vocabulaire li{display:grid;grid-template-columns:auto 1fr;gap:0 var(--r-2);align-items:baseline;padding:var(--r-2);background:var(--surface-douce);border-radius:var(--rayon-sm)}.lecon-vocabulaire li .chinois{grid-row:span 2;font-size:1.375rem}.lecon-vocabulaire__py{font-size:var(--t-sm);color:var(--encre-faible)}.lecon-vocabulaire__fr{font-size:var(--t-sm)}.lecon-notes{margin-top:var(--r-6)}.lecon-notes h2{font-size:var(--t-lg)}.lecon-note{max-width:var(--mesure)}.lecon-note h3{margin-bottom:var(--r-1);font-size:var(--t-md)}.lecon-note p{margin-top:0;color:var(--encre-douce)}.lecon-suite{margin-top:var(--r-6);display:flex;flex-wrap:wrap;gap:var(--r-2);justify-content:space-between}.lecon-suite a{flex:1 1 14rem;display:grid;gap:2px;padding:var(--r-3);background:var(--surface-douce);border:1px solid transparent;border-radius:var(--rayon);text-decoration:none;font-weight:600;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.lecon-suite a:hover,.lecon-suite a:focus-visible{border-color:var(--bord-fort);box-shadow:var(--ombre-2);transform:translateY(-2px);text-decoration:none}.lecons-autres a{border:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition)}.lecons-autres a:hover,.lecons-autres a:focus-visible{border-color:var(--bord-fort);box-shadow:var(--ombre-1);text-decoration:none}.lecon-suite a span{font-size:var(--t-xs);font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--encre-faible)}.lecon-suite__suiv{text-align:right}@media(min-width:40em){.lecon-replique{grid-template-columns:9rem minmax(0,1fr);align-items:start}.lecon-replique__qui{padding-top:.35rem}}@media(max-width:30em),(max-height:700px){.lecon-lecteur{margin:var(--r-3) 0 var(--r-4);padding:var(--r-2);gap:var(--r-1)}.lecon-lecteur__reglages{flex-wrap:nowrap}.lecon-reglage{flex:1 1 0;min-width:0;padding:0 var(--r-1);font-size:var(--t-xs)}.lecon-replique{scroll-margin-top:8rem}}@media(max-height:700px){.lecon-lecteur audio{height:2.5rem}.lecon-replique{scroll-margin-top:7rem}}@media(prefers-reduced-motion:reduce){a.lecons-niveau__lien:hover,a.lecons-niveau__lien:focus-visible,.lecons-liste__item>a:hover,.lecons-liste__item>a:focus-visible,.lecon-suite a:hover,.lecon-suite a:focus-visible{transform:none}}