/* ============================================================
   PAGE D'ARTICLE — Décryptages (02/11/2026, maquette validée par Sven)
   Chargée sur les articles seulement (tib-article.php). Les couleurs
   viennent des jetons de style.css : --tib-acc, --tib-band, --tib-accL
   prennent la teinte de la rubrique (tib-u-sante, tib-u-entreprises).
   ============================================================ */

.tib-art-page{
  max-width:1180px; margin:0 auto; padding:24px 40px 0; box-sizing:border-box;
  font-family:"Nunito Sans",sans-serif; color:var(--tib-ink);
}
@media (max-width:767px){ .tib-art-page{ padding:32px 20px 0; } }

/* Étiquette en capitales et filet à l'accent */
.tib-art-k{
  margin:0;
  font-family:"Outfit",sans-serif; font-weight:300;
  font-size:var(--tib-fs-etiquette); letter-spacing:.2em; text-transform:uppercase;
  color:var(--tib-soft);
}
.tib-art-filet{ display:block; width:48px; height:2px; margin:12px 0 0; background:var(--tib-acc); }

/* Bandeau fin à la teinte de la rubrique (Sven, 02/11 au soir : plus de
   creux à droite, le texte arrive plus vite). Encadré 1180 px, comme le
   hero clair des autres pages. */
.tib-art-bandeau{ padding:36px 48px 40px; border-radius:16px; background:var(--tib-band); }
@media (max-width:767px){ .tib-art-bandeau{ padding:24px 22px 28px; } }

/* Fil d'Ariane */
.tib-art-ariane ol{ display:flex; flex-wrap:wrap; align-items:center; list-style:none; margin:0; padding:0; }
.tib-art-ariane li{ display:flex; align-items:center; margin:0; padding:0; font-size:var(--tib-fs-mention); line-height:1.5; color:var(--tib-soft); }
.tib-art-ariane li:before{ display:none; }
.tib-art-ariane li + li:before{ content:"\203A"; display:inline-block; margin:0 10px; color:var(--tib-acc); }
.tib-art-ariane a{ color:var(--tib-soft); text-decoration:none; }
.tib-art-ariane a:hover{ color:var(--tib-navy); text-decoration:underline; text-underline-offset:3px; }

.tib-art-h1{
  max-width:880px; margin:16px 0 0;
  font-family:"Outfit",sans-serif; font-weight:400;
  font-size:var(--tib-fs-section); line-height:1.12; letter-spacing:-.015em;
  color:var(--tib-navy);
}
.tib-art-by{ margin:16px 0 0; font-size:var(--tib-fs-petit); line-height:1.5; color:var(--tib-soft); }
.tib-art-by a{ color:var(--tib-navy); }
.tib-art-by a[href="#tib-auteur"]{ font-weight:600; text-decoration:none; }

/* Image à la une, en tête de la colonne de l'article */
.tib-art-une{ margin:0 0 36px; }
.tib-art-une img.tib-art-une__img{ display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:16px; }

/* Deux colonnes : l'article, puis la colonne (dessous sur mobile) */
.tib-art-cols{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:64px; padding:48px 0 80px; }
.tib-art{ flex:999 1 560px; min-width:0; max-width:720px; }
.tib-art-aside{ flex:1 1 300px; min-width:0; max-width:340px; }
@media (max-width:1024px){ .tib-art-aside{ max-width:none; } }
@media (max-width:767px){ .tib-art-cols{ gap:48px; padding:40px 0 56px; } }

/* Le texte de l'article */
.tib-art p, .tib-art li{ font-size:17px; line-height:1.7; color:var(--tib-ink); }
.tib-art p{ margin:0 0 18px; }
.tib-art > p:first-of-type{ font-size:var(--tib-fs-intro); line-height:1.6; }
.tib-art h2{
  margin:48px 0 18px;
  font-family:"Outfit",sans-serif; font-weight:400;
  font-size:30px; line-height:1.2; color:var(--tib-navy);
}
.tib-art h3{
  margin:32px 0 10px;
  font-family:"Outfit",sans-serif; font-weight:400;
  font-size:var(--tib-fs-carte); line-height:1.3; color:var(--tib-navy);
}
.tib-art strong{ font-weight:700; color:var(--tib-ink); }
.tib-art a:not(.tib-renvoi):not(.tib-art-btn){ color:var(--tib-navy); text-decoration:underline; text-decoration-color:var(--tib-acc); text-underline-offset:3px; }
.tib-art ul, .tib-art ol{ margin:0 0 18px; padding-left:22px; }
.tib-art li{ margin:0 0 8px; }
@media (max-width:767px){ .tib-art h2{ font-size:26px; } }

