*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f6f8fc;color:#17264a;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
img{max-width:100%;height:auto}
a{color:#3155d9}
.top{width:100%;padding:8px 14px;text-align:center;font-size:14px;font-weight:700;line-height:1.35}
.nav{width:100%;background:#fff;border-bottom:1px solid #e1e7f0}
.navin{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:26px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#17264a;font-weight:900;white-space:nowrap}
.logo i{width:40px;height:40px;border-radius:12px;background:#315edc;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}
.links{display:flex;align-items:center;justify-content:flex-end;gap:0;flex:1;white-space:nowrap}
.links a{display:inline-block;margin-left:15px;color:#536079;text-decoration:none;font-size:15px;line-height:1.4;white-space:nowrap}
.links a:hover{color:#2457c5}.links a:nth-last-child(2),.links a:last-child{font-weight:800;color:#17264a}
.nav-separator{display:inline-block;width:1px;height:24px;background:#d9e0ea;margin:0 14px;vertical-align:middle}
.hero{background:#fff;padding:50px 24px 42px;border-bottom:1px solid #e5eaf2}
.wrap{max-width:1120px;margin:0 auto}
.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;color:#3155d9}
.hero h1{font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.035em;margin:9px 0 16px;color:#17264a}
.hero p{font-size:18px;line-height:1.65;color:#5c6a81;max-width:900px}
.section{padding:56px 24px;background:#f6f8fc}
.section.white{background:#fff}
.section h2{font-size:clamp(28px,4vw,40px);line-height:1.12;letter-spacing:-.025em;margin:6px 0 14px;color:#17264a}
.section p{font-size:16px;line-height:1.75;color:#536079}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.toc a{padding:8px 12px;border-radius:999px;background:#eef3ff;color:#3155d9;text-decoration:none;font-size:13px;font-weight:800}
.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:#fff;border:1px solid #dfe6f0;border-radius:18px;padding:22px;box-shadow:0 7px 20px rgba(30,48,85,.05)}
.card h3{font-size:18px;margin:0 0 9px;color:#17264a}
.card p{font-size:14px;line-height:1.65}
.shot{background:#fff;border:1px solid #dfe6f0;border-radius:20px;padding:14px;box-shadow:0 10px 28px rgba(30,48,85,.07)}
.shot img{display:block;width:100%;border-radius:12px}
.caption{font-size:12px;color:#7b8799;margin-top:9px;line-height:1.5}
.old{max-width:1000px;margin-left:auto;margin-right:auto}
.compare{position:relative;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #dfe6f0;min-height:220px}
.compare img{display:block;width:100%}
.compare .after{position:absolute;left:0;top:0;width:50%;height:100%;object-fit:cover;object-position:left top}
.compare .line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#3155d9;transform:translateX(-50%)}
.compare .handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#3155d9;color:#fff;display:grid;place-items:center;font-weight:900}
.compare input{position:absolute;left:0;right:0;bottom:10px;width:100%;z-index:5}
.download-section{padding:65px 24px;background:#f6f8fc}
.download-card{max-width:1050px;margin:auto;border-radius:28px;padding:38px 44px;background:linear-gradient(135deg,#2457c5,#3155d9);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 22px 55px rgba(23,39,68,.15)}
.download-card .eyebrow{color:#dce6ff}.download-card h2{font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.04em;margin:7px 0 10px}.download-card p{margin:0;max-width:650px;color:#e7edff;font-size:16px}
.download-btn{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:#fff;color:#2457c5!important;text-decoration:none;font-weight:900;border-radius:13px;padding:15px 20px;box-shadow:0 8px 20px rgba(12,37,86,.25)}
.quick-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 22px}
.quick-benefits>div{background:#fff;border:1px solid #e1e7f0;border-radius:15px;padding:15px 16px;box-shadow:0 8px 22px rgba(23,39,68,.03)}
.quick-benefits b{display:block}
footer{background:#17264a;color:#dfe7f7;padding:35px 24px}
@media(max-width:1050px){.navin{gap:14px}.links a{margin-left:10px;font-size:14px}.nav-separator{margin:0 8px}}
@media(max-width:850px){.navin{align-items:flex-start;overflow-x:auto}.links{justify-content:flex-start;min-width:max-content}.cards{grid-template-columns:1fr 1fr}.quick-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.navin{padding:11px 16px}.links a{font-size:14px}.hero,.section{padding-left:18px;padding-right:18px}.cards,.quick-benefits{grid-template-columns:1fr}.download-card{flex-direction:column;align-items:flex-start;padding:30px}.download-btn{width:100%;justify-content:center}}

/* Comparaison AVANT / APRÈS : deux captures à taille maîtrisée */
.before-after-grid{max-width:1100px;margin:26px auto 10px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.before-after-card{background:#fff;border:1px solid #dfe6f0;border-radius:18px;padding:12px;box-shadow:0 8px 22px rgba(30,48,85,.06)}
.before-after-card img{display:block;width:100%;height:360px;object-fit:contain;border-radius:10px;background:#fff}
.before-after-label{font-size:14px;font-weight:900;padding:5px 4px 10px}
.before-after-label.before{color:#c33}.before-after-label.after{color:#16834b}
.scribe-shot{max-width:390px!important;margin:0 auto}
.scribe-shot img{display:block;width:auto!important;max-width:100%;height:520px!important;object-fit:contain;margin:0 auto;border-radius:12px}
@media(max-width:850px){
.before-after-grid{grid-template-columns:1fr}
.before-after-card img{height:auto;max-height:420px}
.scribe-shot{max-width:330px!important}
.scribe-shot img{height:440px!important}
}

.ia-screenshot{max-width:900px;margin:30px auto 26px;background:#fff;border:1px solid #dfe6f0;border-radius:18px;padding:12px;box-shadow:0 8px 22px rgba(30,48,85,.06)}
.ia-screenshot img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:10px}
@media(max-width:850px){.ia-screenshot{padding:8px}.ia-screenshot img{max-height:420px}}

/* Comparateur interactif AVANT / APRÈS : images superposées à taille fixe */
.before-after-wrap{max-width:1100px;margin:28px auto 0}
.before-after-labels{display:flex;justify-content:space-between;margin:0 4px 10px;font-size:14px;font-weight:900}
.before-after-labels span:first-child{color:#c33}.before-after-labels span:last-child{color:#16834b}
.before-after-slider{position:relative;width:100%;overflow:hidden;border:1px solid #dfe6f0;border-radius:18px;background:#fff;line-height:0;aspect-ratio:1300/928}
.before-after-slider .ba-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.ba-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:2;clip-path:inset(0 50% 0 0)}
.ba-overlay img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;background:#fff}
.ba-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#3155d9;transform:translateX(-50%);z-index:3;pointer-events:none}
.ba-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#3155d9;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;z-index:4;box-shadow:0 4px 12px rgba(20,40,90,.25);pointer-events:none}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0}
@media(max-width:850px){
.scribe-layout{grid-template-columns:1fr!important}
.scribe-layout .scribe-shot,.scribe-layout .copy{grid-column:1;grid-row:auto}
.scribe-layout .scribe-shot{max-width:340px!important;margin:auto!important}
.scribe-layout .scribe-shot img{height:450px!important}
}

/* Réglages définitifs Documentation */
.scribe-layout{display:grid!important;grid-template-columns:minmax(260px,390px) minmax(0,1fr)!important;gap:32px!important;align-items:start!important}
.scribe-layout .scribe-shot{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:390px!important;margin:0!important}
.scribe-layout .copy{grid-column:2!important;grid-row:1!important;min-width:0!important}
.scribe-layout .scribe-shot img{display:block!important;width:auto!important;height:460px!important;max-width:100%!important;object-fit:contain!important;margin:0 auto!important}
.before-after-slider{position:relative;overflow:hidden}
.before-after-slider .ba-base{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important}
.before-after-slider .ba-overlay{position:absolute!important;left:0!important;top:0!important;height:100%!important;width:50%;overflow:hidden!important;z-index:2}
.before-after-slider .ba-overlay img{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important}
@media(max-width:850px){
  .scribe-layout{display:grid!important;grid-template-columns:minmax(220px,330px) minmax(0,1fr)!important;gap:24px!important}
  .scribe-layout .scribe-shot{grid-column:1!important;grid-row:1!important;max-width:330px!important;margin:0!important}
  .scribe-layout .copy{grid-column:2!important;grid-row:1!important}
  .scribe-layout .scribe-shot img{height:420px!important}
}
@media(max-width:650px){
  .scribe-layout{display:grid!important;grid-template-columns:1fr!important}
  .scribe-layout .scribe-shot,.scribe-layout .copy{grid-column:1!important;grid-row:auto!important}
  .scribe-layout .scribe-shot{max-width:330px!important;margin:auto!important}
}

/* Corrected fixed-size AVANT / APRÈS overlay */
.before-after-wrap{max-width:1100px;margin:28px auto 0}
.before-after-labels{display:flex;justify-content:space-between;margin:0 4px 10px;font-size:14px;font-weight:900}
.before-after-labels span:first-child{color:#c33}.before-after-labels span:last-child{color:#16834b}
.before-after-slider{position:relative;width:100%;aspect-ratio:1301/927;overflow:hidden;border:1px solid #dfe6f0;border-radius:18px;background:#fff;line-height:0}
.before-after-slider .ba-after,.before-after-slider .ba-before{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;margin:0}
.before-after-slider .ba-before{z-index:2;clip-path:inset(0 50% 0 0)}
.before-after-slider .ba-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#3155d9;transform:translateX(-50%);z-index:4;pointer-events:none}
.before-after-slider .ba-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#3155d9;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;z-index:5;box-shadow:0 4px 12px rgba(20,40,90,.25);pointer-events:none}
.before-after-slider .ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:6;margin:0}
@media(max-width:850px){.before-after-slider{aspect-ratio:1301/927}}

.before-after-labels{position:relative;align-items:center}
.before-after-labels small{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;font-weight:600;color:#7b8799;white-space:nowrap}
@media(max-width:600px){.before-after-labels small{font-size:10px}}

.seo-intro{max-width:900px;margin:12px auto 26px;font-size:18px;line-height:1.65;color:#536079}

.seo-context{max-width:820px;color:#63718a;font-size:16px;margin:8px 0 0}

.home-detail{background:#f6f8fc}
.detail-grid{display:grid;gap:22px}
.detail-card{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:#fff;border:1px solid #dfe6f0;border-radius:22px;padding:22px;box-shadow:0 8px 28px rgba(20,33,61,.05)}
.detail-card.reverse .detail-image{order:2}
.detail-image{overflow:hidden;border-radius:15px;background:#eef2f8}
.detail-image img{display:block;width:100%;height:280px;object-fit:contain;background:#eef2f8}
.scribe-image img{object-fit:contain}
.detail-card h3{font-size:27px;margin:7px 0 10px}
.detail-card p{color:#63718a;margin:0 0 15px}
.home-ai{background:#fff}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.ai-grid h2{font-size:38px;margin:8px 0 12px}
.ai-grid p{color:#63718a}
.ai-image{border-radius:22px;overflow:hidden;border:1px solid #dfe6f0;background:#eef2f8}
.ai-image img{display:block;width:100%;height:330px;object-fit:contain}
@media(max-width:760px){.detail-card,.ai-grid{grid-template-columns:1fr}.detail-card.reverse .detail-image{order:0}.detail-image img{height:240px}}

/* Accueil : dimensions maîtrisées pour les captures */
.home-detail .detail-card{overflow:hidden}
.home-detail .detail-image,.home-detail .detail-image img{max-width:100%}
.home-detail .detail-image img{height:280px!important;max-height:280px!important;width:100%!important;object-fit:contain!important}
.home-detail .scribe-image img{height:280px!important;max-height:280px!important;object-fit:contain!important}
.home-ai .ai-image img{height:300px!important;max-height:300px!important;object-fit:contain!important}
.home-ba{width:100%;max-width:560px;margin:0 auto}
.home-ba .before-after-labels{font-size:12px;margin-bottom:7px}
.home-ba .before-after-labels small{font-size:11px;color:#63718a;font-weight:700}
.home-ba .before-after-slider{width:100%;aspect-ratio:1300/928;max-height:360px}
.home-ba .before-after-slider .ba-after,.home-ba .before-after-slider .ba-before{object-fit:fill!important}
@media(max-width:760px){
  .home-ba{max-width:100%}
  .home-ba .before-after-slider{max-height:300px}
}

/* Accueil v10 : cartes compactes, images non géantes */
.home-detail .sectionhead{margin-bottom:24px}
.home-detail .detail-card{
  grid-template-columns:minmax(0, 520px) minmax(0,1fr)!important;
  gap:32px!important;
  padding:24px!important;
}
.home-detail .detail-card.reverse{
  grid-template-columns:minmax(0,520px) minmax(0,1fr)!important;
}
.home-detail .detail-card.reverse .detail-image{order:2}
.home-detail .detail-card > div{min-width:0}
.home-detail .detail-card h3{font-size:25px}
.home-detail .detail-card p{font-size:16px;line-height:1.65}
.home-detail .eyebrow{display:none!important}

/* Comparateur : deux images exactement superposées, taille fixe */
.home-ba{
  width:100%!important;
  max-width:520px!important;
  margin:0!important;
}
.home-ba .before-after-labels{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 2px 9px!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.home-ba .before-after-labels span:first-child{text-align:left}
.home-ba .before-after-labels span:last-child{text-align:right}
.home-ba .before-after-labels small{
  display:block!important;
  font-size:10px!important;
  color:#63718a!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.home-ba .before-after-slider{
  width:100%!important;
  height:330px!important;
  aspect-ratio:auto!important;
  max-height:none!important;
  border-radius:14px!important;
  cursor:ew-resize!important;
}
.home-ba .before-after-slider .ba-after,
.home-ba .before-after-slider .ba-before{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  margin:0!important;
}
.home-ba .ba-divider{
  width:3px!important;
  background:#3155d9!important;
}
.home-ba .ba-handle{
  width:42px!important;
  height:42px!important;
  font-size:19px!important;
  background:#3155d9!important;
  box-shadow:0 3px 10px rgba(20,40,90,.28)!important;
}
.home-ba .ba-range{
  opacity:0!important;
  cursor:ew-resize!important;
}
.home-detail .detail-image{
  max-height:330px!important;
}
.home-detail .detail-image img{
  height:330px!important;
  max-height:330px!important;
  width:100%!important;
  object-fit:contain!important;
}
.home-ai .ai-image img{
  height:300px!important;
  max-height:300px!important;
}
@media(max-width:900px){
  .home-detail .detail-card,
  .home-detail .detail-card.reverse{grid-template-columns:1fr!important}
  .home-detail .detail-card.reverse .detail-image{order:0}
  .home-ba{max-width:100%!important}
}
@media(max-width:600px){
  .home-ba .before-after-labels{font-size:9px!important;gap:5px!important}
  .home-ba .before-after-labels small{font-size:8px!important}
  .home-ba .before-after-slider{height:260px!important}
}

/* Accueil : le paragraphe SEO reste aligné sur le contenu principal */
.seo-intro{
  max-width:1050px!important;
  margin:14px 0 26px!important;
  padding:0!important;
  color:#536079!important;
  font-size:18px!important;
  line-height:1.65!important;
  text-align:left!important;
}

/* Navigation : Téléchargements en bouton bleu sous le menu */
.navin{
  display:block!important;
  min-height:132px!important;
  padding:14px 24px 20px!important;
}
.navtop{
  display:flex;
  align-items:center;
  gap:26px;
  min-height:68px;
}
.navtop .links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  flex:1;
  white-space:nowrap;
}
.navdownload{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding-top:10px;
  padding-bottom:4px;
}
.navdownload a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#3155d9;
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
  font-size:15px;
  line-height:1.2;
  border-radius:13px;
  padding:13px 24px;
  box-shadow:0 8px 20px rgba(49,85,217,.22);
}
.navdownload a:hover{background:#2457c5;color:#fff!important}
@media(max-width:1050px){
  .navtop{gap:14px}
}
@media(max-width:850px){
  .navin{overflow-x:auto!important}
  .navtop{min-width:max-content}
  .navdownload{padding-top:10px}
}
@media(max-width:600px){
  .navin{padding:11px 16px 18px!important;min-height:120px!important}
  .navtop{align-items:flex-start}
  .navdownload{justify-content:flex-end}
  .navdownload a{font-size:14px;padding:11px 19px}
}

.dys-context,.technical-info,.dys-study{max-width:1050px;margin:30px auto;padding:26px 28px;background:#f6f8fc;border-radius:18px}
.dys-context h2,.technical-info h2,.dys-study h2{margin-top:0}
.dys-context p,.technical-info p,.dys-study p{line-height:1.7;color:#536079}

/* v18 : navigation restaurée */
.nav{width:100%}
.navin{display:flex!important;align-items:center!important;gap:28px!important;min-height:118px!important;padding:16px 24px 18px!important}
.navin>.logo{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;text-decoration:none!important}
.navright{display:flex!important;flex:1!important;flex-direction:column!important;align-items:flex-end!important;gap:13px!important}
.navright .links{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:0!important}
.navright .links a{white-space:nowrap!important}
.nav-actions{display:flex!important;justify-content:flex-end!important}
.download-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#3155d9!important;color:#fff!important;border-radius:13px!important;padding:12px 23px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(49,85,217,.22)!important}
.menu-important{font-weight:800!important}
@media(max-width:900px){
 .navin{align-items:flex-start!important}
 .navright{min-width:0}
}

/* v18 : images +20 % */
.home-detail .detail-image{max-height:396px!important}
.home-detail .detail-image img{height:396px!important;max-height:396px!important}
.home-ai .ai-image img{height:360px!important;max-height:360px!important}
.home-ba .before-after-slider{height:396px!important;max-height:none!important}

.site-logo{width:64px;height:64px;object-fit:contain;display:block}
.navin>.logo{flex:0 0 auto!important;display:flex!important;align-items:center!important}
.ia-five{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:28px!important;flex-wrap:nowrap!important;margin:20px 0!important}
.ia-five .ai-icon{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important}
.ia-five .ai-icon img{width:48px!important;height:48px!important;object-fit:contain!important}
.ia-five .ai-icon strong{font-size:14px!important}
.ia-provider-icons{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:28px!important;flex-wrap:nowrap!important;margin:18px 0 24px!important}
.ia-provider-icons>div{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;min-width:64px}
.ia-provider-icons img{width:48px!important;height:48px!important;object-fit:contain!important}
.ia-provider-icons span{font-size:14px!important;font-weight:800!important}
@media(max-width:600px){
 .ia-five,.ia-provider-icons{gap:14px!important}
 .site-logo{width:54px;height:54px}
}

/* v20 : petites icônes IA uniquement dans le module IA */
.ia-provider-icons img{
  width:32px!important;
  height:32px!important;
}
.ia-provider-icons>div{
  min-width:58px!important;
}
.ia-provider-icons{
  gap:24px!important;
}





/* Titre principal — A2 : saut de ligne forcé */
.hero h1 {
  max-width: 620px;
  line-height: 1.02;
}

/* Accessible text for image links; remains visually hidden but available to crawlers and assistive technology. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.seo-support-v38{padding:38px 0}.seo-support-v38 .wrap{max-width:1000px}.seo-support-v38 h2{margin:0 0 12px}.seo-support-v38 p{max-width:900px;line-height:1.75;color:#4f6078}




header.hero,
.hero,
main,
main.watch-page,
.watch-page {
  position: relative;
}


/* ===== Navigation finale ===== */
nav.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

body {
  padding-top: 120px;
}

nav.nav .navin {
  min-height: 118px !important;
}

nav.nav .links {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

nav.nav .links a {
  margin-left: 10px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: #536079 !important;
  white-space: nowrap;
}

nav.nav .links a:hover {
  color: #2457c5 !important;
}

nav.nav .links a.active {
  color: #2457c5 !important;
  background: rgba(36,87,197,.10);
  font-weight: 800 !important;
  border-radius: 8px;
  padding: 4px 7px;
  margin-left: 3px !important;
}

nav.nav .links a.menu-important {
  font-weight: 500 !important;
  color: #536079 !important;
  font-size: 16px !important;
}

/* Les ancres de la page d'accueil ne passent jamais sous le menu fixe. */
[id] {
  scroll-margin-top: 135px;
}

/* Pied de page : liens lisibles et espacés */
footer.footer .wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer.footer .wrap > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
}
footer.footer a {
  color: #dfe7f7;
  text-decoration: none;
  white-space: nowrap;
}
footer.footer a:hover {
  text-decoration: underline;
}

/* Liens vers les trois documentations */
.doc-link {
  display: inline-block;
  margin-left: 12px;
  padding: 4px 9px;
  border-radius: 7px;
  font-size: .72em;
  font-weight: 700;
  text-decoration: none;
  color: #2457c5;
  background: rgba(36,87,197,.09);
  vertical-align: middle;
  white-space: nowrap;
}
.doc-link:hover {
  text-decoration: underline;
}
@media (max-width: 600px) {
  .doc-link {
    display: block;
    width: fit-content;
    margin: 8px 0 0;
  }
}