/* Boatcible Core - Article (complement de css-catalogue.css)
   Fond blanc, corps sobre (pas de dore hors zone titre), pleine largeur. */
body.bcb-article-page{background:#fff}
.art-wrap{max-width:1160px;margin:0 auto;padding:0 var(--pad-x)}
.art-head{padding:clamp(22px,4vh,44px) 0 16px;max-width:none}
.art-crumbs{font-size:12.5px;color:var(--ink-50);margin:0 0 16px}
.art-crumbs a{color:var(--ink-50);text-decoration:none}
.art-crumbs a:hover{color:var(--ink)}
.art-crumbs span{margin:0 6px;color:var(--ink-25)}
.art-head .kicker a{color:var(--gold-deep);text-decoration:none}
.art-head .kicker a:hover{color:var(--ink)}
.art-head h1{font-size:clamp(30px,4.4vw,50px);line-height:1.06}
.art-meta{margin:14px 0 0;font-size:13.5px;color:var(--ink-50);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.art-author{color:var(--ink-75);text-decoration:none;font-weight:600}
.art-author:hover{color:var(--ink)}
.art-dot{width:3px;height:3px;border-radius:50%;background:var(--gold);display:inline-block}
.art-hero-img{margin:22px 0 0;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(17,19,42,.10)}
.art-hero-img img{display:block;width:100%;height:auto}

/* ---- Corps : sobre, sans dore ---- */
.art-content{padding:30px 0 52px;font-size:17px;line-height:1.72;color:var(--ink-90)}
.art-content>p{margin:0 0 18px}
.art-content a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--ink-25)}
.art-content a:hover{text-decoration-color:var(--ink)}
.art-content strong{color:var(--ink);font-weight:650}
.art-content h2{font-family:var(--head);font-weight:600;font-size:clamp(23px,2.8vw,30px);line-height:1.16;
  letter-spacing:-.01em;color:var(--ink);margin:42px 0 14px;padding-top:14px;border-top:1px solid var(--ink-12)}
.art-content h3{font-family:var(--head);font-weight:600;font-size:clamp(18px,2vw,21px);color:var(--ink);margin:28px 0 10px}
.art-content ul,.art-content ol{margin:0 0 18px;padding-left:22px}
.art-content li{margin:6px 0}
.art-content li::marker{color:var(--ink-50)}
.art-content img{max-width:100%;height:auto;border-radius:14px}
.art-content figure{margin:26px 0}
.art-content figcaption{font-size:13px;color:var(--ink-50);margin-top:8px;font-style:italic}
.art-content blockquote{margin:26px 0;padding:14px 22px;border-left:3px solid var(--ink-25);
  font-family:var(--display);font-style:italic;font-size:19px;color:var(--ink)}
.art-content blockquote p{margin:0}

/* Tableaux : carte blanche, en-tete bleu nuit, alternance neutre */
.art-content table{width:100%;border-collapse:collapse;margin:26px 0;background:#fff;border-radius:14px;
  overflow:hidden;border:1px solid var(--ink-12);font-size:14.5px}
.art-content th{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;background:var(--ink);padding:11px 14px;text-align:left;font-weight:600}
.art-content td{padding:11px 14px;border-top:1px solid var(--ink-12);vertical-align:top}
.art-content tr:nth-child(even) td{background:#F7F8FA}
.art-content .wp-block-table,.art-content .table-wrap{overflow-x:auto}

/* FAQ details/summary : chevron encre */
.art-content details{background:#fff;border:1px solid var(--ink-12);border-radius:14px;margin:0 0 12px;
  overflow:hidden;transition:border-color .25s,box-shadow .25s}
.art-content details[open]{border-color:var(--ink-25);box-shadow:0 8px 30px rgba(17,19,42,.06)}
.art-content summary{font-family:var(--sans);font-size:15.5px;font-weight:600;color:var(--ink);
  padding:16px 48px 16px 20px;cursor:pointer;list-style:none;position:relative;line-height:1.4}
.art-content summary::-webkit-details-marker{display:none}
.art-content summary::after{content:'';position:absolute;right:20px;top:50%;width:10px;height:10px;
  border-right:2px solid var(--ink-50);border-bottom:2px solid var(--ink-50);
  transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease-out)}
.art-content details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.art-content details>*:not(summary){padding:0 20px}
.art-content details>p:last-child{padding-bottom:18px}

/* ---- A lire aussi : liens sobres, zero bouton ---- */
.art-related{background:#fff;border-top:1px solid var(--ink-12);padding:clamp(30px,4.5vw,52px) var(--pad-x)}
.art-related-inner{max-width:1160px;margin:0 auto}
.art-related h2{font-family:var(--head);font-weight:600;font-size:clamp(21px,2.4vw,27px);color:var(--ink);
  margin:0 0 16px;letter-spacing:-.01em}
.art-rel-list{list-style:none;margin:0;padding:0}
.art-rel-list li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;
  padding:12px 0;border-bottom:1px solid var(--ink-12)}
.art-rel-list li:last-child{border-bottom:none}
.art-rel-list a{font-family:var(--sans);font-size:16px;font-weight:600;color:var(--ink);
  text-decoration:none}
.art-rel-list a:hover{text-decoration:underline;text-underline-offset:3px}
.art-rel-date{font-size:12.5px;color:var(--ink-50);white-space:nowrap}

@media(max-width:768px){
  .art-content{font-size:16px}
  .art-content table{font-size:13px}
  .art-rel-list li{flex-direction:column;gap:2px;align-items:flex-start}
}