/* Si vous n'avez que 30 secondes */
.tib-30s{ margin:36px 0 12px; padding:28px 32px; border-radius:16px; background:var(--tib-band); }
.tib-30s .tib-art-k{ color:var(--tib-ink); }
.tib-30s__c{ margin-top:18px; }
.tib-30s__c ul{ list-style:none; margin:0; padding:0; }
.tib-30s__c li{ position:relative; margin:0 0 12px; padding-left:20px; font-size:var(--tib-fs-texte); line-height:1.6; }
.tib-30s__c li:last-child{ margin-bottom:0; }
.tib-30s__c li:before{ content:""; position:absolute; left:0; top:.65em; width:8px; height:8px; border-radius:50%; background:var(--tib-acc); }
@media (max-width:767px){ .tib-30s{ padding:24px 22px; } }

/* En vigueur / en débat, et Ce qui a changé */
.tib-vigueur, .tib-maj{ margin:28px 0; padding:22px 26px; border:1px solid var(--tib-rule); border-radius:12px; }
.tib-vigueur p, .tib-maj p{ margin:0 0 8px; font-size:var(--tib-fs-texte); }
.tib-vigueur p:last-child, .tib-maj p:last-child{ margin-bottom:0; }
.tib-maj .tib-art-k{ margin-bottom:10px; }

/* Tableau du cas chiffré : défile en largeur sur mobile */
.tib-art-tab{ overflow-x:auto; margin:8px 0 24px; border:1px solid var(--tib-rule); border-radius:12px; }
.tib-art-tab:focus-visible{ outline:2px solid var(--tib-navy); outline-offset:2px; }
.tib-art-tab table{ width:100%; min-width:640px; margin:0; border-collapse:collapse; font-size:var(--tib-fs-petit); line-height:1.5; }
.tib-art-tab th{ padding:14px 16px; background:var(--tib-band); border:0; border-bottom:1px solid var(--tib-rule); text-align:left; font-family:"Outfit",sans-serif; font-weight:500; color:var(--tib-navy); }
.tib-art-tab td{ padding:14px 16px; border:0; border-bottom:1px solid var(--tib-bord); vertical-align:top; color:var(--tib-ink); }
.tib-art-tab tr:last-child td{ border-bottom:0; font-weight:700; }

/* L'avis de Samuel */
.tib-avis{ margin:40px 0; padding:32px; border:1px solid var(--tib-rule); border-radius:16px; background:#fff; }
.tib-avis__q,
.tib-art blockquote.tib-avis__q{ margin:20px 0 0 !important; padding:0 !important; border:0 !important; background:none !important; font-style:normal !important; quotes:none; }
/* Le thème pose de grands guillemets décoratifs sur les citations : retirés ici */
.tib-avis__q:before, .tib-avis__q:after,
.tib-avis__q p:before, .tib-avis__q p:after{ content:none !important; display:none !important; }
.tib-avis__q p, .tib-avis__q em{ font-style:normal !important; }
.tib-avis__q p, .tib-avis__q{ font-family:"Outfit",sans-serif; font-weight:300; font-size:23px; line-height:1.45; color:var(--tib-navy); }
.tib-avis__q p{ margin:0 0 12px; }
.tib-avis__q p:last-child{ margin-bottom:0; }
.tib-avis__qui{ display:flex; align-items:center; gap:14px; margin-top:22px; font-size:var(--tib-fs-petit); line-height:1.45; color:var(--tib-soft); }
.tib-avis__qui img.tib-avis__photo{ flex:0 0 56px; width:56px; height:56px; border-radius:50%; object-fit:cover; }
.tib-avis__qui strong{ display:block; font-weight:600; color:var(--tib-navy); }
@media (max-width:767px){ .tib-avis{ padding:24px 22px; } .tib-avis__q p, .tib-avis__q{ font-size:20px; } }

/* Lien vers la page cible */
.tib-renvoi{ display:flex; justify-content:space-between; align-items:center; gap:16px; margin:8px 0 0; padding:22px 24px; border:1px solid var(--tib-rule); border-radius:12px; text-decoration:none; transition:border-color .2s; }
.tib-renvoi:hover{ border-color:var(--tib-acc); }
.tib-renvoi__t{ display:flex; flex-direction:column; gap:4px; }
.tib-renvoi__titre{ font-family:"Outfit",sans-serif; font-size:20px; line-height:1.3; color:var(--tib-navy); }
.tib-renvoi__texte{ font-size:var(--tib-fs-petit); line-height:1.5; color:var(--tib-soft); }
.tib-renvoi__fl{ flex:0 0 40px; height:40px; border-radius:50%; background:var(--tib-accL); position:relative; }
.tib-renvoi__fl:after{ content:"\2192"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--tib-acc); }

