/* Lecons du Large : carnet de serie, barre de progression, navigation. */
.lia-lecon .lia-rule{background:var(--ta)}
.lia-lecon .lia-folio .axe{color:var(--ta)}
.lia-lecon .lia-escn{color:var(--ta)}
.lia-lecon .lia-piste{background:var(--f-philo);border-top-color:var(--b-philo)}
.lia-lecon .lia-piste b{color:var(--ta)}
.lia-lecon .lia-repere{border-top-color:var(--ta);background:var(--f-philo)}
.lia-lecon .lia-repere .k{color:var(--ta)}
.lia-lecon .lia-repere svg{stroke:var(--ta)}
.lia-carnet{border:1px solid rgba(223,229,234,.28);padding:20px 22px;min-width:0;
  background:rgba(4,26,50,.42);backdrop-filter:blur(2px)}
.lia-carnet .t{font-family:var(--mes);font-weight:500;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gl);margin-bottom:14px}
.lia-carnet dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;
  font-family:var(--mes)}
.lia-carnet dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9DAEBD}
.lia-carnet dd{margin:0;font-size:13px;color:#DFE5EA;text-align:right;
  font-variant-numeric:tabular-nums}
.lia-carnet .jauge{grid-column:1/3;height:3px;background:rgba(223,229,234,.22);margin-top:6px}
.lia-carnet .jauge span{display:block;height:3px;background:var(--gl)}
.lia-progres{position:sticky;top:0;z-index:20;padding:12px 20px;border-bottom:1px solid var(--ln);
  background:color-mix(in oklab,var(--pa) 96%,transparent)}
@supports not (color:color-mix(in oklab,#000 5%,#fff)){.lia-progres{background:var(--pa)}}
.lia-progres-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 32px;
  align-items:center;justify-content:space-between}
.lia-jalons{display:flex;gap:10px;align-items:center;font-family:var(--mes);font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--mu);white-space:nowrap}
.lia-jalons i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ta);
  display:inline-block;flex:none}
.lia-jalons i.fait{background:var(--ta)}
.lia-jalons i.ici{background:var(--ta);box-shadow:0 0 0 4px color-mix(in oklab,var(--ta) 22%,transparent)}
.lia-jalons .n{margin-left:6px}
.lia-saut{display:flex;gap:8px 28px;flex-wrap:wrap;font-family:var(--mes);font-size:12px;
  letter-spacing:.06em;text-transform:uppercase}
.lia-saut a{color:var(--mu);text-decoration:none;border-bottom:1px solid var(--pa4);padding-bottom:3px}
.lia-saut a:hover{color:var(--ta);border-bottom-color:var(--ta)}
.lia-saut span{color:var(--fa)}
@media(max-width:700px){.lia-saut{display:none}}
.lia-nav-serie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--pa5);border:1px solid var(--pa5)}
@media(max-width:640px){.lia-nav-serie{grid-template-columns:1fr}}
.lia-nav-serie a,.lia-nav-serie .vide{background:var(--pa2);padding:20px 22px;display:grid;
  gap:8px;align-content:start;text-decoration:none}
.lia-nav-serie .s{font-family:var(--mes);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--mu)}
.lia-nav-serie .t{font-family:var(--decl);font-weight:500;font-size:20px;line-height:1.3;color:var(--p)}
.lia-nav-serie .vide .t{color:var(--fa)}
.lia-nav-serie .suivant{text-align:right}
