/* ===== Pages intérieures : système éditorial (prolonge v2.css) ===== */

/* Héros de page : même structure que l'accueil, un peu plus court */
.h-hero.is-page{min-height:min(74vh,700px)}
.h-hero.is-page h1{font-size:clamp(2.3rem,4.4vw,3.9rem);max-width:17ch}
.h-hero.is-page h1 em{display:inline;margin:0}
.p-crumb{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ochre-ink)}
.p-crumb a{color:var(--muted);text-decoration:none;display:inline-block;padding-block:5px}
.p-crumb a:hover{color:var(--ink)}
.p-crumb span[aria-hidden]{color:var(--line)}
.h-hero-media.is-wide img{object-position:50% 50%}

/* Énoncé : une étiquette à gauche, une grande phrase à droite */
.p-statement{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:start}
.p-statement>*{min-width:0}
.p-statement .h-kicker{padding-top:.6em}
.p-big{font-family:var(--display);font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.35;color:var(--ink);margin:0;text-wrap:pretty}
.p-big em{color:var(--pine);font-style:italic}
.p-statement .p-body{margin-top:22px;display:grid;gap:14px;max-width:62ch;color:var(--muted)}

/* Index numéroté : remplace les grilles de cartes */
.p-index{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.p-index>li{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.25fr);gap:12px clamp(20px,4vw,56px);padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--line);align-items:baseline;transition:background .3s ease,padding .3s ease}
.p-index>li>*{min-width:0}
.p-index .n{font-family:var(--display);font-style:italic;font-size:1.35rem;color:var(--ochre-ink);line-height:1}
.p-index h3{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.2}
.p-index p{margin:0;color:var(--muted)}
.p-index .p-meta{grid-column:3;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:-4px}
.p-index .p-more{grid-column:3;justify-self:start}
@media (hover:hover){.p-index>li:hover{background:color-mix(in srgb,var(--surface) 70%,transparent);padding-inline:16px}}
.p-chip{font-size:.74rem;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;padding:3px 11px;color:var(--muted);white-space:nowrap}
.p-price-inline{font-size:.95rem;color:var(--ink)}
.p-price-inline b{font-family:var(--display);font-weight:500;font-size:1.3rem}

/* Bloc image + texte */
.p-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,6vw,88px);align-items:center}
.p-feature.rev>figure{order:2}
.p-feature>*{min-width:0}
.p-feature figure{margin:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-soft)}
.p-feature figure.land{aspect-ratio:4/3}
.p-feature figure img{width:100%;height:100%;object-fit:cover}
.p-feature-text{display:grid;gap:20px;justify-items:start}
.p-feature-text h2{margin:0}
.p-feature-text>p{color:var(--muted);margin:0}

/* Liste à puces raffinée */
.p-list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line);width:100%}
.p-list li{position:relative;padding:14px 0 14px 30px;border-bottom:1px solid var(--line)}
.p-list li::before{content:"";position:absolute;left:0;top:26px;width:14px;height:2px;background:var(--ochre)}
.p-list.cols{columns:2;column-gap:40px;display:block;border-top:0}
.p-list.cols li{break-inside:avoid;border-top:1px solid var(--line);border-bottom:0}

/* Étapes */
.p-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);counter-reset:st}
.p-steps li{position:relative;padding-top:30px;border-top:1px solid var(--line);counter-increment:st;display:grid;gap:10px;align-content:start}
.p-steps li::before{content:"0" counter(st);font-family:var(--display);font-style:italic;font-size:clamp(2.6rem,4vw,3.6rem);line-height:1;color:var(--ochre-ink)}
.p-steps li::after{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--ochre)}
.p-steps h3{font-size:1.35rem}
.p-steps p{margin:0;color:var(--muted)}

/* Deux colonnes contrastées */
.p-two{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.p-two>div{padding:clamp(24px,3vw,40px) clamp(0px,3vw,40px) 0 0;display:grid;gap:16px;align-content:start;min-width:0}
.p-two>div+div{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,40px)}
.p-two h3{font-size:1.5rem}
.p-two p{color:var(--muted);margin:0}

