/* LPE 2.39 — comparateur : plus éditorial, plus lisible, moins back-office. */
.lpe-v239-compare{
  --v239-navy:#071a2d;
  --v239-blue:#1769a6;
  --v239-paper:#f6f7f8;
  --v239-card:#fff;
  --v239-line:#dfe5e9;
  max-width:1280px;
  padding:0 22px;
  margin-top:28px;
}
.lpe-v239-compare .lpe-v238-hero{
  position:relative;
  overflow:hidden;
  min-height:300px;
  padding:48px 50px;
  align-items:center;
  background:
    radial-gradient(circle at 83% 18%,rgba(68,145,196,.25),transparent 25%),
    linear-gradient(125deg,#071a2d 0%,#0d2b43 70%,#123d5a 100%);
  border-radius:28px 28px 0 0;
  box-shadow:0 24px 70px rgba(5,27,45,.14);
}
.lpe-v239-hero>div:first-child{max-width:780px}
.lpe-v239-hero h1{font-size:clamp(2.6rem,5.1vw,5.2rem);line-height:.94;letter-spacing:-.055em;margin:7px 0 18px}
.lpe-v239-hero h1 em{font-style:normal;color:#a8d9f4}
.lpe-v239-hero p{max-width:720px;font-size:clamp(.98rem,1.4vw,1.15rem);line-height:1.62;color:#d5e2eb}
.lpe-v239-hero__aside{
  flex:0 0 285px;
  padding:22px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(10px);
}
.lpe-v239-hero__aside>span,.lpe-v239-hero__aside>strong{display:block}
.lpe-v239-hero__aside>span{font-size:.62rem;letter-spacing:.16em;font-weight:900;color:#8fc7e8}
.lpe-v239-hero__aside>strong{margin:9px 0 18px;font-size:1rem;line-height:1.42;color:#fff}
.lpe-v239-hero__aside .lpe-v238-method-btn{width:100%;text-align:center;margin:0;background:#fff;color:#0a2940;border-color:#fff}

.lpe-v239-compare .lpe-v238-rulebar{padding:14px 24px;border-color:#dfe6eb;background:#fff}
.lpe-v239-compare .lpe-v238-stepper{padding:24px;background:#f7f9fa}
.lpe-v239-compare .lpe-v238-stepper button{gap:10px}
.lpe-v239-compare .lpe-v238-stepper button b{width:34px;height:34px}
.lpe-v239-compare .lpe-v238-stepper button span{font-size:.68rem}
.lpe-v239-compare .lpe-v238-stepper i{width:110px;background:#cfdae1}

.lpe-v239-compare .lpe-v238-stage{
  padding:clamp(30px,4.5vw,58px);
  border-color:#dfe6eb;
  background:#fff;
  border-radius:0 0 28px 28px;
}
.lpe-v239-compare .lpe-v238-stage-head{margin-bottom:34px}
.lpe-v239-compare .lpe-v238-stage-head>span{font-size:.64rem;letter-spacing:.18em}
.lpe-v239-compare .lpe-v238-stage-head h2{font-size:clamp(2rem,3.6vw,3.7rem);line-height:1;letter-spacing:-.045em;margin:10px 0 12px}
.lpe-v239-compare .lpe-v238-stage-head p{max-width:760px;font-size:.98rem;line-height:1.6}

.lpe-v239-doctrine-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.lpe-v239-doctrine-grid article{
  position:relative;
  min-height:250px!important;
  padding:28px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#f8fafb)!important;
  border-color:#dce5ea!important;
  box-shadow:none!important;
}
.lpe-v239-doctrine-grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#e8f3fa;color:#0f6298!important}
.lpe-v239-doctrine-grid h3{margin:30px 0 10px!important;font-size:1.28rem!important;letter-spacing:-.025em}
.lpe-v239-doctrine-grid p{font-size:.88rem!important;line-height:1.62!important}
.lpe-v239-contract{margin-top:18px;background:#071a2d!important;border-color:#071a2d!important;border-radius:18px!important}
.lpe-v239-contract div{padding:18px 20px!important;border-color:rgba(255,255,255,.12)!important}
.lpe-v239-contract b{color:#fff!important;font-size:.76rem!important}
.lpe-v239-contract span{color:#b9cad5!important;font-size:.72rem!important;line-height:1.42}

.lpe-v239-compare .lpe-v238-primary,.lpe-v239-compare .lpe-v238-secondary{
  min-height:48px;border-radius:999px;padding:12px 20px
}
.lpe-v239-compare .lpe-v238-primary{background:#0b3554;border-color:#0b3554;box-shadow:0 8px 24px rgba(9,52,83,.13)}

/* Étape 2 : cartes de sujet plus aérées et sélection plus visible. */
.lpe-v239-compare .lpe-v238-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lpe-v239-compare .lpe-v238-theme-card{min-height:92px;border-radius:17px;padding:17px 18px;grid-template-columns:minmax(0,1fr) 150px;background:#fbfcfd}
.lpe-v239-compare .lpe-v238-theme-card.is-active{background:#eef8fd;border-color:#70aecd;box-shadow:inset 4px 0 #1769a6}
.lpe-v239-compare .lpe-v238-theme-card div b{font-size:.92rem}
.lpe-v239-compare .lpe-v238-theme-card div span{font-size:.72rem;margin-top:5px}
.lpe-v239-compare .lpe-v238-theme-card select{border-radius:999px;font-weight:750;color:#17374c;padding:10px 12px}
.lpe-v239-compare .lpe-v238-choice-summary{margin-top:20px;border-radius:15px;padding:16px 18px;background:#071a2d;border-color:#071a2d;color:#fff}
.lpe-v239-compare .lpe-v238-choice-summary span{color:#9eb8c8}
.lpe-v239-compare .lpe-v238-choice-summary strong{color:#fff}
.lpe-v239-compare .lpe-v238-choice-summary p{color:#c4d1d8}

/* Étape 3 : LPE est un repère visible, pas une ligne perdue dans le tableau. */
.lpe-v239-compare .lpe-v238-lpe-pin{
  margin:5px 0 24px;
  padding:20px 22px;
  border:0;
  border-radius:20px;
  background:linear-gradient(110deg,#08243f,#0e4770);
  color:#fff;
  box-shadow:0 16px 40px rgba(8,36,63,.17)
}
.lpe-v239-compare .lpe-v238-lpe-pin__mark{background:#fff;color:#0b3554}
.lpe-v239-compare .lpe-v238-lpe-pin__copy>span{color:#a9d8f0}
.lpe-v239-compare .lpe-v238-lpe-pin__copy strong{color:#fff;font-size:1.35rem}
.lpe-v239-compare .lpe-v238-lpe-pin__copy p{color:#c5d7e2}
.lpe-v239-compare .lpe-v238-lpe-pin__metrics span{color:#9eb6c4;border-color:rgba(255,255,255,.18)}
.lpe-v239-compare .lpe-v238-lpe-pin__metrics b{color:#fff;font-size:1.2rem}
.lpe-v239-compare .lpe-v238-lpe-pin>button{background:#fff;color:#0c3553;border-color:#fff;border-radius:999px;padding:11px 15px}
.lpe-v239-compare .lpe-v238-results-pane,.lpe-v239-compare .lpe-v238-inspector{border-radius:18px;border-color:#dde5ea;box-shadow:0 12px 34px rgba(13,41,59,.05)}
.lpe-v239-compare .lpe-v238-results-toolbar{padding:15px 17px;background:#f7f9fa}
.lpe-v239-compare .lpe-v238-table{border-collapse:separate;border-spacing:0}
.lpe-v239-compare .lpe-v238-table th{padding:11px 12px;background:#eef3f6}
.lpe-v239-compare .lpe-v238-table td{padding:14px 12px}
.lpe-v239-compare .lpe-v238-table tbody tr.is-selected{background:#eaf5fb}

@media(max-width:980px){
  .lpe-v239-compare{padding:0 14px}
  .lpe-v239-compare .lpe-v238-hero{display:grid;grid-template-columns:1fr;min-height:0;padding:34px 30px}
  .lpe-v239-hero__aside{max-width:none;flex:auto;display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:center}
  .lpe-v239-hero__aside>span{grid-column:1}
  .lpe-v239-hero__aside>strong{grid-column:1;margin:2px 0}
  .lpe-v239-hero__aside .lpe-v238-method-btn{grid-column:2;grid-row:1/3;width:auto}
  .lpe-v239-doctrine-grid{grid-template-columns:1fr 1fr!important}
  .lpe-v239-doctrine-grid article:last-child{grid-column:1/-1;min-height:180px!important}
}

@media(max-width:680px){
  .lpe-v239-compare{padding:0 8px;margin-top:10px}
  .lpe-v239-compare .lpe-v238-hero{padding:27px 20px;border-radius:20px 20px 0 0}
  .lpe-v239-hero h1{font-size:clamp(2.45rem,12vw,4rem)}
  .lpe-v239-hero__aside{display:block;padding:16px;margin-top:5px}
  .lpe-v239-hero__aside>strong{margin:6px 0 13px}
  .lpe-v239-hero__aside .lpe-v238-method-btn{width:100%}
  .lpe-v239-compare .lpe-v238-stepper{justify-content:space-between;padding:16px 13px}
  .lpe-v239-compare .lpe-v238-stepper i{flex:1;width:auto;max-width:34px;margin:0 5px}
  .lpe-v239-compare .lpe-v238-stepper button span{display:none}
  .lpe-v239-compare .lpe-v238-stage{padding:27px 16px;border-radius:0 0 20px 20px}
  .lpe-v239-doctrine-grid{grid-template-columns:1fr!important}
  .lpe-v239-doctrine-grid article,.lpe-v239-doctrine-grid article:last-child{grid-column:auto;min-height:0!important;padding:22px!important}
  .lpe-v239-doctrine-grid h3{margin-top:18px!important}
  .lpe-v239-contract{grid-template-columns:1fr!important}
  .lpe-v239-compare .lpe-v238-theme-grid{grid-template-columns:1fr}
  .lpe-v239-compare .lpe-v238-theme-card{grid-template-columns:1fr;gap:12px}
  .lpe-v239-compare .lpe-v238-theme-card select{width:100%}
  .lpe-v239-compare .lpe-v238-lpe-pin{padding:17px 15px}
}