/* /benefits/: long-term practice in the selling-page look. Loaded after home.css, topic-pitch.css and start-here.css; reuses their hm- / tp- / sh- parts. */

.bf-hero-figure img { object-position: 50% 45%; }
.bf-timeline { margin-bottom: 0; }

/* Practitioner feedback: heading and picture on the left, changes on the right */
.benefits-pitch .tp-benefits { gap: 1.5rem 4rem; }
.benefits-pitch .tp-benefits-side .hm-section-head { margin-bottom: 0; }
#changes .hm-caption { margin-top: 1.5rem; }

/* Three research cards in a row; the link sits at the bottom of each card */
.bf-research { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.bf-research .tp-research { display: flex; flex-direction: column; }
.bf-research .tp-research a:not(.sh-ref) { margin-top: auto; padding-top: 1rem; }
.bf-research .tp-research p:not([class]) { flex: 0 0 auto; margin-bottom: .25rem; }
.bf-research .tp-research .sh-ref { display: inline; margin: 0; padding: 0; font-weight: 400; }

.bf-pick { margin-top: 0; }

@media (max-width: 60em) {
  .bf-research { grid-template-columns: 1fr; }
}