/* Pages légales (mentions, conditions, confidentialité) aux couleurs et à la typo du site */
:root{--ink:#14305e;--muted:#5b6b85;--line:#cdd8ea;--bg:#e3ebf6;--accent:#14305e;--dark:#14305e}
body{font-family:Satoshi,"Helvetica Neue",Arial,sans-serif;color:#33435f;background:#e3ebf6}
h1,h2,h3,h4{font-family:"Cabinet Grotesk",Satoshi,sans-serif!important;font-weight:500!important;color:#1b3a6b;letter-spacing:-.01em!important}
header{background:#fff;border-bottom:1px solid #cdd8ea}
.nav{padding:12px 0!important}
.logo{display:inline-flex;align-items:center;gap:10px;font:700 21px/1 Satoshi,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.02em!important;color:#14305e!important}
.logo img{height:40px;width:auto}
.logo span{color:#2b5aa3!important}
.back{display:inline-flex;align-items:center;gap:6px;height:auto;padding:8px 16px 8px 12px;border:1px solid #cdd8ea;border-radius:999px;background:#fff;color:#14305e!important;font:700 14px Satoshi,sans-serif!important;line-height:normal!important;text-decoration:none!important;cursor:pointer;transition:border-color .15s}
.back:hover{border-color:#14305e;background:#f3f6fb}
.back svg{width:16px;height:16px;flex:none;stroke-width:2.4}
.hero{background:#14305e!important;background-image:radial-gradient(120% 140% at 100% 0,#1f4580 0,#14305e 55%)!important}
.hero h1{color:#fff!important;font-weight:500!important}
.eyebrow{color:#a9c3f2!important}
.hero p{color:#d6e2f6!important}
.toc h2{font-family:Satoshi,sans-serif!important;font-weight:700!important;color:#5b6b85}
.toc a{color:#14305e}
.toc a:hover{color:#2b5aa3}
article{border-color:#cdd8ea!important;border-radius:20px!important;color:#33435f}
h2 span{color:#2b5aa3!important;font-family:Satoshi,sans-serif;font-weight:700}
a{color:#2b5aa3}
.note{background:#e3ebf6!important;border-left-color:#14305e!important;color:#14305e}
@media(max-width:760px){.logo{font-size:18px!important}.logo img{height:34px}}
.logo b{font:inherit}
@media(max-width:480px){.back .bk-l{display:none}}
/* la barre du haut (logo + « Retour ») reste visible quand on descend : on peut sortir de la page à tout moment */
header{position:sticky!important;top:0;z-index:50;box-shadow:0 1px 0 #cdd8ea}
html{scroll-padding-top:84px!important}
.toc{top:84px!important;max-height:calc(100vh - 104px)!important}
/* liens dans le texte (site, mentions légales, e-mail…) : bleu marine en gras, sans soulignement */
article a,.hero p a,.note a{color:#14305e!important;font-weight:700;text-decoration:none!important}
article a:hover,.hero p a:hover,.note a:hover{color:#2b5aa3!important}
/* « Retour à l’accueil » : pas de double espace entre « Retour » et « à l’accueil » */
.back .bk-l{margin-left:-6px}