/* ═══════════════════════════════════════════════════════════════
   HOPPI — Bloc de maillage de cluster `.h-mesh`
   Registre : DESIGN_SYSTEM.md §7.21
   Extrait le 2026-08-25 d'un bloc <style> identique sur 34 pages
   (33 Ko de HTML dupliqué). Contenu strictement inchangé — les
   couleurs en dur restent telles quelles : les remplacer par des
   tokens est une autre vague (ISO-3, une nature de changement à la fois).
   ═══════════════════════════════════════════════════════════════ */

.h-mesh{max-width:1280px;margin:64px auto 0}
.h-mesh-inner{padding:28px 30px;border-radius:18px;background:rgba(126,168,190,.08);border:1px solid rgba(40,83,107,.1)}
.h-mesh-kicker{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7EA8BE}
.h-mesh-title{margin:0 0 6px;font-family:'Baloo 2',system-ui,sans-serif;font-size:20px;font-weight:600;color:#28536B}
.h-mesh-lede{margin:0 0 18px;font-size:14.5px;line-height:1.5;color:rgba(40,83,107,.75)}
.h-mesh-links{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.h-mesh-links a{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid rgba(40,83,107,.14);font-size:14px;color:#28536B;text-decoration:none;transition:border-color .18s,transform .18s}
.h-mesh-links a:hover{border-color:#EEB1D5;transform:translateY(-1px)}
@media(max-width:600px){.h-mesh{margin:48px auto 0}.h-mesh-inner{padding:22px 20px}}