/* Harmonisation Formation ↔ Job ,  même carte, même place, même centrage */
.learning-access-section{
  border-top: 1px solid var(--learn-line, var(--kc-line, #E7E1D2));
  background: radial-gradient(600px 360px at 0 100%, rgba(15,157,140,.09), transparent 70%), #f5f1e7;
  scroll-margin-top: 88px;
}
/* Grille texte à gauche / carte à droite ,  calquée sur .jobs-access-grid */
.learning-access-grid{
  display: grid;
  gap: clamp(32px, 6vw, 70px);
  align-items: start;
}
/* Colonne implicite AUTO = overflow a 320 (max-content 326 px > 300).
   On fige la colonne a la largeur du conteneur et on autorise le repli. */
.learning-access-grid{ grid-template-columns:minmax(0,1fr); }
.learning-access-grid > *{ min-width:0; }
.learning-access-points li{ min-width:0; }
.learning-access-points li > div{ min-width:0; }
@media(min-width:900px){
  .learning-access-grid{
    grid-template-columns: minmax(0,.9fr) minmax(380px, 1.1fr);
    gap: clamp(45px, 8vw, 100px);
  }
}
/* Carte ,  strictement même gabarit que .jobs-auth-card */
.auth-card{
  width: 100%;
  max-width: 500px;
  justify-self: end;
  padding: clamp(24px, 4vw, 36px);
  border: 1px solid rgba(15,157,140,.74);
  border-radius: 26px;
  background:
    radial-gradient(circle at 96% 4%, rgba(217,149,33,.15), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.99), rgba(240,251,248,.98));
  box-shadow:
    0 0 0 2px rgba(255,255,255,.98),
    0 0 0 6px rgba(15,157,140,.16),
    0 22px 58px rgba(11,111,98,.18),
    inset 0 1px 0 rgba(255,255,255,.98);
  scroll-margin-top: 88px;
  scroll-margin-bottom: 24px;
}
/* Onglets Connexion / Créer un compte ,  même pilule Job */
.auth-tabs{
  display:flex; gap:8px; margin:24px 0 20px; padding:8px;
  border:1px solid rgba(15,157,140,.28); border-radius:20px;
  background: linear-gradient(135deg, rgba(191,233,224,.72), rgba(15,157,140,.14)), #f6fcfa;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 14px 36px rgba(15,157,140,.10);
}
.auth-tabs button{ flex:1 1 0; min-height:48px; border:0; border-radius:15px; background:rgba(255,255,255,.58); color:var(--learn-teal-dark); font-weight:850; font-size:.94rem; }
.auth-tabs button.is-active{ color:#fff; background:linear-gradient(135deg, var(--learn-teal-dark), var(--learn-teal)); box-shadow:0 12px 26px rgba(15,157,140,.24); }
.auth-tabs button.is-active::after{ display:inline-block; width:6px; height:6px; margin-left:8px; border-radius:50%; background:var(--learn-gold); box-shadow:0 0 0 3px rgba(217,149,33,.18); content:""; vertical-align:middle; }
/* Points 1-2-3 à gauche ,  même cartes que Job */
.learning-access-points li{
  display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:center;
  padding:13px 15px; border:1px solid rgba(231,225,210,.94); border-radius:14px; background:#fff;
}
.learning-access-points li > span{ width:38px; height:38px; border-radius:12px; background:linear-gradient(145deg, var(--learn-teal-dark), var(--learn-teal)); color:#fff; font-weight:900; display:grid; place-items:center; }
/* Responsive : pile sous 900 comme Job */
@media(max-width:899px){
  .learning-access-grid{ gap:28px; }
  .auth-card{ max-width:none; justify-self:stretch; }
  .learning-access-copy h2{ font-size:clamp(1.7rem,8vw,2.2rem); }
}