/* La page d'un tuto (C2, 18/10/2026) : faite des pièces de la page Tutoriels de la maquette (lecteur, « Ce que la vidéo montre »,
   liste de droite), plus la réponse en deux phrases sous le titre (décision 48) et le texte de la vidéo (document 11, 2.4). */
.titre-p.question{font-size:clamp(38px,3.3vw,84px);line-height:1;max-width:22ch;text-wrap:balance}
.liste-t a{width:100%;display:grid;grid-template-columns:clamp(96px,7vw,170px) 1fr;gap:14px;align-items:center;padding:8px;border-radius:20px;color:inherit;text-decoration:none;transition:background .3s var(--doux),box-shadow .3s,transform .45s var(--ressort)}
.liste-t a:hover{background:var(--beige)}
.texte-t{max-width:62ch;display:grid;gap:.9em;font-size:clamp(17px,1.1vw,26px);line-height:1.55;color:#3c3f52}
.texte-t p{margin:0}
@media (max-width:820px){.titre-p.question{font-size:2.25rem}.liste-t a{grid-template-columns:96px 1fr}}

/* Le bandeau du choix (maquette du 18/10, à montrer avant tout branchement) : une carte blanche du site, en bas à droite,
   qui ne cache pas la lecture ; « Tout refuser » et « Tout accepter » de même taille, même police, même couleur. */
.lt-choix{position:fixed;z-index:60;right:clamp(16px,1.6vw,32px);bottom:clamp(16px,1.6vw,32px);width:min(460px,calc(100vw - 32px));padding:clamp(20px,1.5vw,30px);border-radius:var(--r-carte);background:#fff;color:var(--encre);box-shadow:0 0 0 1px var(--filet),0 24px 60px rgba(17,20,46,.22);animation:monte .6s var(--doux) backwards}
.lt-choix.part{animation:sort .38s var(--doux) forwards}
.lt-choix h2{font:900 clamp(22px,1.5vw,34px)/1 var(--titre);letter-spacing:-.02em;padding-right:44px}
.lt-choix>p{margin-top:12px;font-size:clamp(14.5px,.92vw,21px);line-height:1.45;color:var(--gris)}
.lt-fermer{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--encre);font-size:28px;line-height:1;transition:background .3s var(--doux)}
.lt-fermer:hover{background:var(--beige)}
.lt-detail{margin-top:8px}
.lt-boutons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.lt-boutons .btn{width:100%;padding:0 12px}
.lt-bas{display:flex;justify-content:space-between;gap:12px;margin-top:12px}
.lt-lien{font-size:.9375rem;font-weight:600;color:var(--encre);text-decoration:underline;text-underline-offset:3px}
.lt-gerer{display:inline-block;margin-top:10px;font-size:.8125rem;color:inherit;opacity:.75;text-decoration:underline;text-underline-offset:3px}
@media (max-width:820px){.lt-choix{left:16px;right:16px;width:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 92px)}}

/* « Se connecter » à la place de l'avatar du membre fictif (18/10) */
.lt-connexion{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:var(--encre,#11142e);color:#fff;font-size:.8125rem;font-weight:700;white-space:nowrap;text-decoration:none}
#lt-legal a{color:inherit}

/* Bienvenue sur un seul écran (son mot du 18/10 : « prendre moins d'espace à gauche […] il faut que ce soit tout sur un seul écran ») :
   sur grand écran, le visuel jaune passe de 1.05fr à .6fr, les questions s'élargissent et les espaces se resserrent à la hauteur */
@media (min-width:821px){
  .auth-bienvenue{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);height:calc(100dvh - 2 * var(--bord));min-height:0}
  .auth-bienvenue .auth-v{min-height:0}
  .auth-bienvenue .auth-v-t .grand{font-size:clamp(32px,2.7vw,68px)}
  .auth-bienvenue .auth-f{padding:clamp(14px,2.2vh,40px) clamp(20px,3vw,72px);overflow:auto}
  .auth-bienvenue .auth-b{max-width:clamp(560px,48vw,900px)}
  .auth-bienvenue .auth-b h1{font-size:clamp(32px,2.5vw,60px)}
  .auth-bienvenue .auth-s{margin-top:6px}
  .auth-bienvenue .q-b{margin-top:clamp(12px,2vh,28px)}
  .auth-bienvenue .q-b .aide{margin-top:3px}
}