/* Section sombre */
.p-dark{background:var(--night);color:#F6F1E7}
.p-dark .h-kicker{color:#E2B56E}
.p-dark h2{color:#F6F1E7}
.p-dark h2 em{color:#E2B56E}
.p-dark p{color:rgba(246,241,231,.82)}
.p-dark .p-list li{border-color:rgba(246,241,231,.16)}
.p-dark .p-list{border-color:rgba(246,241,231,.16)}
.p-dark .h-fine{color:rgba(246,241,231,.7)}
.p-dark .btn-line{color:#F6F1E7;border-color:rgba(246,241,231,.45)}
.p-dark .btn-line:hover{border-color:#F6F1E7}
.p-offer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,88px);align-items:center}
.p-offer>*{min-width:0}
.p-offer-text{display:grid;gap:20px;justify-items:start}
.p-offer-text h2{margin:0}
.p-syllabus{border:1px solid rgba(246,241,231,.16);border-radius:var(--radius);padding:clamp(22px,3vw,34px);background:rgba(246,241,231,.04);display:grid;gap:18px}
.p-syllabus-k{display:flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#E2B56E;margin:0}
.p-syllabus-k::before{content:"";width:8px;height:8px;border-radius:50%;background:#E2B56E;animation:blink 1.6s ease-in-out infinite}
.p-syllabus ol,.p-syllabus ul{list-style:none;margin:0;padding:0}
.p-syllabus li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(246,241,231,.12);font-size:.98rem}
.p-syllabus li:last-child{border-bottom:0}
.p-syllabus li span:last-child{font-family:var(--display);font-style:italic;color:#E2B56E;white-space:nowrap}
.p-syllabus .p-cover{display:flex;gap:18px;align-items:center}
.p-syllabus .p-cover img{width:84px;height:auto;border-radius:4px;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);transform:rotate(-3deg)}
.p-syllabus .p-cover b{font-family:var(--display);font-weight:500;font-style:italic;font-size:1.45rem;line-height:1.2}

/* Grande citation */
.p-quote{margin:0 auto;max-width:900px;text-align:center;display:grid;gap:22px;justify-items:center}
.p-quote blockquote{margin:0;font-family:var(--display);font-style:italic;font-size:clamp(1.55rem,3.2vw,2.5rem);line-height:1.3;color:var(--ink);text-wrap:balance}
.p-quote::before{content:"«";font-family:var(--display);font-size:4.5rem;line-height:.5;color:var(--ochre);height:.4em}
.p-quote figcaption{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.p-dark .p-quote blockquote{color:#F6F1E7}
.p-dark .p-quote figcaption{color:rgba(246,241,231,.7)}

/* Programme / tableau des formats */
.p-rows{width:100%;border-collapse:collapse;border-top:1px solid var(--ink)}
.p-rows th{text-align:left;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:14px 16px 14px 0;border-bottom:1px solid var(--line)}
.p-rows td{padding:20px 16px 20px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}
.p-rows td:first-child{font-family:var(--display);font-size:1.2rem;color:var(--ink);width:32%}
.p-rows td:nth-child(2){white-space:nowrap;color:var(--ink);font-weight:700;font-size:.95rem}

/* FAQ éditoriale */
.p-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(28px,5vw,72px);align-items:start}
.p-faq>*{min-width:0}
.p-faq-head{position:sticky;top:120px;display:grid;gap:16px;justify-items:start}
.p-faq-head h2{margin:0}
.p-faq-head p{color:var(--muted);margin:0}
.p-faq-list{border-top:1px solid var(--ink)}
.p-faq-list details{border-bottom:1px solid var(--line)}
.p-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-family:var(--display);font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.35}
.p-faq-list summary::-webkit-details-marker{display:none}
.p-faq-list summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(var(--ink),var(--ink)) center/11px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 11px no-repeat;transition:transform .3s ease,background-color .3s ease}
.p-faq-list details[open] summary::after{transform:rotate(45deg);background-color:var(--bg-alt)}
.p-faq-list summary:hover{color:var(--pine)}
.p-faq-list details p{margin:0 0 24px;color:var(--muted);max-width:62ch}

/* Petite liste « à venir » */
.p-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px 32px}
.p-mini div{display:grid;gap:6px;padding-top:18px;border-top:1px solid var(--line);align-content:start}
.p-mini h3{font-size:1.15rem}
.p-mini p{margin:0;color:var(--muted);font-size:.95rem}
.p-soon{display:inline-block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ochre-ink)}

/* Note de prudence */
.p-note{font-size:.88rem;color:var(--muted);max-width:72ch;padding-left:16px;border-left:2px solid var(--line);margin:0}

/* Chiffres-clés sur bande */
.h-proof.is-3 ul{grid-template-columns:repeat(3,1fr)}

/* Ligne du temps */
.p-time{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.p-time li{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:8px 28px;padding:22px 0;border-bottom:1px solid var(--line)}
.p-time li>*{min-width:0}
.p-time .when{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ochre-ink);padding-top:.35em}
.p-time b{font-family:var(--display);font-weight:500;font-size:1.2rem;line-height:1.3;display:block}
.p-time p{margin:6px 0 0;color:var(--muted);font-size:.96rem}

/* Bloc final pour organisations (réutilise .h-cta) */
.h-cta-box .h-cta-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.95rem;color:rgba(246,241,231,.86)}
.h-cta-box .h-cta-list li::before{content:"— ";color:#E2B56E}

/* ===== Blogue ===== */
.b-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:clamp(20px,5vw,72px);align-items:end;padding-block:clamp(56px,8vw,104px) clamp(32px,4vw,48px);border-bottom:1px solid var(--ink)}
.b-head h1{font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:1.02;margin:12px 0 0}
.b-head p{margin:0;color:var(--muted);font-size:1.08rem}
.b-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,56px);align-items:center;text-decoration:none;color:inherit;padding-block:clamp(36px,5vw,64px);border-bottom:1px solid var(--line)}
.b-feature>*{min-width:0}
.b-img{display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:3/2;background:var(--bg-alt)}
.b-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
a:hover .b-img img{transform:scale(1.04)}
.b-text{display:grid;gap:14px;align-content:center}
.b-meta{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ochre-ink)}
.b-feature h2{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.12;margin:0}
.b-text p{margin:0;color:var(--muted)}
.b-go{font-weight:700;color:var(--ink);border-bottom:1.5px solid var(--ochre);justify-self:start;padding-bottom:2px}
.b-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,5vw,64px) clamp(24px,4vw,48px);padding-block:clamp(40px,6vw,72px)}
.b-card{display:grid;gap:18px;align-content:start;text-decoration:none;color:inherit;min-width:0}
.b-card h2{font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.2;margin:0}
.b-card:hover h2,.b-feature:hover h2{color:var(--pine)}

