/* PiPA Signposting layout — added by KAT (standalone, no SCSS build). Targets .reasons-box--signpost only. */

.reasons-to-join--signpost .reasons-box--signpost .reasons-box__wrapper-content{
  align-items: flex-start;
  gap: 40px;
}
.reasons-to-join--signpost .reasons-box--signpost .reasons-box__heading{
  display: flex;
  flex-direction: column;
  gap: 14px;
}
/* shrink the number so the copy/links are the hero */
.reasons-to-join--signpost .reasons-box--signpost .reasons-box__number{
  width: 60px;
  height: 60px;
  font-size: 26px;
  line-height: 60px;
}
/* remove the forced 625px title width and scale the title down */
.reasons-to-join--signpost .reasons-box--signpost .reasons-box__title{
  min-width: 0;
  font-size: 32px;
  line-height: 1.15;
}
.reasons-to-join--signpost .reasons-box--signpost .reasons-box__content{
  flex: 1 1 auto;
}
/* tame the stray <h1> some entries use for their main link */
.reasons-to-join--signpost .reasons-box--signpost .reasons-box__content h1{
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 8px;
}

/* ---- Option B: 1/3 title left, 2/3 copy right ---- */
.reasons-to-join--signpost .reasons-box--split .reasons-box__heading{
  flex: 0 0 32%;
  max-width: 32%;
}

/* ---- Option A: title on top, copy full width ---- */
.reasons-to-join--signpost .reasons-box--stacked .reasons-box__wrapper-content{
  flex-direction: column;
}
.reasons-to-join--signpost .reasons-box--stacked .reasons-box__heading{
  flex-direction: row;
  align-items: center;
  gap: 18px;
  width: 100%;
}
.reasons-to-join--signpost .reasons-box--stacked .reasons-box__content{
  width: 100%;
}

/* mobile: don't pin the heading column width */
@media (max-width: 991.98px){
  .reasons-to-join--signpost .reasons-box--split .reasons-box__heading{
    flex: 0 0 auto;
    max-width: 100%;
  }
}