/* =============================================================================
   laboping — Override DA « sport éditorial » pour les pages éditoriales à CSS
   bespoke (blog, sélections, marques, setups, pages standalone). Injecté en
   <link> APRÈS le <style> inline de la page → gagne la cascade (+ !important).
   Re-skinne les éléments communs sans toucher au markup. Réversible.
   ============================================================================= */
@import url("https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@500;600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Space+Mono:wght@400;700&display=swap");

/* Repli métrique Saira (même largeur que la vraie police) → le swap de police
   ne change pas la hauteur des titres = zéro CLS. Copie de labo-edito.css. */
@font-face{
  font-family:'Saira Cond Fallback';
  src:local('Arial'),local('Helvetica Neue'),local('Liberation Sans'),local('Roboto');
  size-adjust:61.4%;
}

:root{
  --le-paper:#F2EDE2;--le-surface:#E9E2D2;--le-ink:#10182E;
  --le-line:#CFC6B2;--le-rose:#D8466F;--le-rose-dark:#B5365B;--le-body:#2b3146;
  --le-cond:'Saira Condensed','Saira Cond Fallback','Arial Narrow',sans-serif;
  --le-mono:'Space Mono',ui-monospace,monospace;
}

html{background:var(--le-paper)!important;}
body{background:var(--le-paper)!important;background-image:none!important;color:var(--le-body)!important;
  font-family:'DM Sans',system-ui,-apple-system,sans-serif!important;}

/* Titres → condensé encre majuscule */
h1,h2,h3,h4,h5{font-family:var(--le-cond)!important;text-transform:uppercase!important;
  letter-spacing:-.01em!important;color:var(--le-ink)!important;font-weight:800!important;}
h1{line-height:.94!important;}

/* Liens rose */
a{color:var(--le-rose-dark)!important;}
a:hover{color:var(--le-rose)!important;}
strong,b{color:var(--le-ink);}
/* a11y : liens en ligne soulignés (distinguables sans la couleur) — couvre p, li,
   et les paragraphes en <div> / encadrés des anciens articles (link-in-text-block) */
main a,p a,li a{text-decoration:underline!important;text-underline-offset:2px;}
/* …sauf les liens « composants » (cartes, boutons, partage) */
.rel-card,.cta a,.cta-btn,.share-block a,.btn-fiche,.btn-labo,
.product-card a,.rev-card a,.blade-card a,.config-card a,.setup-card a,.score-card a{
  text-decoration:none!important;}

/* Angles francs partout (trait identitaire DA) */
*{border-radius:0!important;box-shadow:none!important;}

/* Filets & surfaces neutres → DA */
table th{background:var(--le-surface)!important;color:var(--le-ink)!important;}
table,th,td,hr{border-color:var(--le-line)!important;}

/* Bandeau « revue » injecté (lp-editorial) → filet encre 2px */
body::before{color:var(--le-ink)!important;border-bottom:2px solid var(--le-ink)!important;}

/* Éléments mono (eyebrow, meta, breadcrumb) restent lisibles */
.eyebrow,.meta,.breadcrumb{font-family:var(--le-mono)!important;letter-spacing:.06em!important;}
/* a11y : gris muté trop clair (#94a3b8 ≈ 2:1 sur crème) → gris AA */
.breadcrumb,.meta,.meta span,footer{color:#5d6374!important;}
/* a11y : note « temps de lecture » en gris inline → gris AA */
p[style*="#94a3b8"]{color:#5d6374!important;}
/* a11y : vert « win » des tableaux (#059669 ≈ 3.7:1) → vert AA */
.win{color:#096a44!important;}
/* a11y : tag rose des cartes « articles similaires » (#D6708B ≈ 3.4:1) → rose foncé AA */
.rel-tag{color:#B5365B!important;}
/* CTA éditorial : l'override a{rose} le rendait rose-sur-rose → blanc sur rose foncé (AA) */
.cta a{background:var(--le-rose-dark)!important;color:#fff!important;}
/* Boutons de partage : pastilles de marque non-AA → ramenées à la DA (encre/blanc) */
.share-block a{background:var(--le-ink)!important;color:#fff!important;border-color:var(--le-ink)!important;}
/* Bandeau de consentement (composant global, fond sombre) : les couleurs éditoriales
   claires le rendaient illisible (encre/rose sur fond sombre) → texte blanc */
.lp-c-txt strong,.lp-c-txt a{color:#fff!important;}
/* Encarts CTA sombres (.cta-box) : garder le texte clair (l'override h→encre le cassait) */
.cta-box h2,.cta-box h3,.cta-box p{color:#fff!important;}
.cta-btn{background:var(--le-rose-dark)!important;color:#fff!important;}
/* a11y : sous-titres muets (#64748b ≈ 4.1:1) → gris AA */
.sub{color:#5d6374!important;}

/* a11y : cartes éditoriales à FOND SOMBRE (#0f172a/#1e3a5f) des anciens articles.
   L'override h→encre et les labels slate y devenaient illisibles → texte clair. */
.product-name h3,.rev-name h3,.blade-name h3,.score-card h3,.rev-header h3,
.setup-header h3{color:#fff!important;}
.product-card .label,.rev-card .label,.blade-card .label,.config-card .label,
.setup-card .label,.setup-header .tag{color:#cbd5e1!important;}

/* a11y : petits libellés colorés sur FOND CLAIR sous le seuil AA → versions AA */
.winner-cell,.tag-green{color:#0a5f37!important;}      /* vert (crème / vert clair) */
.thick-tag{color:#1e40af!important;}                    /* bleu sur bleu clair */
.tag-green.thick-tag{color:#0a5f37!important;}          /* variante verte (spécificité) */
.config-line .price,.config-card .price,.stat .lbl,.bar-label{color:#5d6374!important;} /* slate sur crème */
.price-badge,.score-lbl{color:#cbd5e1!important;}      /* slate sur fond sombre */
.score-card p[style],.score-card p,.score-card .bar-label{color:#cbd5e1!important;} /* texte sur carte sombre */
p[style*="#64748b"]{color:#5d6374!important;}          /* slate-500 inline → AA */
/* liens fil d'Ariane / pied de page intégrés à une phrase : soulignés
   (footer et pages standalone sont hors <main>) */
footer a,.footer a,.breadcrumb a{text-decoration:underline!important;text-underline-offset:2px;}
/* a11y : sous-titres / taglines / dates muets des pages standalone (#64748b/#94a3b8) → AA */
.subtitle,.tagline,.update{color:#5d6374!important;}
/* a11y : eyebrows rose clair (#D6708B ≈ 3.4:1) → rose foncé AA */
.section-label{color:#B5365B!important;}
/* a11y : liens forcés en rose par l'override sur boutons/headers SOMBRES → texte clair */
.btn-secondary,.header a{color:#fff!important;}