/* Parlons-en */
.tib-parlons{ display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:28px; }
.tib-parlons__t{ flex:1 1 320px; }
.tib-parlons__t p{ margin:0; }
.tib-art-btn{
  display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 28px;
  border:1px solid var(--tib-navy); border-radius:999px; background:var(--tib-navy);
  font-family:"Nunito Sans",sans-serif; font-weight:600; font-size:var(--tib-fs-texte);
  color:#fff; text-decoration:none; transition:background-color .2s, color .2s;
}
.tib-art-btn:hover{ background:#fff; color:var(--tib-navy); }
.tib-art-btn--clair{ border-color:#fff; background:#fff; color:var(--tib-navy); }
.tib-art-btn--clair:hover{ background:transparent; color:#fff; }

/* Colonne de droite */
.tib-art-aside{ display:flex; flex-direction:column; }
.tib-art-aside .tib-baside__search{ margin-bottom:40px; }
.tib-art-aside .tib-baside__w{ margin:0 0 40px; padding:0; border:0; }
.tib-art-aside .tib-baside__w + .tib-baside__w{ margin-top:0; padding-top:0; border-top:0; }
.tib-art-aside .tib-baside__w .tib-art-filet{ background:var(--tib-rule); margin-bottom:18px; }
.tib-art-rub ul{ list-style:none; margin:0; padding:0; }
.tib-art-rub li{ margin:0; }
.tib-art-rub a{ display:flex; align-items:center; gap:12px; min-height:44px; font-size:var(--tib-fs-texte); color:var(--tib-navy); text-decoration:none; }
.tib-art-rub a:hover{ text-decoration:underline; text-underline-offset:4px; }
.tib-art-nb{ color:var(--tib-soft); }
.tib-pt{ flex:0 0 10px; width:10px; height:10px; border-radius:50%; }
.tib-pt--sante{ background:#0E9570; }
.tib-pt--entreprises{ background:#E85F12; }
.tib-pt--expertises{ background:#01096a; }
.tib-pt--pilier{ background:var(--tib-rule); }
.tib-art-rub a.is-ici{ font-weight:600; }
.tib-art-rub a.is-ici .tib-pt--pilier{ background:var(--tib-acc, #01096a); }
/* Étiquettes de l'article (03/11/2026) : pastilles, vers la page Décryptages filtrée */
.tib-art-tags ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.tib-art-tags li{ margin:0; }
.tib-art-tags a{ display:inline-flex; align-items:center; min-height:36px; padding:4px 14px; border:1px solid var(--tib-rule); border-radius:999px; font-size:var(--tib-fs-petit); color:var(--tib-navy); text-decoration:none; transition:border-color .2s; }
.tib-art-tags a:hover{ border-color:var(--tib-navy); }
.tib-art-tags a.is-ici{ border-color:var(--tib-navy); background:var(--tib-navy); color:#fff; }
/* Page Décryptages : rubriques et sujets dans la colonne (03/11/2026) */
.tib-blog__aside .tib-art-rub, .tib-blog__aside .tib-art-tags{ margin-bottom:8px; }
.tib-blog__aside .tib-art-rub .tib-baside__t, .tib-blog__aside .tib-art-tags .tib-baside__t{ margin-bottom:12px; }
/* Page Décryptages filtrée : en-tête « Rubrique » ou « Sujet » + retour à tout */
.tib-filtre__l{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; margin-top:16px; }
.tib-filtre__l > span{ color:var(--tib-soft); }
.tib-filtre__raz{ display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 18px; border:1px solid var(--tib-rule); border-radius:999px; font-weight:600; font-size:var(--tib-fs-petit); color:var(--tib-navy); text-decoration:none; transition:border-color .2s; }
.tib-filtre__raz:hover{ border-color:var(--tib-navy); }
.tib-art-cta{ padding:28px; border-radius:16px; background:var(--tib-navy); }
.tib-art-cta .tib-art-k{ color:rgba(255,255,255,.78); }
.tib-art-cta__t{ margin:16px 0 0; font-family:"Outfit",sans-serif; font-weight:400; font-size:24px; line-height:1.25; color:#fff; }
.tib-art-cta__p{ margin:12px 0 20px; font-size:var(--tib-fs-petit); line-height:1.55; color:rgba(255,255,255,.85); }

/* ============================================================
   BLOCS DE LECTURE (charte des Décryptages, « Le rythme », 02/11/2026)
   Chacun a sa forme, pour que deux blocs ne se confondent pas :
   chiffre = grand nombre à l'accent ; signaux = cases cochées sur bande ;
   argument = deux panneaux reliés ; étapes = frise numérotée ;
   schéma = deux colonnes en cascade ; cas = filet vertical ; point à
   vérifier = cadre à l'accent.
   ============================================================ */
.tib-art .tib-b-signaux ul, .tib-art .tib-b-etapes ol, .tib-art .tib-b-voie ul{ list-style:none; margin:0; padding:0; }
.tib-art .tib-b-signaux li:before, .tib-art .tib-b-etapes li:before, .tib-art .tib-b-voie li:before{ content:none; }

/* Chiffre clé */
.tib-b-chiffre{ display:flex; align-items:center; gap:28px; margin:36px 0; padding:8px 0 8px 28px; border-left:3px solid var(--tib-acc); }
.tib-b-chiffre__v{ flex:0 0 auto; margin:0 !important; font-family:"Outfit",sans-serif; font-weight:300; font-size:56px !important; line-height:1 !important; letter-spacing:-.02em; color:var(--tib-acc) !important; white-space:nowrap; }
.tib-b-chiffre__t p{ margin:0 !important; font-size:var(--tib-fs-texte) !important; line-height:1.55 !important; color:var(--tib-ink); }
@media (max-width:767px){ .tib-b-chiffre{ flex-direction:column; align-items:flex-start; gap:10px; padding-left:20px; } .tib-b-chiffre__v{ font-size:44px !important; } }

/* C'est peut-être le moment si… */
.tib-b-signaux{ margin:36px 0; padding:28px 32px; border-radius:16px; background:var(--tib-band); }
.tib-b-signaux__t{ margin:0 0 18px !important; font-family:"Outfit",sans-serif; font-weight:400; font-size:var(--tib-fs-carte) !important; line-height:1.3 !important; color:var(--tib-navy) !important; }
.tib-art .tib-b-signaux li{ position:relative; margin:0; padding:14px 0 14px 40px; border-top:1px solid var(--tib-bord); font-size:var(--tib-fs-texte); line-height:1.55; }
.tib-art .tib-b-signaux li:first-child{ border-top:0; padding-top:4px; }
.tib-art .tib-b-signaux li:first-child:before{ top:4px; }
.tib-art .tib-b-signaux li:before{
  content:"\2713"; position:absolute; left:0; top:14px; width:24px; height:24px; border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid var(--tib-acc); color:var(--tib-acc); font-size:14px; font-weight:700; line-height:1;
}
@media (max-width:767px){ .tib-b-signaux{ padding:24px 22px; } }

/* L'argument et sa limite */
.tib-b-arg{ margin:36px 0; border:1px solid var(--tib-rule); border-radius:16px; overflow:hidden; }
.tib-b-arg__a{ padding:24px 28px; background:var(--tib-band); }
.tib-b-arg__q{ margin:12px 0 0 !important; font-family:"Outfit",sans-serif; font-weight:300; font-size:22px !important; line-height:1.4 !important; color:var(--tib-navy) !important; }
.tib-b-arg__l{ position:relative; padding:24px 28px; background:#fff; }
.tib-b-arg__l:before{ content:""; position:absolute; left:28px; top:-9px; width:16px; height:16px; background:#fff; border-left:1px solid var(--tib-rule); border-top:1px solid var(--tib-rule); transform:rotate(45deg); }
.tib-b-arg__l .tib-art-k{ margin-bottom:10px; color:var(--tib-acc); }
.tib-b-arg__l p{ font-size:var(--tib-fs-texte); }
.tib-b-arg__l p:last-child{ margin-bottom:0; }
@media (max-width:767px){ .tib-b-arg__a, .tib-b-arg__l{ padding:20px 22px; } .tib-b-arg__q{ font-size:20px !important; } }

/* Les étapes */
.tib-b-etapes{ margin:36px 0; }
.tib-b-etapes__t{ margin:0 0 20px !important; font-family:"Outfit",sans-serif; font-weight:400; font-size:var(--tib-fs-carte) !important; line-height:1.3 !important; color:var(--tib-navy) !important; }
.tib-art .tib-b-etapes ol{ counter-reset:tib-etape; }
.tib-art .tib-b-etapes li{ position:relative; counter-increment:tib-etape; margin:0; padding:0 0 26px 60px; font-size:var(--tib-fs-texte); line-height:1.6; }
.tib-art .tib-b-etapes li:last-child{ padding-bottom:0; }
.tib-art .tib-b-etapes li:before{
  content:counter(tib-etape); position:absolute; left:0; top:0; width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--tib-navy); color:#fff; font-family:"Outfit",sans-serif; font-size:17px; line-height:1;
}
.tib-art .tib-b-etapes li:after{ content:""; position:absolute; left:18px; top:44px; bottom:6px; width:2px; background:var(--tib-accL); }
.tib-art .tib-b-etapes li:last-child:after{ display:none; }
.tib-art .tib-b-etapes li strong{ display:block; margin:6px 0 4px; font-family:"Outfit",sans-serif; font-weight:500; font-size:19px; color:var(--tib-navy); }

/* Le schéma : deux voies en cascade */
.tib-b-schema{ margin:36px 0; }
.tib-b-schema__voies{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; }
.tib-b-voie{ padding:22px 20px; border:1px solid var(--tib-rule); border-radius:16px; background:#fff; }
.tib-b-voie__t{ margin:0 0 16px !important; font-family:"Outfit",sans-serif; font-weight:500; font-size:19px !important; line-height:1.3 !important; color:var(--tib-navy) !important; text-align:center; }
.tib-art .tib-b-voie li{ position:relative; margin:0; padding:12px 14px; border-radius:10px; background:var(--tib-band); font-size:var(--tib-fs-petit); line-height:1.5; text-align:center; }
.tib-art .tib-b-voie li + li{ margin-top:30px; }
.tib-art .tib-b-voie li + li:before{ content:"\2193"; position:absolute; left:50%; top:-26px; transform:translateX(-50%); font-size:18px; line-height:22px; color:var(--tib-acc); }
.tib-art .tib-b-voie li:last-child{ background:var(--tib-navy); color:#fff; font-weight:600; }
.tib-art .tib-b-voie li:last-child strong{ color:#fff; }
.tib-b-schema__leg{ margin-top:14px; font-size:var(--tib-fs-mention); line-height:1.5; color:var(--tib-soft); }

/* Image dans le corps ([tib_image], 10/11/2026) : même cadre que l'image à la une */
.tib-b-image{ margin:40px 0; }
.tib-b-image img.tib-b-image__img{ display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:16px; }
.tib-b-image__leg{ margin-top:12px; font-size:var(--tib-fs-mention); line-height:1.5; color:var(--tib-soft); }
@media (max-width:600px){ .tib-b-schema__voies{ grid-template-columns:1fr; } }

/* Prenons un cas */
.tib-b-cas{ margin:36px 0; padding:4px 0 4px 28px; border-left:3px solid var(--tib-accL); }
.tib-b-cas .tib-art-filet{ display:none; }
.tib-b-cas .tib-art-k{ color:var(--tib-acc); }
.tib-b-cas__c{ margin-top:12px; }
.tib-b-cas__c p:last-child{ margin-bottom:0; }
@media (max-width:767px){ .tib-b-cas{ padding-left:20px; } }

/* Le point à vérifier */
.tib-b-att{ margin:32px 0; padding:22px 26px; border:1px solid var(--tib-acc); border-radius:12px; background:#fff; }
.tib-b-att .tib-art-k{ margin-bottom:10px; color:var(--tib-acc); font-weight:500; }
.tib-b-att p{ font-size:var(--tib-fs-texte); }
.tib-b-att p:last-child{ margin-bottom:0; }

/* À lire ensuite (tib_art_suite) : deux articles, puis la rubrique et
   tous les décryptages. Remplace la navigation précédent / suivant. */
.tib-art-cols{ padding-bottom:64px; }
.tib-suite{ padding:56px 0 72px; border-top:1px solid var(--tib-rule); }
.tib-suite__t{ margin:18px 0 28px; font-family:"Outfit",sans-serif; font-weight:400; font-size:var(--tib-fs-bloc); line-height:1.25; color:var(--tib-navy); }
.tib-suite__l{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:32px; list-style:none; margin:0; padding:0; }
.tib-suite__l li{ margin:0; padding:0; }
.tib-suite__l li:before{ display:none; }
.tib-suite-art{ display:flex; flex-direction:column; gap:10px; text-decoration:none; }
.tib-suite-art__media{ display:block; overflow:hidden; border-radius:12px; background:var(--tib-band); aspect-ratio:16/10; }
.tib-suite-art__media img.tib-suite-art__img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease-out; }
.tib-suite-art:hover img.tib-suite-art__img{ transform:scale(1.03); }
.tib-suite-art__k{ margin-top:6px; font-size:var(--tib-fs-mention); line-height:1.4; color:var(--tib-soft); }
.tib-suite-art__t{ font-family:"Outfit",sans-serif; font-weight:400; font-size:var(--tib-fs-carte); line-height:1.3; color:var(--tib-navy); }
.tib-suite-art:hover .tib-suite-art__t{ text-decoration:underline; text-decoration-color:var(--tib-acc); text-underline-offset:4px; }
.tib-suite__liens{ display:flex; flex-wrap:wrap; gap:12px 32px; margin-top:32px; }
.tib-suite__l + .tib-suite__liens{ margin-top:36px; }
.tib-suite__lien{ display:inline-flex; align-items:center; gap:10px; min-height:44px; font-weight:600; font-size:var(--tib-fs-texte); color:var(--tib-navy); text-decoration:none; }
.tib-suite__lien:after{ content:"\2192"; color:var(--tib-acc); transition:transform .18s ease-out; }
.tib-suite__lien:hover{ text-decoration:underline; text-underline-offset:4px; }
.tib-suite__lien:hover:after{ transform:translateX(4px); }
@media (max-width:767px){
  .tib-art-cols{ padding-bottom:48px; }
  .tib-suite{ padding:40px 0 48px; }
  .tib-suite__l{ grid-template-columns:1fr; gap:28px; }
}

/* Sources : bande pleine largeur collée au pied de page, sans arrondi
   (Sven, 02/11). La couleur déborde du cadre 1180 par une ombre découpée,
   sans créer de défilement horizontal ; le texte reste aligné sur l'article.
   Le coin arrondi du pied de page prend la couleur de la bande (même
   mécanique que la section 28 de style.css). */
body.tib-article #qodef-page-inner,
body.tib-article #qodef-page-content{ padding-bottom:0 !important; margin-bottom:0 !important; }
.tib-art-sources{
  margin:0; padding:64px 0 72px; border-radius:0; background:var(--tib-band);
  box-shadow:0 0 0 100vmax var(--tib-band); clip-path:inset(0 -100vmax);
}
body.tib-article:has(.tib-art-sources) #qodef-page-outer:after{
  content:""; position:absolute; z-index:-1; left:0; right:0; top:100%;
  height:220px; background:var(--tib-band); pointer-events:none;
}
.tib-art-sources__in{ max-width:820px; }
.tib-art-sources .tib-art-filet{ background:var(--tib-rule); }
.tib-art-sources__t{ margin:18px 0; font-family:"Outfit",sans-serif; font-weight:400; font-size:var(--tib-fs-bloc); color:var(--tib-navy); }
.tib-art-sources__l ul{ margin:0 0 16px; padding-left:18px; }
/* Le thème met les puces à l'intérieur : la 2e ligne repartait sous la puce.
   Puces à l'extérieur, pour que le texte s'aligne (Sven, 02/11). */
.tib-art-sources__l ul, .tib-art > ul, .tib-art > ol{ list-style-position:outside; }
.tib-art-sources__l li, .tib-art-sources__l p{ margin:0 0 8px; font-size:var(--tib-fs-mention); line-height:1.6; color:var(--tib-soft); }
.tib-art-sources__l a{ color:var(--tib-navy); }
.tib-art-sources__n{ margin:0; font-size:var(--tib-fs-mention); color:var(--tib-soft); }
@media (max-width:767px){ .tib-art-sources{ padding:48px 0 56px; } }

@media (prefers-reduced-motion:reduce){
  .tib-renvoi, .tib-art-btn, .tib-suite__lien:after, .tib-suite-art__media img.tib-suite-art__img{ transition:none; }
}