@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url(/fonts/lexend-latin.woff2) format('woff2');
}
:root { --bleu-haut: #006EB6; --bleu-bas: #0040B6; --bleu-nuit: #000F47; --orange: #FF7F32; --fond: #EEF6FC; }
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Lexend', system-ui, sans-serif; color: var(--bleu-nuit); background: var(--fond); line-height: 1.65; }
header { background: linear-gradient(180deg, var(--bleu-haut), var(--bleu-bas)); background-color: var(--bleu-bas); padding: 28px 16px; text-align: center; }
header img { width: min(220px, 60vw); height: auto; display: inline-block; }
main { padding: 32px 16px 48px; }
article { overflow-wrap: break-word; max-width: 760px; margin: 0 auto; background: #fff; border-radius: 16px; padding: clamp(24px, 5vw, 48px); box-shadow: 0 4px 24px rgba(0, 64, 182, .08); }
h1 { font-size: clamp(1.5rem, 4vw, 2.1rem); line-height: 1.25; margin: 0 0 20px; }
h2 { font-size: 1.2rem; margin: 32px 0 10px; color: var(--bleu-bas); }
p, li { font-weight: 300; }
strong { font-weight: 600; }
ul, ol { padding-left: 1.3em; }
li { margin: 6px 0; }
a { color: var(--bleu-bas); font-weight: 500; }
.table { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: .95rem; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #E1EAF4; vertical-align: top; font-weight: 300; }
th { font-weight: 600; }
footer { text-align: center; font-size: .8rem; font-weight: 300; line-height: 1.8; color: #5B6B85; padding: 0 16px 32px; }
footer a { color: #5B6B85; }