/* assets/programme.css — what only the Programme page needs (FR /programme,
   EN /en/program), on top of site.css and home.css. Kept apart so the
   homepage stylesheet does not carry rules for another page. */

/* Hero: the two doors side by side on desktop (panel R1); they stack only
   on a phone. The text column gets the width the two buttons need. */
.ph-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}

/* Cohort cards: the door is a text link now, and the cards size to their
   content, so a running cohort with one line is not a half-empty box. */
.hcohorts{align-items:start}
.hco .textlink{margin-top:4px;font-weight:600}
.hco-close{margin-top:16px;font-size:15px;font-weight:600;color:var(--fos-ink)}

/* « Comment candidater »: the two doors fit on one row at desktop width. */
.papply-b .h-cta .btn{padding-left:20px;padding-right:20px}

/* Client stories before the guarantees. */
.pstories-more{margin-top:18px;font-size:15px}

@media (max-width:960px){
  .ph-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){
  .ph .h-cta .btn{width:100%;justify-content:center}
}