/* =====================================================================
   Agence offshore — compléments à engagement.css et publicite-canaux.css
   (« Notre différence » et « Nos services » utilisent les styles de home.css)
   ===================================================================== */

/* Hero : deux paragraphes, espacement régulier */
.pc-hero .hero-desc { margin-bottom: 1rem; }
.pc-hero .off-hero-desc { margin-bottom: 2.5rem; }

/* « Notre différence » : même accordéon que « Notre approche » (home.css),
   ajusté à des textes plus longs pour que tout le contenu tienne dans la carte */
#difference .acc-row { height: 600px; }
#difference .acc-num-big { font-size: 80px; margin-bottom: 16px; }
#difference .acc-expanded-title { font-size: 20px; }
#difference .acc-desc { font-size: 16px; line-height: 1.7; max-width: 580px; margin-bottom: 0; }

@media (max-width: 860px) {
    #difference .acc-row { height: auto; }
    #difference .acc-card.acc-active { flex: 0 0 600px !important; height: 600px; }
    #difference .acc-num-big { font-size: 46px; margin-bottom: 6px; }
    #difference .acc-expanded-title { font-size: 17px; }
    #difference .acc-desc { font-size: 14px; }
}

@media (max-width: 768px) {
    .pc-hero .off-hero-desc { margin-bottom: 2rem; }
}