/* ===== COURS V3 — Simulateur BTS ===== */

.claude-rich{
  max-width:1120px;
  margin:0 auto;
}

/* Grande section */
.claude-section{
  margin:28px 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* Titre principal d'une partie */
.claude-section > h2{
  margin:0 0 15px !important;
  font-size:25px !important;
  line-height:1.2;
  color:#17213a;
}

/* Chaque bloc H/P devient une vraie séquence */
.course-learning-block{
  position:relative;
  overflow:hidden;
  margin:18px 0 26px;
  border:1px solid #e5e8f1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 34px rgba(25,32,64,.055);
  transition:.2s ease;
}

.course-learning-block:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 46px rgba(25,32,64,.09);
}

/* Titre */
.course-learning-head{
  display:flex;
  align-items:flex-start;
  gap:15px;
  padding:22px 27px 18px;
  border-bottom:1px solid #edf0f5;
  background:
    linear-gradient(100deg,#fafaff 0%,#fff 65%);
}

.course-learning-icon{
  flex:0 0 40px;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:13px;
  background:linear-gradient(135deg,#7657ff,#9a76ff);
  color:#fff;
  font-size:17px;
  box-shadow:0 7px 18px rgba(118,87,255,.20);
}

.course-learning-kicker{
  display:block;
  margin:1px 0 5px;
  color:#7657ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

.course-learning-head h2,
.claude-learning-title h2{
  margin:0 !important;
  color:#17213a !important;
  font-size:21px !important;
  line-height:1.3 !important;
}

/* Contenu */
.course-learning-content{
  max-width:920px;
  margin:0 auto;
  padding:25px 32px 30px;
}

.course-learning-content .rich-prose{
  color:#45536d;
  font-size:16px;
  line-height:1.82;
}

.course-learning-content p{
  margin:0 0 16px;
}

/* Listes : plus de mur de texte */
.course-learning-content ul,
.rich-list{
  display:grid;
  gap:10px;
  margin:15px 0 !important;
  padding:0 !important;
  list-style:none !important;
}

.course-learning-content li,
.rich-list > li{
  position:relative;
  padding:13px 16px 13px 43px;
  border:1px solid #edf0f4;
  border-radius:13px;
  background:#fafbfc;
  line-height:1.62;
}

.course-learning-content li:before,
.rich-list > li:before{
  content:"✓";
  position:absolute;
  left:15px;
  top:13px;
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:6px;
  background:#e9fbf4;
  color:#129268;
  font-size:11px;
  font-weight:900;
}

/* Ancien chemin H/P imbriqué */
.claude-learning-title{
  display:flex;
  align-items:center;
  gap:13px;
  margin:18px 0 0;
  padding:20px 25px;
  border:1px solid #e5e8f1;
  border-bottom:0;
  border-radius:20px 20px 0 0;
  background:linear-gradient(100deg,#fafaff,#fff);
}

.claude-step-dot{
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  flex:0 0 35px;
  border-radius:11px;
  background:#7657ff;
  color:#fff;
}

.claude-learning-prose{
  margin:0 0 22px;
  padding:23px 30px 28px;
  border:1px solid #e5e8f1;
  border-radius:0 0 20px 20px;
  background:#fff;
  color:#45536d;
  font-size:16px;
  line-height:1.8;
}

/* Objets structurés */
.structured-object{
  margin:18px 0;
  padding:22px;
  border:1px solid #e7e9f1;
  border-radius:18px;
  background:#fff;
}

.structured-object > h3{
  margin:0 0 15px;
  font-size:18px;
  color:#17213a;
}

.structured-field{
  margin:12px 0;
  padding:14px 16px;
  border-radius:13px;
  background:#f8f9fc;
}

.field-label{
  margin-bottom:6px;
  color:#7657ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.field-value{
  color:#4c5870;
  line-height:1.65;
}

/* Infographies */
.infographie-section{
  padding:24px !important;
  border:1px solid #e5e8f1 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 10px 34px rgba(25,32,64,.05);
}

.claude-infographie{
  overflow:auto;
  padding:10px;
  border-radius:15px;
  background:#fafbfe;
}

.claude-infographie svg{
  display:block;
  max-width:100%;
  height:auto;
  margin:auto;
}

/* Tableaux */
.claude-rich table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid #e4e7ef;
  border-radius:15px;
  background:#fff;
}

.claude-rich th{
  padding:13px;
  background:#17172c;
  color:#fff;
  text-align:left;
}

.claude-rich td{
  padding:13px;
  border-top:1px solid #eceef3;
  line-height:1.5;
}

/* Notes */
.table-note{
  margin-top:12px;
  padding:14px 17px;
  border-left:4px solid #7657ff;
  border-radius:10px;
  background:#f5f3ff;
}

/* Responsive */
@media(max-width:700px){

  .claude-rich{
    width:100%;
  }

  .course-learning-head{
    padding:18px;
  }

  .course-learning-content{
    padding:20px 18px 23px;
  }

  .course-learning-content .rich-prose,
  .claude-learning-prose{
    font-size:15px;
    line-height:1.72;
  }

  .claude-learning-prose{
    padding:20px;
  }
}