/* Styles des pages légales du site helvyca.ch (externalisés pour une CSP sans <style> en ligne). */
  * { box-sizing: border-box; }
  body { margin:0; background:#F4F8FD; color:#0B2350; font-family:'Manrope',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; }
  h1,h2 { font-family:'Space Grotesk','Manrope',system-ui,sans-serif; }
  a { color:#00338D; text-decoration:none; }
  a:hover { color:#0C7C85; }
  a:focus-visible { outline:2px solid #14B8C4; outline-offset:3px; border-radius:6px; }
.hv1:hover{color:#21D4D8 !important}
.hv2:hover{color:#21D4D8 !important}

/* Lien d'évitement, mêmes règles que sur le reste du site. */
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#21D4D8;color:#04102A;font-weight:700;padding:12px 20px;border-radius:0 0 14px 0;text-decoration:none}
.skip:focus{left:0}

/* Sélecteur de langue de l'en-tête : liens simples, aucun JavaScript.
   Reprend l'apparence de .langbtn de la page d'accueil. */
.langbtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;border:0;cursor:pointer;font:700 13px 'Manrope',system-ui,sans-serif;letter-spacing:.06em;padding:10px 14px;border-radius:999px;transition:background .25s,color .25s;background:transparent;color:#8DA2C2;text-decoration:none}
a.langbtn:hover{background:rgba(169,188,216,.12);color:#E8EFFA}
.langbtn.on{background:linear-gradient(100deg,#21D4D8,#14B8C4);color:#04102A}
a.langbtn:focus-visible{outline:2px solid #21D4D8;outline-offset:2px}

/* En-tête et pied de page : les liens y sont clairs sur fond sombre. */
header a:hover,footer a:hover{color:#21D4D8 !important}
header a:focus-visible,footer a:focus-visible{outline:2px solid #21D4D8;outline-offset:3px}

@media (max-width:640px){
  header{padding-left:6vw !important;padding-right:6vw !important}
  footer{padding-left:6vw !important;padding-right:6vw !important}
}