/* ══ BLOGUE v2 · la lecture se fait sur la tole claire ══
   Un long texte se lit mieux en fonce sur clair. L'article passe sur la
   meme tole blanche embossee que la porte des services; la navigation,
   l'appel a l'action et les articles connexes restent dans le bleu nuit. */
:root{--encre-clair:#141922;--texte-clair:#353D4A;--texte-clair-2:#5B6370;--bleu-sur-clair:#1B4FD6;
  --stuc:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='f' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' seed='7' stitchTiles='stitch' result='n'/><feDiffuseLighting in='n' lighting-color='%23fff' surfaceScale='1.3'><feDistantLight azimuth='225' elevation='58'/></feDiffuseLighting></filter><rect width='240' height='240' filter='url(%23f)'/></svg>")}
.article{position:relative;background:linear-gradient(180deg,#ECEEF1 0,#E4E7EB 100%);color:var(--encre-clair)}
.article::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;mix-blend-mode:multiply;background-image:var(--stuc);background-size:240px}
.article::after{content:"";position:absolute;left:0;right:0;top:0;height:var(--nav-h);background:var(--ink,#0B0D11)}
.article .wrap{position:relative;z-index:1}
.breadcrumb,.breadcrumb a{color:var(--texte-clair-2)}
.breadcrumb a:hover{color:var(--bleu-sur-clair)}
.breadcrumb .sep{color:#9AA1AC}
.breadcrumb .cur{color:var(--texte-clair)}
.article-meta{color:var(--texte-clair-2)}
.article-meta .cat{color:var(--bleu-sur-clair)}
.article-meta .dot{background:#9AA1AC}
.article h1{color:var(--encre-clair);text-shadow:none}
.article-lede{color:var(--texte-clair)}
.article-hero{border-color:rgba(20,28,40,.12);box-shadow:0 26px 50px -30px rgba(16,24,40,.55);background:#cfd4da}
.article-credit{color:var(--texte-clair-2)}
.prose,.prose p,.prose li{color:var(--texte-clair)}
.prose h2,.prose h3,.prose strong{color:var(--encre-clair)}
.prose h2{border-left-color:var(--bleu-sur-clair)}
.prose a{color:var(--bleu-sur-clair)}
.prose a:hover{color:#123a9e}
.prose ul li::before{background:var(--bleu-sur-clair);box-shadow:0 0 0 3px rgba(27,79,214,.14)}
.prose blockquote{background:#fff;color:var(--encre-clair);border-left-color:var(--bleu-sur-clair);box-shadow:0 0 0 1px rgba(20,28,40,.07),0 14px 30px -22px rgba(16,24,40,.45)}
.callout{background:#fff;border-color:rgba(20,28,40,.08);box-shadow:0 0 0 1px rgba(20,28,40,.04),0 18px 36px -26px rgba(16,24,40,.5)}
.callout .ic{background:rgba(27,79,214,.1);border-color:rgba(27,79,214,.26);color:var(--bleu-sur-clair)}
.callout h4{color:var(--encre-clair)}
.callout p{color:var(--texte-clair)}
/* l'appel a l'action reste une plaque sombre posee sur la tole */
.post-cta{box-shadow:0 30px 60px -30px rgba(10,14,22,.75)}
.related{border-top:1px solid #0d1015}
.post-service{margin-top:18px;text-align:center;font-size:15px;color:var(--texte-clair)}
.post-service a{color:var(--bleu-sur-clair);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* telephone : interlignes resserres, les paragraphes restent des blocs */
@media(max-width:760px){
  .prose{line-height:1.55;font-size:17px}
  .prose p,.prose li{line-height:1.55}
  .article-lede,.excerpt,.post-service{line-height:1.45}
  .callout p,.prose blockquote{line-height:1.5}
}
a[href^="tel:"]{white-space:nowrap}
.blog-hero .eyebrow+h1{margin-top:5px}