/* ═══════════════════════════════════════════════════════════════
   HOPPI — Bloc « Pour aller plus loin » `.h-plus-loin`
   Registre : DESIGN_SYSTEM.md §7.32
   Généré par scripts/ressources-plus-loin.mjs sur les pages
   /ressources/{rubrique}/{page}/. Les liens sont des `.r-satellite`
   (encarts « Article détaillé », css/ressources.css) : seule la
   mise en colonnes et la ligne de description vivent ici.
   ═══════════════════════════════════════════════════════════════ */

.h-plus-loin{max-width:1280px;margin:64px auto 0}
.h-plus-loin-title{margin:0 0 20px;font-family:var(--h-display);font-size:26px;font-weight:600;line-height:1.2;color:var(--h-charcoal)}
.h-plus-loin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.h-plus-loin-col:only-child{grid-column:1/-1}
.h-plus-loin-head{margin:0 0 4px;font-family:var(--h-display);font-size:17px;font-weight:600;color:var(--h-charcoal)}
.h-plus-loin .r-satellite{margin:12px 0}
.h-plus-loin-desc{margin-top:2px;font-size:13.5px;line-height:1.45;color:var(--h-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:768px){.h-plus-loin{margin:48px auto 0}.h-plus-loin-title{font-size:22px}.h-plus-loin-grid{grid-template-columns:1fr;gap:24px}}