/* Pages articles — Trianon Capital */
.article-page{background:var(--cream);color:var(--ink)}
.article-page #header{background:var(--ink)}
.art{padding-top:6rem}
.art-wrap{max-width:760px;margin:0 auto;padding:clamp(2.4rem,6vw,4rem) var(--px) clamp(3rem,7vw,5rem)}
.art-back{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--claret);text-decoration:none;margin-bottom:1.6rem;transition:opacity .3s}
.art-back:hover{opacity:.65}
.art-cat{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--claret)}
.art-title{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;font-size:clamp(2rem,5vw,3.1rem);line-height:1.08;color:var(--ink);margin:.8rem 0 1rem}
.art-meta{display:flex;gap:.6rem;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--slate-d);border-bottom:1px solid var(--line-l);padding-bottom:1.7rem;margin-bottom:2.4rem}
.art-body{font-size:1.075rem;line-height:1.75;color:#2b2519}
.art-body p{margin:0 0 1.3rem}
.art-body p:first-of-type{font-size:1.16rem;line-height:1.7;color:#241f16}
.art-body h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.22;color:var(--ink);margin:2.6rem 0 1rem}
.art-body strong{color:var(--ink);font-weight:600}
.art-cta{margin-top:3.4rem;padding:2.4rem 2rem;border-radius:18px;background:var(--ink);color:var(--cream);text-align:center}
.art-cta h3{font-family:var(--serif);font-weight:500;font-size:1.55rem;color:#fff;margin:0 0 .6rem}
.art-cta p{font-size:.95rem;color:rgba(245,243,238,.75);margin:0 auto 1.5rem;max-width:48ch}
.art-related{margin-top:3.2rem;border-top:1px solid var(--line-l);padding-top:2rem}
.art-related h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--claret);margin:0 0 1.1rem}
.art-related a{display:block;font-family:var(--serif);font-size:1.18rem;color:var(--ink);text-decoration:none;padding:.6rem 0;border-bottom:1px solid var(--line-l);transition:color .3s}
.art-related a:hover{color:var(--claret)}
.art-disclaimer{margin-top:2rem;font-size:.8rem;font-style:italic;color:var(--slate-d);line-height:1.6}
@media(max-width:600px){.art-body{font-size:1.02rem}}

/* ===== SEO add-ons : breadcrumb, TL;DR, recap, FAQ, about ===== */
.crumbs{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--slate-d);margin-bottom:1.4rem}
.crumbs a{color:var(--claret);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs .sep{opacity:.45;margin:0 .45rem}
.art-byline a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-l)}
.art-byline a:hover{color:var(--claret)}
.art-tldr{background:#fff;border-left:3px solid var(--claret);border-radius:0 12px 12px 0;padding:1.3rem 1.5rem;margin:0 0 2.4rem;font-size:1.05rem;line-height:1.65;color:#241f16}
.art-tldr .lbl{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--claret);margin-bottom:.5rem}
.art-recap{margin:2.4rem 0;overflow-x:auto}
.art-recap table{width:100%;border-collapse:collapse;font-size:.95rem}
.art-recap caption{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--claret);text-align:left;margin-bottom:.7rem}
.art-recap th,.art-recap td{text-align:left;padding:.72rem .9rem;border-bottom:1px solid var(--line-l);vertical-align:top}
.art-recap thead th{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-d);font-weight:500}
.art-recap tbody th{font-weight:600;color:var(--ink)}
.art-faq{margin-top:3rem}
.art-faq h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,3vw,1.9rem);color:var(--ink);margin:0 0 1rem}
.art-faq details{border-bottom:1px solid var(--line-l);padding:1.05rem 0}
.art-faq summary{font-family:var(--serif);font-size:1.18rem;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.art-faq summary::-webkit-details-marker{display:none}
.art-faq summary::after{content:"+";color:var(--claret);font-family:var(--sans);font-size:1.3rem;line-height:1}
.art-faq details[open] summary::after{content:"–"}
.art-faq details p{margin:.8rem 0 0;color:#2b2519;line-height:1.7}
.about-hero{display:grid;grid-template-columns:300px 1fr;gap:2.2rem;align-items:start;margin:1rem 0 2rem}
.about-hero .about-portrait{border-radius:14px;overflow:hidden;aspect-ratio:3/4;background:linear-gradient(150deg,#2a2214,#130F08)}
.about-hero .about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.about-creds{list-style:none;padding:0;margin:1rem 0 0}
.about-creds li{padding:.55rem 0;border-bottom:1px solid var(--line-l);font-size:.98rem}
.about-links{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0}
.about-body h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,3vw,1.75rem);color:var(--ink);margin:2.4rem 0 .9rem}
@media(max-width:640px){.about-hero{grid-template-columns:1fr}.about-hero .about-portrait{max-width:280px}}

/* ============================================================
   ÉLÉVATIONS v10 — pages articles : lecture & lettrine
   ============================================================ */

/* Mesure de lecture légèrement resserrée + confort */
.art-wrap{max-width:720px}
.art-cat{font-size:.68rem;letter-spacing:.2em}
.art-title{font-weight:500;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.06;margin:.9rem 0 1.1rem}
.art-meta{letter-spacing:.1em}
.art-body{font-size:1.09rem;line-height:1.8;color:#2b2519}
.art-body p:first-of-type{font-size:1.18rem;line-height:1.72;color:#241f16}

/* Lettrine — uniquement sur les articles (déclenchée par la présence d'un TL;DR) */
.art-tldr + .art-body > p:first-child::first-letter{
  font-family:var(--serif);float:left;font-weight:500;color:var(--claret);
  font-size:3.5em;line-height:.72;padding:.02em .14em 0 0;
}

/* Titres de section en Newsreader, plus d'air */
.art-body h3{font-size:clamp(1.42rem,3vw,1.8rem);line-height:1.2;margin:2.8rem 0 1rem}
.art-body h4{font-family:var(--serif);font-weight:500;font-size:1.22rem;line-height:1.25;color:var(--ink);margin:2.1rem 0 .7rem}

/* Encadrés & tableaux : registre plus éditorial */
.art-tldr{border-left-width:2px;padding:1.4rem 1.6rem;font-size:1.06rem}
.art-tldr .lbl{letter-spacing:.2em}
.art-recap caption{letter-spacing:.18em}
.art-recap th,.art-recap td{padding:.8rem 1rem}
.art-faq h2{font-size:clamp(1.6rem,3vw,2rem)}
.art-faq summary{font-size:1.22rem}
.art-cta{border-radius:14px;padding:2.8rem 2.2rem}
.art-cta h3{font-size:1.65rem}
.art-related a{font-size:1.22rem}
.crumbs{letter-spacing:.1em}

/* Liens dans le corps : souligné fin claret */
.art-body p a{color:var(--claret);text-decoration:none;border-bottom:1px solid rgba(138,107,67,.35);transition:border-color .3s}
.art-body p a:hover{border-bottom-color:var(--claret)}

.art-body h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,3.5vw,2.15rem);line-height:1.18;letter-spacing:-.012em;color:var(--ink);margin:3rem 0 1rem}
.art-body h2 + p{margin-top:.4rem}