:root { --encre:#1B2A4A; --pale:#5A6480; --bic:#2B4BD7; --rouge:#C8372D; --creme:#FBF8F1; --filet:rgba(27,42,74,.18); }
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--creme); color:var(--encre); font-family:"Hanken Grotesk",system-ui,sans-serif; line-height:1.55;
  background-image:repeating-linear-gradient(to bottom, transparent 0 31px, rgba(43,75,215,.13) 31px 32px); }
.page { max-width:760px; margin:0 auto; padding:56px 24px 96px; }

/* lien d'évitement : masqué jusqu'à la prise de focus (RGAA 12.7) */
.evitement { position:absolute; left:-9999px; top:0; background:var(--encre); color:#fff; padding:12px 18px; z-index:10; }
.evitement:focus { left:0; }
.visuellement-masque { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.wordmark { font-family:"Instrument Serif",Georgia,serif; font-style:italic; font-size:26px; }
.wordmark span { color:var(--rouge); font-style:normal; }
h1 { font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:clamp(30px,5vw,46px); line-height:1.12; margin:20px 0 12px; }
h2 { font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:24px; margin-bottom:14px; }
h3 { font-size:15px; margin:20px 0 8px; }
.lede { color:var(--pale); max-width:56ch; }

.carte { background:#fff; border:1.5px solid var(--encre); padding:26px; margin-top:38px; }
label { display:block; font-size:14px; margin-bottom:6px; }
input[type=url] { width:100%; padding:12px 14px; font:inherit; color:var(--encre); border:1.5px solid var(--filet); background:var(--creme); }
input[type=url]:focus-visible, button:focus-visible, a:focus-visible { outline:3px solid var(--bic); outline-offset:2px; }
button { margin-top:14px; padding:12px 22px; font:inherit; font-weight:600; color:#fff; background:var(--encre); border:0; cursor:pointer; }
button:disabled { opacity:.6; cursor:progress; }
.erreur { margin-top:14px; color:var(--rouge); font-size:14px; }

.tampon { display:inline-block; margin:22px 0 6px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; font-size:17px;
  padding:8px 18px 6px; border:2.5px solid currentColor; transform:rotate(-3deg); }
.tampon.ko { color:var(--rouge); } .tampon.gris { color:var(--pale); }
.chiffres { list-style:none; display:flex; flex-wrap:wrap; gap:22px; margin:20px 0; }
.chiffres strong { font-family:"Instrument Serif",Georgia,serif; font-size:30px; display:block; line-height:1; }
.chiffres span { font-size:12px; color:var(--pale); }
#top { margin-left:20px; font-size:14px; } #top li { margin:6px 0; }
.honnete { margin-top:18px; padding:12px 14px; background:var(--creme); border-left:3px solid var(--bic); font-size:13px; color:var(--pale); }
.rapport-btn { display:inline-block; margin-top:14px; padding:12px 22px; font-weight:600; color:#fff; background:var(--encre); text-decoration:none; }