/* LPE 2.11 — Démonstrations : lecture simple, accessible et transparente. */
:root{
  --demo-blue:#075bff;
  --demo-blue-soft:#eaf1ff;
  --demo-white:#f4efe1;
  --demo-white-ink:#735b12;
  --demo-red:#e91635;
  --demo-red-soft:#fff0f3;
  --demo-green:#147c5b;
  --demo-gold:#a46d00;
}

.lpe-view-demonstrations .lpe-page-hero,
.lpe-view-demonstration .lpe-page-hero{border-bottom:1px solid #dedfdc}

.lpe-demo-section-head{max-width:960px;margin-bottom:34px}
.lpe-demo-section-head h2{font-size:clamp(2.25rem,4.2vw,4.8rem);line-height:1.02;margin-bottom:0}
.lpe-demo-section-head--split{max-width:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:48px;align-items:end}
.lpe-demo-section-head--split>p{font-size:1.12rem;line-height:1.7;color:#4d5057;margin:0;max-width:620px}
.lpe-demo-narrow{width:min(1040px,calc(100vw - 56px))}

/* Index : comprendre d'abord la méthode. */
.lpe-demo-how{padding:88px 0;background:#fff}
.lpe-demo-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lpe-demo-how-grid article{padding:30px;border:1px solid #d8d9d5;border-radius:22px;background:#fafaf8}
.lpe-demo-how-grid b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#101114;color:#fff;font-size:.86rem;margin-bottom:32px}
.lpe-demo-how-grid h3{font-size:clamp(1.45rem,2.2vw,2rem);letter-spacing:-.03em;margin-bottom:12px}
.lpe-demo-how-grid p{font-size:1.08rem;line-height:1.65;color:#55575d;margin:0}

.lpe-demo-journeys-index{padding:100px 0;background:#101114;color:#fff}
.lpe-demo-journeys-index .lpe-demo-section-head--split>p{color:#c9cbd0}
.lpe-demo-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lpe-demo-journey-card{position:relative;overflow:hidden;min-height:340px;border-radius:26px;padding:30px;display:flex;flex-direction:column;background:#1a1c21;border:1px solid rgba(255,255,255,.16);transition:transform .2s ease,border-color .2s ease}
.lpe-demo-journey-card:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--journey-accent,#5b8eff)}
.lpe-demo-journey-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.34)}
.lpe-demo-journey-card>span{font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:#c7c9ce;font-weight:760}
.lpe-demo-journey-card h3{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.02;margin:44px 0 18px;max-width:760px}
.lpe-demo-journey-card p{font-size:1.08rem;line-height:1.65;color:#d6d7da;max-width:780px}
.lpe-demo-journey-card strong{margin-top:auto;font-size:1rem}
.lpe-demo-tone-blue{--journey-accent:#4b87ff}.lpe-demo-tone-gold{--journey-accent:#d4a11b}.lpe-demo-tone-red{--journey-accent:#ff3654}.lpe-demo-tone-green{--journey-accent:#38a97d}.lpe-demo-tone-tricolor{--journey-accent:#fff}

/* Catalogue : plus de cartes géantes, plus de petit texte. */
.lpe-demo-index{padding:100px 0;background:#f2f2ee!important}
.lpe-demo-tools{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:18px;align-items:center;margin:0 0 16px}
.lpe-demo-search input{width:100%;min-height:56px;border:1px solid #c9cac6;border-radius:16px;background:#fff;padding:0 18px;font-size:1rem;color:#101114;box-shadow:none}
.lpe-demo-search input:focus{border-color:#101114;outline:3px solid rgba(7,91,255,.16)}
.lpe-demo-filters{display:flex;gap:8px;overflow-x:auto;margin:0!important;padding:3px}
.lpe-demo-filters button{min-height:48px;border:1px solid #c8c8c3!important;background:#fff!important;border-radius:999px!important;padding:10px 16px!important;font-size:.88rem!important;font-weight:720;white-space:nowrap}
.lpe-demo-filters button.is-active{background:#101114!important;color:#fff!important;border-color:#101114!important}
.lpe-demo-result-count{font-size:.92rem;color:#62646a;margin:12px 0 24px}
.lpe-demo-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
.lpe-demo-card{--card-accent:#101114;min-height:0!important;padding:28px!important;border:1px solid #d8d9d5;border-top:6px solid var(--card-accent);border-radius:22px!important;background:#fff!important;display:flex!important;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease!important}
.lpe-demo-card--bleu{--card-accent:var(--demo-blue)}
.lpe-demo-card--blanc{--card-accent:#b58a12}
.lpe-demo-card--rouge{--card-accent:var(--demo-red)}
.lpe-demo-card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 50px rgba(16,17,20,.10)!important}
.lpe-demo-card__meta{display:flex;justify-content:space-between;gap:14px;color:#6d6f75;font-size:.82rem;font-weight:760;letter-spacing:.04em;text-transform:uppercase}
.lpe-demo-card h3{font-size:clamp(1.55rem,2.3vw,2.25rem)!important;line-height:1.08;margin:36px 0 14px!important;letter-spacing:-.035em}
.lpe-demo-card p{font-size:1.03rem!important;line-height:1.62!important;color:#4d5057!important;margin:0 0 28px!important}
.lpe-demo-card footer{margin-top:auto!important;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #e7e7e3}
.lpe-demo-card footer small{font-size:.82rem!important;line-height:1.4;color:#676970;max-width:48%}
.lpe-demo-card footer strong{font-size:.92rem!important;line-height:1.35;text-align:right}
.lpe-demo-empty{padding:45px;border:1px dashed #b9bbb7;border-radius:20px;text-align:center;font-size:1.1rem;background:#fff}

/* Fiche détaillée : une seule hiérarchie de lecture. */
.lpe-demo-detail{--demo-accent:var(--demo-blue);--demo-soft:var(--demo-blue-soft)}
.lpe-demo-detail--blanc{--demo-accent:#9a7510;--demo-soft:#fbf6e8}
.lpe-demo-detail--rouge{--demo-accent:var(--demo-red);--demo-soft:var(--demo-red-soft)}
.lpe-demo-quick{padding:92px 0;background:#fff}
.lpe-demo-quick-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:40px;align-items:end;margin-bottom:34px}
.lpe-demo-quick-head h2{font-size:clamp(2.5rem,5vw,5.4rem);margin:0}
.lpe-demo-confidence{border-left:6px solid var(--demo-accent);background:var(--demo-soft);padding:20px 22px;border-radius:14px}
.lpe-demo-confidence small{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#66686e}
.lpe-demo-confidence strong{display:block;font-size:1.25rem;line-height:1.2;margin:7px 0 8px}
.lpe-demo-confidence p{font-size:.98rem;line-height:1.55;color:#55575d;margin:0}
.lpe-demo-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lpe-demo-summary-grid article{min-height:330px;padding:26px;border:1px solid #d9dad6;border-radius:22px;background:#fafaf8;display:flex;flex-direction:column}
.lpe-demo-summary-grid article>b{font-family:Newsreader,Georgia,serif;font-size:2.3rem;color:var(--demo-accent);line-height:1}
.lpe-demo-summary-grid article>small{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#676970;margin:34px 0 10px}
.lpe-demo-summary-grid h3{font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.12;margin-bottom:14px}
.lpe-demo-summary-grid p{font-size:1.06rem;line-height:1.7;color:#3f4248;margin:0}

.lpe-demo-proof-path,.lpe-demo-path{padding:100px 0;background:#f1f1ed}
.lpe-demo-path-list{border-top:1px solid #cfd0cc}
.lpe-demo-path-list article{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid #cfd0cc}
.lpe-demo-step-no{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#101114;color:#fff;font-weight:800;font-size:.9rem}
.lpe-demo-path-list article>div:last-child>small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;color:#6b6d72;margin-bottom:10px}
.lpe-demo-path-list h3{font-size:clamp(1.55rem,2.7vw,2.6rem);margin-bottom:12px}
.lpe-demo-path-list p{font-size:1.12rem;line-height:1.72;color:#3f4248;margin:0;max-width:900px}
.lpe-demo-path-list small{font-size:.95rem;line-height:1.55;color:#5b5d63}

.lpe-demo-evidence{padding:100px 0;background:#fff}
.lpe-demo-evidence-block{margin-top:48px}
.lpe-demo-evidence-block>h3{font-size:1.55rem;margin-bottom:18px}
.lpe-demo-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lpe-demo-data-grid article{border:1px solid #d9dad6;border-radius:18px;padding:22px;background:#fafaf8}
.lpe-demo-data-grid small{font-size:.78rem;color:#6b6d72;font-weight:720}
.lpe-demo-data-grid strong{display:block;font-family:Newsreader,Georgia,serif;font-size:clamp(2rem,3.2vw,3.1rem);line-height:1;margin:20px 0 9px}
.lpe-demo-data-grid p{font-size:1rem;line-height:1.5;margin:0;color:#4b4e54}
.lpe-demo-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lpe-demo-source-list article{border:1px solid #d9dad6;border-radius:18px;padding:22px;background:#fff}
.lpe-demo-source-list small{display:block;font-size:.78rem;color:#6b6d72;margin-bottom:10px}
.lpe-demo-source-list h4{font-size:1.05rem;line-height:1.45;margin:0 0 14px}
.lpe-demo-source-list a,.lpe-demo-source-list span{font-size:.9rem;font-weight:760;text-decoration:underline;text-underline-offset:4px}
.lpe-demo-pending{margin-top:54px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:36px;padding:30px;border-radius:22px;background:#fff8e7;border:1px solid #e4c46c}
.lpe-demo-pending h3{font-size:clamp(1.55rem,2.5vw,2.4rem);margin:0}
.lpe-demo-pending ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-content:start}
.lpe-demo-pending li{background:#fff;border:1px solid #dbc984;border-radius:999px;padding:9px 13px;font-size:.88rem;font-weight:730}
.lpe-demo-details{margin-top:38px;border:1px solid #d8d9d5;border-radius:18px;background:#fafaf8;overflow:hidden}
.lpe-demo-details summary{cursor:pointer;padding:18px 20px;font-weight:800;font-size:1rem}
.lpe-demo-details[open] summary{border-bottom:1px solid #d8d9d5}
.lpe-demo-details ul{margin:0;padding:20px 44px 24px;font-size:1.05rem;line-height:1.65}
.lpe-demo-sim-list{padding:18px;display:grid;gap:10px}
.lpe-demo-sim-list article{padding:18px;border-radius:14px;background:#fff;border:1px solid #e2e2de}
.lpe-demo-sim-list strong{font-size:1rem}.lpe-demo-sim-list p{font-size:.98rem;line-height:1.55;margin:8px 0}.lpe-demo-sim-list small{color:#66686d}
.lpe-demo-source-measure{padding:92px 0;background:#101114;color:#fff}
.lpe-demo-source-measure h2{font-size:clamp(2.35rem,4.5vw,4.8rem);max-width:950px}
.lpe-demo-source-measure>div>p:not(.lpe-kicker){font-size:1.12rem;line-height:1.75;color:#d2d3d7;max-width:850px}
.lpe-demo-source-measure .lpe-button--primary{background:#fff;color:#101114}.lpe-demo-source-measure .lpe-button--ghost{border-color:#70727a;color:#fff}

/* Grands parcours. */
.lpe-grand-demo{--journey-accent:#3f79ed}
.lpe-grand-demo--gold{--journey-accent:#b9850b}.lpe-grand-demo--red{--journey-accent:#e91635}.lpe-grand-demo--green{--journey-accent:#147c5b}.lpe-grand-demo--tricolor{--journey-accent:#6d6f75}
.lpe-grand-demo .lpe-demo-quick{border-top:8px solid var(--journey-accent)}
.lpe-grand-demo .lpe-demo-quick h2{font-size:clamp(2.35rem,4.5vw,4.7rem);line-height:1.08;max-width:1040px}
.lpe-demo-chain{padding:100px 0;background:#101114;color:#fff}
.lpe-demo-chain .lpe-demo-section-head h2{max-width:980px}.lpe-demo-chain-list{list-style:none;margin:0;padding:0;border-top:1px solid #3b3d43}
.lpe-demo-chain-list li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #3b3d43}
.lpe-demo-chain-list li>span{font-family:Newsreader,Georgia,serif;font-size:1.8rem;color:#8da8e0}
.lpe-demo-chain-list p{font-size:1.12rem;line-height:1.7;color:#e4e5e8;margin:0}
.lpe-demo-refusal{margin-top:34px;padding:24px;border:1px solid #5a5c63;border-radius:18px;background:#181a1f}
.lpe-demo-refusal small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#bfc1c6;font-size:.78rem;font-weight:800;margin-bottom:9px}
.lpe-demo-refusal strong{font-size:1.18rem;line-height:1.55}
.lpe-demo-doctrine{padding:90px 0;background:#fff}
.lpe-demo-doctrine blockquote{font-family:Newsreader,Georgia,serif;font-size:clamp(2rem,4vw,4.2rem);line-height:1.15;letter-spacing:-.03em;margin:0;border-left:8px solid var(--journey-accent);padding-left:30px}
.lpe-demo-effects{padding:96px 0;background:#f1f1ed}
.lpe-demo-effects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lpe-demo-effects-grid article{padding:24px;border:1px solid #d6d7d3;border-radius:20px;background:#fff}
.lpe-demo-effects-grid article>span{font-size:1.8rem}.lpe-demo-effects-grid h3{font-size:1.45rem;margin:28px 0 10px}.lpe-demo-effects-grid p{font-size:1rem;line-height:1.6;color:#505259;margin:0}
.lpe-demo-conclusion{padding:100px 0;background:#fff}
.lpe-demo-conclusion__text{font-family:Newsreader,Georgia,serif;font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.2;margin:56px 0 22px}
.lpe-demo-signature{display:block;font-size:1.14rem;line-height:1.6;color:#4d5057;max-width:840px}

@media(max-width:1000px){
  .lpe-demo-how-grid,.lpe-demo-summary-grid,.lpe-demo-data-grid,.lpe-demo-effects-grid{grid-template-columns:1fr 1fr}
  .lpe-demo-tools,.lpe-demo-quick-head,.lpe-demo-section-head--split,.lpe-demo-pending{grid-template-columns:1fr}
  .lpe-demo-journey-grid,.lpe-demo-grid{grid-template-columns:1fr!important}
}

@media(max-width:700px){
  .lpe-demo-narrow{width:min(100% - 28px,1040px)}
  .lpe-demo-how,.lpe-demo-journeys-index,.lpe-demo-index,.lpe-demo-quick,.lpe-demo-proof-path,.lpe-demo-path,.lpe-demo-evidence,.lpe-demo-source-measure,.lpe-demo-chain,.lpe-demo-doctrine,.lpe-demo-effects,.lpe-demo-conclusion{padding:68px 0}
  .lpe-demo-how-grid,.lpe-demo-summary-grid,.lpe-demo-data-grid,.lpe-demo-source-list,.lpe-demo-effects-grid{grid-template-columns:1fr}
  .lpe-demo-how-grid article,.lpe-demo-card,.lpe-demo-summary-grid article{padding:22px!important}
  .lpe-demo-summary-grid article{min-height:0}
  .lpe-demo-journey-card{min-height:300px;padding:24px}
  .lpe-demo-journey-card h3{margin-top:34px}
  .lpe-demo-tools{gap:12px}.lpe-demo-filters{width:100%}
  .lpe-demo-grid{display:grid!important;overflow:visible!important}
  .lpe-demo-card{flex:initial!important;width:auto!important}
  .lpe-demo-card footer{display:grid;gap:12px}.lpe-demo-card footer small{max-width:none}.lpe-demo-card footer strong{text-align:left}
  .lpe-demo-path-list article,.lpe-demo-chain-list li{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:24px 0}
  .lpe-demo-step-no{width:42px;height:42px}
  .lpe-demo-path-list p,.lpe-demo-chain-list p{font-size:1.06rem;line-height:1.7}
  .lpe-demo-doctrine blockquote{padding-left:20px;border-left-width:5px}
}