/* ===== Article ===== */
.a-head{max-width:860px;margin:0 auto;text-align:center;display:grid;gap:20px;justify-items:center;padding-block:clamp(48px,7vw,96px) clamp(28px,4vw,44px)}
.a-head .p-crumb{justify-content:center}
.a-head h1{font-size:clamp(2.2rem,4.8vw,3.9rem);line-height:1.06;margin:0;text-wrap:balance}
.a-dek{font-size:clamp(1.08rem,1.6vw,1.25rem);color:var(--muted);max-width:60ch;margin:0}
.a-by{display:flex;align-items:center;gap:12px;font-size:.92rem;color:var(--muted);text-align:left}
.a-by img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.a-by b{display:block;color:var(--ink)}
.a-cover{max-width:1040px;margin:0 auto;border-radius:var(--radius);overflow:hidden;aspect-ratio:3/2;background:var(--bg-alt)}
.a-cover img{width:100%;height:100%;object-fit:cover}
.a-body{max-width:680px;margin:0 auto;padding-block:clamp(36px,5vw,64px) 0}
.a-body .prose{font-size:1.1rem;line-height:1.75}
.a-body .prose>p:first-child::first-letter{float:left;font-family:var(--display);font-size:4.1em;line-height:.82;padding:6px 12px 0 0;color:var(--pine)}
.a-body .prose h2{font-size:clamp(1.55rem,2.6vw,2rem);margin:2.2em 0 .6em}
.a-body .prose blockquote{margin:2em 0;padding:0 0 0 26px;border-left:2px solid var(--ochre);font-family:var(--display);font-style:italic;font-size:1.3rem;line-height:1.5;color:var(--ink);background:none}
.a-body .prose blockquote p{margin:0}
.a-body .prose ul,.a-body .prose ol{padding-left:1.2em}
.a-body .prose li{margin:.5em 0}
.a-body .prose .aside{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:2.5em}
.a-body .share-top{margin:0 0 32px}
.a-author{max-width:680px;margin:clamp(40px,5vw,64px) auto 0;display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;padding:28px 0;border-block:1px solid var(--line)}
.a-author img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.a-author b{font-family:var(--display);font-weight:500;font-size:1.25rem}
.a-author p{margin:6px 0 10px;color:var(--muted);font-size:.96rem}
.a-share-end{max-width:680px;margin:28px auto 0}
.a-related{padding-block:clamp(56px,8vw,96px)}

