/* Intelli-SST — styles globaux du chrome (en-tete + pied) et bases des pages design.
   Charge sur les pages utilisant le gabarit "Intelli-SST (Design)" et sur les articles. */
body.dc-page{margin:0;background:#070b14;color:#e8eef8;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip;}
body.dc-page *{box-sizing:border-box;}
body.dc-page a{text-decoration:none;color:inherit;}
body.dc-page #dc-main{display:block;}
body.dc-page #site{--acc:#3d8bff;--gold:#e9a93f;}
/* le wrapper #site n'est pas present sur toutes les pages : on garantit les variables sur main */
body.dc-page #dc-main{--acc:#3d8bff;--gold:#e9a93f;}
img{max-width:100%;}

/* --- hover en-tete --- */
.hscp0:hover {color: #fff;}
.hscp1:hover {box-shadow: 0 12px 28px rgba(47,111,214,.55);}

  #shNav a, #shNav span { text-decoration:none; white-space:nowrap; }
  @media (max-width:980px){ #shNav{display:none!important;} }
  @media (max-width:560px){ #shHdr{padding:16px 22px!important;} }

/* --- hover pied --- */
.fscp0:hover {color: #dbe6f6;}
.fscp1:hover {color: #aebccf;}

  #footGrid a{text-decoration:none;}
  @media (max-width:860px){ #footGrid{grid-template-columns:1fr 1fr!important;} }
  @media (max-width:520px){ #footGrid{grid-template-columns:1fr!important;} #footBottom{flex-direction:column;align-items:flex-start!important;} }