/* hub-rubrique.css — pages hub par rubrique (30/09/2026). CSS natif, aucune dépendance externe.
   Gabarit : include/hub-rubrique.php. Préfixe de classes : hr- (hub rubrique). */
.hr-hero{position:relative;display:flex;align-items:flex-end;min-height:380px;color:#fff;overflow:hidden;background:#1e3a2f}
.hr-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,25,18,.15) 20%,rgba(10,25,18,.78))}
.hr-hero-in{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:56px 16px 36px;box-sizing:border-box}
.hr-eyebrow{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
.hr-hero h1{margin:0 0 12px;font-size:clamp(1.9rem,5vw,3rem);line-height:1.15;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hr-lead{margin:0;max-width:760px;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.55;color:#fff}
.hr-wrap{max-width:1100px;margin:0 auto;padding:32px 16px 48px;box-sizing:border-box}
.hr-intro{max-width:820px}
.hr-intro p{margin:0 0 16px;font-size:1.06rem;line-height:1.75;color:#1f2d27}
.hr-h2{margin:44px 0 10px;font-size:1.65rem;line-height:1.25;color:#1e3a2f}
.hr-intro .hr-h2{margin-top:0}
.hr-sec-lead{margin:0 0 18px;max-width:820px;font-size:1.02rem;line-height:1.65;color:#33443b}
.hr-toc{display:flex;flex-wrap:wrap;gap:8px 10px;margin:22px 0 0;padding:0;list-style:none}
.hr-toc a{display:inline-block;padding:10px 16px;min-height:44px;box-sizing:border-box;border:1px solid #c9d8c6;border-radius:999px;background:#f5f8f4;color:#155e46;font-weight:600;text-decoration:none}
.hr-toc a:hover{background:#e6efe3}
.hr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:0;padding:0;list-style:none}
.hr-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dde7da;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(20,40,30,.08);transition:transform .2s ease,box-shadow .2s ease}
.hr-card:hover,.hr-card:focus-within{transform:translateY(-3px);box-shadow:0 8px 22px rgba(20,40,30,.16)}
.hr-card-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#e6efe3}
.hr-card-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.hr-card h3{margin:0 0 6px;font-size:1.12rem;line-height:1.3}
.hr-card h3 a{color:#14532d;text-decoration:none}
.hr-card h3 a::after{content:"";position:absolute;inset:0}
.hr-card h3 a:hover{text-decoration:underline}
.hr-card h3 a:focus-visible{outline:3px solid #b45309;outline-offset:2px}
.hr-card p{margin:0;font-size:.95rem;line-height:1.55;color:#33443b}
.hr-card-more{margin-top:auto;padding-top:10px;font-size:.9rem;font-weight:600;color:#155e46}
.hr-verif{margin:44px 0 0;padding:12px 16px;border-left:4px solid #2f7d5c;background:#f5f8f4;font-size:.95rem;line-height:1.6;color:#1f2d27}
.hr-verif a{color:#155e46}
@media (max-width:600px){.hr-hero{min-height:320px}.hr-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hr-card{transition:none}.hr-card:hover,.hr-card:focus-within{transform:none}}