/* Socle commun aux sept templates : remise à zéro, accessibilité, mouvement réduit.
   Chaque template porte ensuite ses propres couleurs, polices et mises en page. */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: auto; }
body { margin: 0; min-height: 100vh; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd { margin: 0; }
ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }

.skip {
  position: absolute; left: 12px; top: -60px; z-index: 100;
  padding: 10px 16px; border-radius: 8px;
  background: #131c33; color: #fff; text-decoration: none; font-weight: 600;
}
.skip:focus { top: 12px; }

:focus-visible { outline: 3px solid #2f5bd3; outline-offset: 3px; border-radius: 4px; }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Menu mobile partagé : un <details> sans JavaScript obligatoire */
.menu { position: relative; }
.menu > summary { list-style: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 999px; cursor: pointer; }
.menu > summary::-webkit-details-marker { display: none; }
.menu > summary svg { width: 22px; height: 22px; }
.menu > nav {
  position: absolute; right: 0; top: calc(100% + 8px); z-index: 30;
  display: grid; min-width: 220px; padding: 8px; border-radius: 14px;
  background: #fff; color: #131c33; box-shadow: 0 18px 40px -18px rgba(19, 28, 51, .45), 0 0 0 1px rgba(19, 28, 51, .08);
}
.menu > nav a { padding: 12px 14px; border-radius: 10px; text-decoration: none; font-weight: 500; }
.menu > nav a:hover { background: #f1f3f7; }

/* FAQ native : un + qui pivote, rien de plus */
.qa summary { list-style: none; cursor: pointer; }
.qa summary::-webkit-details-marker { display: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}