/* Guides de jointheclub.fr — 21/10/2026.
   Chargé APRÈS club.css, site.css et pages.css, uniquement sur :
     body[data-kind="guide"]       un guide  (/guides/<slug>)
     body[data-kind="hub-guides"]  la page des guides (/guides)
   Même direction artistique que les pages de contenu : jetons de club.css, fond #f9fbff,
   Instrument Sans + Poppins pour les numéros. Aucune ressource externe. Contrastes ≥ 4,5:1.

   Classes utilisables dans le corps d'un guide (le générateur les produit aussi à partir
   des raccourcis <modele>, <retenir>, <attention>, <citation>) :
     .encadre.encadre--retenir / .encadre--attention   + .encadre__titre   encadrés
     .modele (.modele__tete .modele__type .modele__moment .modele__titre
              .modele__mail .modele__objet .modele__corps)   + .champ        modèle d'email
     .citation (figure > blockquote + figcaption), blockquote simple            citations
     .table-scroll > table.compare                                             tableaux
     .steps, .note, .figures, .source (pages.css)                              toujours disponibles  */

/* ---------- En-tête du guide -------------------------------------------- */
.guide-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:64px; align-items:center;
  padding-top:30px; padding-bottom:76px; }
.guide-hero .eyebrow { margin-bottom:20px; color:#4f6480; }
.guide-hero .eyebrow a { color:inherit; }
.guide-hero .eyebrow a:hover { color:var(--ink); }
.guide-hero h1 { margin:0; max-width:15.5em; font-size:clamp(34px,4.1vw,54px); line-height:1.08; letter-spacing:-.03em;
  font-weight:600; color:var(--ink); }
.guide-hero__chapo { margin:24px 0 0; max-width:640px; font-size:19px; line-height:1.65; color:#4b5158; }
.guide-exemple { display:inline-block; margin:0 0 18px; padding:6px 13px; border:1px solid #efe1c8; border-radius:99px;
  background:#fbf7f0; font-size:12.5px; font-weight:600; color:#7a4e12; }

.guide-meta { list-style:none; display:flex; flex-wrap:wrap; align-items:center; gap:10px 0; margin:30px 0 0; padding:0;
  font-size:14px; color:#5f6b7d; }
.guide-meta li { display:flex; align-items:center; }
.guide-meta li + li::before { content:""; flex:none; width:4px; height:4px; margin:0 14px; border-radius:50%; background:#9fb0c3; }
.guide-meta__auteur { gap:10px; }
.guide-meta strong { font-weight:500; color:var(--ink); }
.guide-meta__marque { display:inline-grid; place-items:center; flex:none; width:34px; height:34px; border:1px solid #dbe3ef;
  border-radius:50%; background:#fff; }
.guide-meta__marque img { display:block; width:22px; height:auto; }

/* « L'essentiel en 30 secondes » */
.guide-essentiel { padding:30px 30px 26px; border:1px solid #dbe3ef; border-radius:22px;
  background:linear-gradient(150deg,#fff 30%,#f1f6fe); box-shadow:0 34px 60px -44px rgba(19,20,23,.32); }
.guide-essentiel__titre { margin:0 0 20px; font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:#4f6480; }
.guide-essentiel ul { list-style:none; display:grid; gap:14px; margin:0; padding:0; }
.guide-essentiel li { position:relative; padding-left:34px; font-size:15.5px; line-height:1.6; color:#3d4756; }
.guide-essentiel li::before { content:""; position:absolute; left:0; top:2px; width:21px; height:21px; border-radius:50%;
  background:#e6edf6; }
.guide-essentiel li::after { content:""; position:absolute; left:8px; top:7px; width:5px; height:9px;
  border:solid #3e5675; border-width:0 1.8px 1.8px 0; transform:rotate(45deg); }
.guide-essentiel strong { font-weight:600; color:var(--ink); }

/* ---------- Corps : article + colonne collante -------------------------- */
.guide-body { background:#fff; border-top:1px solid var(--hair); }
.guide-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(250px,310px); justify-content:space-between;
  gap:64px; padding-top:72px; padding-bottom:88px; }
.guide-main { min-width:0; }
.guide-rail { position:relative; }
.guide-rail__colle { position:sticky; top:124px; display:grid; gap:16px; }

/* Sommaire (deux rendus du même contenu : colonne sur ordinateur, menu repliable sur mobile) */
.guide-toc ol { list-style:none; margin:0; padding:0; counter-reset:toc; }
.guide-toc li { counter-increment:toc; }
.guide-toc a { display:grid; grid-template-columns:24px minmax(0,1fr); gap:6px; font-size:14.5px; line-height:1.45;
  color:#4b5158; }
.guide-toc a::before { content:counter(toc, decimal-leading-zero); padding-top:1px; font-family:var(--display);
  font-size:11.5px; font-weight:600; letter-spacing:.02em; color:#5b708c; }
.guide-toc a:hover { color:var(--ink); }

.guide-toc--rail { padding:24px 22px 18px; border:1px solid var(--card-border); border-radius:18px; background:#f9fbff; }
.guide-toc__titre { margin:0 0 14px; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#4f6480; }
.guide-toc--rail ol { border-left:1px solid #e1e7ef; }
.guide-toc--rail a { margin-left:-1px; padding:7px 0 7px 14px; border-left:2px solid transparent; transition:color .15s ease, border-color .15s ease; }
.guide-toc--rail a.is-active { border-left-color:var(--accent); font-weight:500; color:var(--ink); }

.guide-rail__cta { padding:24px 22px; border:1px solid var(--card-border); border-radius:18px; background:#fff; }
.guide-rail__cta h2 { margin:0 0 8px; font-size:17px; font-weight:600; letter-spacing:-.01em; color:var(--ink); }
.guide-rail__cta p { margin:0 0 18px; font-size:14.5px; line-height:1.6; color:#4b5158; }
.guide-rail__cta ul { list-style:none; margin:18px 0 0; padding:16px 0 0; border-top:1px solid var(--hair); }
.guide-rail__cta li { margin:0 0 8px; font-size:14px; line-height:1.45; }
.guide-rail__cta li a { color:#3e5675; }
.guide-rail__cta li a:hover { color:var(--ink); }

.guide-toc--mobile { display:none; margin:0 0 40px; }
.guide-toc--mobile details { border:1px solid var(--card-border); border-radius:16px; background:#f9fbff; }
.guide-toc--mobile summary { display:flex; align-items:center; gap:10px; padding:16px 20px; list-style:none; cursor:pointer;
  font-size:15px; font-weight:600; color:var(--ink); }
.guide-toc--mobile summary::-webkit-details-marker { display:none; }
.guide-toc--mobile summary span { font-weight:400; color:#5f6b7d; }
.guide-toc--mobile summary::after { content:""; width:8px; height:8px; margin:-4px 2px 0 auto; border:solid #4f6480;
  border-width:0 1.8px 1.8px 0; transform:rotate(45deg); transition:transform .2s ease; }
.guide-toc--mobile details[open] summary::after { margin-top:4px; transform:rotate(-135deg); }
.guide-toc--mobile ol { display:grid; gap:2px; padding:0 20px 16px; }
.guide-toc--mobile a { padding:8px 0; border-top:1px solid var(--hair); }

/* ---------- Typographie de l'article (complète .article de pages.css) --- */
.guide-article { counter-reset:partie; }
.guide-article > h2 { counter-increment:partie; scroll-margin-top:124px; }
.guide-article > h2::before { content:counter(partie, decimal-leading-zero); content:counter(partie, decimal-leading-zero) / "";
  display:block; margin-bottom:12px; font-family:var(--display); font-size:13px; font-weight:600; letter-spacing:.06em; color:#5b708c; }
.guide-article h3 { scroll-margin-top:124px; }
.article .champ { padding:1px 4px; border-radius:5px; background:#eaf0f7; font-size:.95em; font-weight:500; color:#34506f;
  -webkit-box-decoration-break:clone; box-decoration-break:clone; }

/* Encadrés « À retenir » / « Attention » */
.article .encadre { margin:30px 0 34px; padding:22px 24px 6px; border:1px solid #dbe3ef; border-radius:16px; background:#f4f7fb;
  box-shadow:inset 3px 0 0 var(--accent); }
.article .encadre .encadre__titre { display:flex; align-items:center; gap:10px; margin:0 0 10px; font-size:12.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; line-height:1.4; color:#3e5675; }
.article .encadre__titre::before { content:""; width:7px; height:7px; background:currentColor; transform:rotate(45deg); }
.article .encadre p, .article .encadre li { font-size:16px; line-height:1.7; color:#3d4756; }
.article .encadre ul, .article .encadre ol { margin-bottom:18px; }
.article .encadre--attention { border-color:#efe1c8; background:#fbf7f0; box-shadow:inset 3px 0 0 #b98336; }
.article .encadre--attention .encadre__titre { color:#7a4e12; }
.article .encadre--attention li::marker { color:#b98336; }

/* Modèle d'email : un « plateau » qui porte une feuille de mail */
.article .modele { margin:30px 0 36px; border:1px solid #dbe3ef; border-radius:18px; background:#f4f7fb; }
.article .modele__tete { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; padding:16px 20px 14px; }
.article .modele__type { display:inline-flex; align-items:center; min-height:31px; font-size:11.5px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; color:#4f6480; }
.article .modele__moment { order:1; font-size:13px; color:#5f6b7d; }
.article .modele__moment::before { content:"·"; margin-right:14px; color:#9fb0c3; }
.article .modele__titre { order:3; flex-basis:100%; font-size:17px; font-weight:600; letter-spacing:-.01em; line-height:1.4; color:var(--ink); }
.article .modele__copier { order:2; margin-left:auto; padding:7px 15px; border:1px solid #ccd7e7; border-radius:99px; background:#fff;
  font:500 12.5px/1.2 var(--sans); color:#3e5675; cursor:pointer; transition:background-color .15s ease, color .15s ease; }
.article .modele__copier:hover { border-color:#172335; background:#172335; color:#fff; }
.article .modele__mail { margin:0 8px 8px; border:1px solid #e3e9f1; border-radius:12px; background:#fff;
  box-shadow:0 14px 30px -26px rgba(19,20,23,.35); }
.article .modele__objet { display:flex; gap:14px; margin:0; padding:15px 22px; border-bottom:1px solid var(--hair);
  font-size:15.5px; line-height:1.55; font-weight:500; color:var(--ink); }
.article .modele__label { flex:none; padding-top:2px; font-size:11.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#5f6b7d; }
.article .modele__corps { padding:20px 22px 6px; }
.article .modele__corps p { margin:0 0 14px; font-size:16px; line-height:1.7; color:#3d4756; }

/* Citations */
.article .citation, .article blockquote { margin:40px 0; }
.article .citation blockquote { margin:0; }
.article .citation, .article > blockquote { padding:4px 0 4px 28px; border-left:2px solid var(--accent-3); }
.article blockquote p { margin:0; font-size:22px; line-height:1.5; letter-spacing:-.015em; font-weight:500; color:var(--ink); }
.article .citation figcaption { margin-top:14px; font-size:14px; color:#5f6b7d; }

/* Tableaux : .compare de pages.css, avec un léger cadre */
.guide-article .table-scroll { margin:6px 0 30px; border:1px solid var(--card-border); border-radius:14px; }
.guide-article .table-scroll .compare { margin:0; }
.guide-article .compare tr:last-child td { border-bottom:0; }
.guide-article .compare caption { padding:12px 14px; text-align:left; font-size:13.5px; color:#5f6b7d; caption-side:bottom; }

/* Fin d'article : sources et signature */
.guide-sources { margin-top:52px; padding-top:26px; border-top:1px solid var(--hair); }
.guide-sources h2 { margin:0 0 12px; font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#4f6480; }
.guide-sources ol { margin:0; padding-left:20px; }
.guide-sources li { margin-bottom:6px; font-size:14.5px; line-height:1.6; color:#4b5158; }
.guide-sources a { color:#3e5675; border-bottom:1px solid #c6d0dc; }
.guide-signature { display:flex; align-items:flex-start; gap:16px; margin-top:52px; padding:22px 24px; border:1px solid var(--card-border);
  border-radius:18px; background:#f9fbff; }
.guide-signature p { margin:0; font-size:14.5px; line-height:1.65; color:#4b5158; }
.guide-signature .guide-signature__nom { margin-bottom:4px; font-size:15px; font-weight:600; color:var(--ink); }

/* ---------- Cartes de guides (page /guides et « Guides liés ») ---------- */
.guides-grille { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.guide-card { position:relative; display:flex; flex-direction:column; gap:12px; padding:26px 26px 20px; border:1px solid var(--card-border);
  border-radius:18px; background:linear-gradient(160deg,#fff 45%,#f6f9fe);
  transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.guide-card:hover { border-color:var(--accent-2); transform:translateY(-2px); box-shadow:0 24px 44px -34px rgba(19,20,23,.35); }
.guide-card:has(a:focus-visible) { outline:2px solid var(--accent); outline-offset:3px; }
.guide-card__cat { margin:0; font-size:11.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#4f6480; }
.guide-card__titre { margin:0; font-size:19px; line-height:1.35; font-weight:600; letter-spacing:-.01em; }
.guide-card__titre a { color:var(--ink); }
.guide-card__titre a::after { content:""; position:absolute; inset:0; border-radius:18px; }
.guide-card__titre a:focus-visible { outline:none; }
.guide-card__resume { margin:0; font-size:15px; line-height:1.6; color:#4b5158; }
.guide-card__pied { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:auto 0 0; padding-top:16px;
  border-top:1px solid var(--hair); font-size:13px; line-height:1.5; color:#5f6b7d; }
.guide-card__fleche { flex:none; font-size:16px; color:var(--accent); transition:transform .15s ease; }
.guide-card:hover .guide-card__fleche { transform:translateX(3px); }

.guides-lies { border-top:1px solid var(--hair); background:#fff; }
.guides-lies > .wrap { padding-top:64px; padding-bottom:80px; }
.guides-lies h2 { margin:0 0 26px; font-size:24px; font-weight:600; letter-spacing:-.02em; color:var(--ink); }

/* ---------- Page /guides ------------------------------------------------- */
.guides-hero { padding-bottom:64px; }
.guides-sauts { margin-top:34px; }
.guides-sauts a span { margin-left:4px; font-family:var(--display); font-size:11.5px; font-weight:600; color:#5b708c; }
.guides-sauts a:hover span { color:#c6d0dc; }
.guides-hub { background:#fff; border-top:1px solid var(--hair); }
.guides-hub > .wrap { padding-top:16px; padding-bottom:48px; }
.guides-intro { max-width:760px; padding:56px 0 8px; }
.guides-theme { display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:56px; padding:56px 0; scroll-margin-top:110px; }
.guides-theme + .guides-theme { border-top:1px solid var(--hair); }
.guides-theme__tete { position:sticky; top:130px; align-self:start; }
.guides-theme__compte { margin:0 0 12px; font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#4f6480; }
.guides-theme__tete h2 { margin:0; font-size:clamp(26px,2.4vw,32px); line-height:1.15; letter-spacing:-.025em; font-weight:600; color:var(--ink); }
.guides-theme__tete p:last-child { margin:14px 0 0; font-size:15.5px; line-height:1.65; color:#4b5158; }
.guides-theme .guides-grille { grid-template-columns:repeat(2,minmax(0,1fr)); }

/* Message de copie (lu par les lecteurs d'écran, invisible à l'œil) */
.guides-annonce { position:absolute; top:0; left:0; margin:0; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }

/* ---------- Écrans plus petits ------------------------------------------ */
/* Colonne collante : on allège sur les écrans peu hauts pour qu'elle tienne toujours à l'écran. */
@media (max-height:900px) { .guide-rail__cta ul { display:none; } }
@media (max-height:760px) { .guide-rail__cta { display:none; } }
@media (max-width:1100px) {
  .guide-layout { grid-template-columns:minmax(0,1fr) minmax(230px,270px); gap:48px; }
  .guides-grille { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1000px) {
  .guide-hero { grid-template-columns:1fr; gap:40px; padding-bottom:56px; }
  .guide-essentiel { max-width:680px; }
  .guide-layout { display:block; padding-top:48px; padding-bottom:64px; }
  .guide-rail { display:none; }
  .guide-toc--mobile { display:block; }
  .guides-theme { grid-template-columns:1fr; gap:28px; padding:48px 0; }
  .guides-theme__tete { position:static; }
  .guides-theme__tete p:last-child { max-width:620px; }
}
@media (max-width:700px) {
  .guide-hero { padding-top:26px; padding-bottom:44px; gap:32px; }
  .guide-hero h1 { font-size:clamp(31px,8.4vw,40px); }
  .guide-hero__chapo { margin-top:20px; font-size:16.5px; }
  .guide-meta { margin-top:24px; font-size:13px; }
  .guide-meta li:first-child { flex-basis:100%; margin-bottom:4px; }
  .guide-meta li:nth-child(2)::before { display:none; }
  .guide-essentiel { padding:24px 22px 20px; border-radius:18px; }
  .guide-essentiel li { font-size:15px; }
  .guide-toc--mobile { margin-bottom:32px; }
  .guide-article > h2::before { margin-bottom:10px; }
  .article .encadre { padding:18px 18px 4px; }
  .article .modele__tete { padding:14px 16px 12px; gap:2px 12px; }
  .article .modele__moment { order:2; flex-basis:100%; }
  .article .modele__moment::before { display:none; }
  .article .modele__copier { order:1; }
  .guide-article .table-scroll:has(.compare--empile) { border:0; border-radius:0; }
  .guide-article .compare--empile thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .guide-article .compare--empile, .guide-article .compare--empile tbody, .guide-article .compare--empile tr,
  .guide-article .compare--empile td { display:block; width:100%; }
  .guide-article .compare--empile tr { margin-bottom:12px; padding:14px 16px 8px; border:1px solid var(--card-border); border-radius:14px; background:#f9fbff; }
  .guide-article .compare--empile td { display:grid; grid-template-columns:minmax(0,38%) minmax(0,1fr); gap:12px; padding:6px 0; border:0; font-size:15px; }
  .guide-article .compare--empile td::before { content:attr(data-label); padding-top:2px; font-size:11.5px; font-weight:600; letter-spacing:.08em;
    text-transform:uppercase; line-height:1.5; color:#5f6b7d; }
  .guide-article .compare--empile td:first-child { display:block; margin-bottom:6px; padding:0 0 10px; border-bottom:1px solid var(--hair); font-size:16px; }
  .guide-article .compare--empile td:first-child::before { display:none; }
  .article .modele__mail { margin:0 6px 6px; }
  .article .modele__objet { flex-direction:column; gap:2px; padding:13px 16px; font-size:15px; }
  .article .modele__corps { padding:16px 16px 4px; }
  .article .modele__corps p { font-size:15.5px; }
  .article blockquote p { font-size:19px; }
  .article .citation, .article > blockquote { padding-left:20px; }
  .guide-signature { padding:18px; }
  .guides-grille, .guides-theme .guides-grille { grid-template-columns:1fr; }
  .guide-card { padding:22px 20px 18px; }
  .guide-card__titre { font-size:18px; }
  .guides-lies > .wrap { padding-top:48px; padding-bottom:56px; }
  .guides-hub > .wrap { padding-bottom:24px; }
  .guides-theme { padding:40px 0; }
}

/* ---------- Impression : le texte du guide, sans la navigation ----------- */
@media print {
  .header .nav, .crumbs, .guide-rail, .guide-toc, .page-cta, .guides-lies, .related, .modele__copier, .guide-exemple, .guides-sauts,
  .page-hero__visual { display:none !important; }
  body[data-kind] { background:#fff; }
  .wrap { max-width:none; padding-left:0; padding-right:0; }
  .guide-hero { display:block; padding:0 0 18px; }
  .guide-hero h1 { font-size:30px; }
  .guide-hero__chapo { font-size:15px; }
  .guide-essentiel { margin-top:22px; background:#fff; box-shadow:none; break-inside:avoid; }
  .guide-body, .page-faq, .guides-hub { border:0; background:#fff; }
  .guide-layout, .page-faq > .wrap { padding-top:18px; padding-bottom:18px; }
  .article p, .article li { font-size:12pt; line-height:1.55; }
  .article h2 { break-after:avoid; break-inside:avoid; margin-top:28px; }
  .article .modele, .article .encadre, .article .citation, .table-scroll, .guide-card, .guide-signature { break-inside:avoid; box-shadow:none; }
  .article .modele__mail { box-shadow:none; }
  .article a[href^="http"]::after, .guide-sources a::after { content:" (" attr(href) ")"; font-size:10pt; color:#5f6b7d; }
  .article a[href^="/"]::after { content:" (jointheclub.fr" attr(href) ")"; font-size:10pt; color:#5f6b7d; }
  body[data-kind] .footer { display:none; }
  .support-faq details::details-content { content-visibility:visible; display:block; }
  .guides-theme { display:block; padding:20px 0; }
  .guides-theme__tete { position:static; margin-bottom:14px; }
  .guide-card { transform:none; background:#fff; }
}

/* ---------------------------------------------------------------------------------------------
   Études (22/10/2026) : barres horizontales en HTML/CSS (aucun script), chiffres alignés.
   <figure class="barres"><figcaption>…</figcaption>
     <div class="barre"><span class="barre__lib">…</span><span class="barre__piste"><span class="barre__val" style="--v:42%"></span></span><span class="barre__nb">…</span></div>
   </figure>
   --------------------------------------------------------------------------------------------- */
.guide-article .barres { margin:8px 0 30px; padding:20px 22px 16px; border:1px solid var(--card-border); border-radius:14px; background:#fff; }
.guide-article .barres figcaption { margin:0 0 12px; font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#5f6b7d; }
.guide-article .barre { display:grid; grid-template-columns:minmax(0,16em) minmax(0,1fr) 7em; align-items:center; gap:14px; padding:6px 0; font-size:14.5px; line-height:1.35; }
.guide-article .barre__lib { color:var(--ink); }
.guide-article .barre__piste { height:10px; border-radius:6px; background:#eef1f6; overflow:hidden; }
.guide-article .barre__val { display:block; height:100%; width:var(--v); min-width:2px; border-radius:6px; background:linear-gradient(90deg,#5b708c,#9fb0c3); }
.guide-article .barre--fort .barre__val { background:linear-gradient(90deg,#131417,#5b708c); }
.guide-article .barre__nb { text-align:right; font-variant-numeric:tabular-nums; color:#4b5158; white-space:nowrap; }
.guide-article .barres__note { margin:10px 0 0; font-size:13px; line-height:1.5; color:#5f6b7d; }
.guide-article .compare td.num, .guide-article .compare th.num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.guide-article .telecharger { display:inline-flex; align-items:center; gap:8px; margin:4px 0 26px; padding:10px 16px; border:1px solid var(--card-border); border-radius:999px; font-size:14.5px; color:var(--ink); background:#f9fbff; }
.guide-article .telecharger:hover { border-color:var(--accent); }
@media (max-width:700px) {
  .guide-article .barres { padding:16px 14px 12px; }
  .guide-article .barre { grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; padding:7px 0; font-size:14px; }
  .guide-article .barre__piste { grid-column:1 / -1; grid-row:2; }
  .guide-article .compare--empile td.num { text-align:left; }
}
@media print { .guide-article .barre__val { -webkit-print-color-adjust:exact; print-color-adjust:exact; } }
.guide-hero h1 .insecable { white-space:nowrap; }