/* APPV1_FRONTEND_CARD_ALIGNMENT_R6J_20260905
   CSS-only refinement for the four image-led journey cards.
   R6I remains runtime authority. R6G/R6H remain underlying design/layout authority.
*/

.gt-r6g-start-grid{
  align-items:stretch!important;
}

.gt-r6g-start-card{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  height:100%!important;
  min-height:0!important;
}

.gt-r6g-start-card img{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
}

.gt-r6g-start-card-body{
  display:grid!important;
  grid-template-rows:minmax(2.15em,auto) minmax(2.8em,auto)!important;
  align-content:start!important;
  gap:8px!important;
  padding:18px 18px 20px!important;
  min-height:126px!important;
  box-sizing:border-box!important;
}

.gt-r6g-start-card-body strong{
  display:flex!important;
  align-items:flex-start!important;
  margin:0!important;
  min-height:2.15em!important;
  font-size:25px!important;
  line-height:1.075!important;
  font-weight:500!important;
}

.gt-r6g-start-card-body small{
  display:block!important;
  margin:0!important;
  min-height:2.8em!important;
  color:var(--gt-r6g-muted)!important;
  font-size:14px!important;
  line-height:1.4!important;
}

.gt-r6g-start-card.is-studio{
  height:100%!important;
}

/* Slight focal corrections so the four crops feel intentional rather than random. */
.gt-r6g-start-card:nth-child(1) img{object-position:center 48%!important}
.gt-r6g-start-card:nth-child(2) img{object-position:center 46%!important}
.gt-r6g-start-card:nth-child(3) img{object-position:center 50%!important}
.gt-r6g-start-card:nth-child(4) img{object-position:center 43%!important}

@media(max-width:760px){
  .gt-r6g-start-card img{
    aspect-ratio:4/3!important;
    object-fit:cover!important;
  }

  .gt-r6g-start-card-body{
    grid-template-rows:minmax(2.25em,auto) minmax(3.2em,auto)!important;
    gap:6px!important;
    padding:13px 12px 15px!important;
    min-height:116px!important;
  }

  .gt-r6g-start-card-body strong{
    min-height:2.25em!important;
    font-size:19px!important;
    line-height:1.08!important;
  }

  .gt-r6g-start-card-body small{
    min-height:3.2em!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
}