@media (max-width: 900px){
  .p-statement,.p-feature,.p-offer,.p-faq,.p-two,.b-head,.b-feature{grid-template-columns:1fr}
  .p-feature.rev>figure{order:0}
  .p-feature figure{aspect-ratio:4/3}
  .p-faq-head{position:static}
  .p-steps{grid-template-columns:1fr}
  .p-index>li{grid-template-columns:48px minmax(0,1fr)}
  .p-index>li>p,.p-index .p-meta,.p-index .p-more{grid-column:2}
  .p-two>div{padding-right:0}
  .p-two>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line);margin-top:28px}
  .p-list.cols{columns:1}
  .h-proof.is-3 ul{grid-template-columns:1fr}
  .h-proof.is-3 li{border-left:0;padding-left:0}
  .b-grid{grid-template-columns:1fr}
  .p-rows td:first-child{width:auto}
}
@media (max-width: 600px){
  .p-rows thead{display:none}
  .p-rows tr{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--line)}
  .p-rows td{border:0;padding:0}
  .p-time li{grid-template-columns:1fr}
  .a-author{grid-template-columns:64px 1fr;gap:16px}
  .a-author img{width:64px;height:64px}
  .a-body .prose{font-size:1.04rem}
}
@media (prefers-reduced-motion: reduce){
  .b-img img,.p-index>li,.p-faq-list summary::after{transition:none}
  .p-syllabus-k::before{animation:none}
}

/* Chiffres sourcés */
.p-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(20px,3vw,40px);margin-top:clamp(32px,4vw,48px)}
.p-figures div{display:grid;gap:8px;padding-top:18px;border-top:1px solid var(--ink);align-content:start;min-width:0}
.p-figures b{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;color:var(--pine)}
.p-figures span{font-size:.9rem;color:var(--muted)}
@media (max-width:700px){.p-figures{grid-template-columns:1fr}}

/* Pages simples (quiz, 404, confidentialité) */
.p-simple{padding-block:clamp(56px,8vw,104px) clamp(28px,4vw,44px);display:grid;gap:18px;justify-items:start;max-width:820px}
.p-simple h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.04;margin:0}
.p-simple .h-lede{margin:0}
.p-simple.center{margin-inline:auto;justify-items:center;text-align:center}
.p-404{min-height:60vh;display:grid;align-content:center}
.p-404 .big{font-family:var(--display);font-style:italic;font-size:clamp(5rem,16vw,11rem);line-height:.9;color:var(--ochre)}
.quiz-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:clamp(8px,2vw,20px);box-shadow:var(--shadow-soft)}
.h-cta p a{color:#F6F1E7;font-weight:700}
.p-figures{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.p-figures span a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.p-figures span a:hover{color:var(--ink)}