/* APPV1_FRONTEND_HOMEPAGE_CARD_ALIGNMENT_R6J1_20260905
   Replacement alignment layer for the four homepage journey cards.
   R6I runtime and R6K1 global responsive authority remain untouched.
*/

.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;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

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

.gt-r6g-start-card:nth-child(1) img{object-position:center 46%!important}
.gt-r6g-start-card:nth-child(2) img{object-position:center 47%!important}
.gt-r6g-start-card:nth-child(3) img{object-position:center 48%!important}
.gt-r6g-start-card:nth-child(4) img{object-position:center 44%!important}

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

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

.gt-r6g-start-card-body small{
  display:block!important;
  min-height:2.7em!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}

.gt-r6g-start-card.is-studio .gt-r6g-start-card-body{
  background:linear-gradient(145deg,#fffaf1,#f4eadb)!important;
}

/* 1. TV / very large screens */
@media(min-width:1920px){
  .gt-r6g-start-grid{
    gap:20px!important;
  }
  .gt-r6g-start-card-body{
    padding:22px 22px 24px!important;
    grid-template-rows:minmax(2.05em,auto) minmax(2.6em,auto)!important;
  }
  .gt-r6g-start-card-body strong{
    font-size:29px!important;
  }
  .gt-r6g-start-card-body small{
    font-size:15px!important;
  }
}

/* 2. Desktop */
@media(min-width:1280px) and (max-width:1919px){
  .gt-r6g-start-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

/* 3. Laptop */
@media(min-width:1024px) and (max-width:1279px){
  .gt-r6g-start-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .gt-r6g-start-card-body{
    padding:16px 15px 18px!important;
  }
  .gt-r6g-start-card-body strong{
    font-size:22px!important;
  }
  .gt-r6g-start-card-body small{
    font-size:13px!important;
  }
}

/* 4. Tablet */
@media(min-width:768px) and (max-width:1023px){
  .gt-r6g-start-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .gt-r6g-start-card img{
    aspect-ratio:16/9!important;
  }
  .gt-r6g-start-card-body{
    grid-template-rows:minmax(2.15em,auto) minmax(2.8em,auto)!important;
    padding:15px 14px 17px!important;
  }
  .gt-r6g-start-card-body strong{
    font-size:21px!important;
  }
  .gt-r6g-start-card-body small{
    font-size:13px!important;
  }
}

/* 5. Mobile */
@media(max-width:767px){
  .gt-r6g-start-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .gt-r6g-start-card img{
    aspect-ratio:4/3!important;
  }
  .gt-r6g-start-card-body{
    grid-template-rows:minmax(2.2em,auto) minmax(3em,auto)!important;
    gap:6px!important;
    padding:13px 12px 15px!important;
  }
  .gt-r6g-start-card-body strong{
    min-height:2.2em!important;
    font-size:19px!important;
    line-height:1.08!important;
  }
  .gt-r6g-start-card-body small{
    min-height:3em!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
}

@media(max-width:380px){
  .gt-r6g-start-grid{
    grid-template-columns:1fr!important;
  }
  .gt-r6g-start-card img{
    aspect-ratio:16/9!important;
  }
  .gt-r6g-start-card-body{
    grid-template-rows:auto auto!important;
  }
  .gt-r6g-start-card-body strong,
  .gt-r6g-start-card-body small{
    min-height:0!important;
  }
}

/* 6. Landscape / short-height screens */
@media(max-height:700px), (orientation:landscape) and (max-height:820px){
  .gt-r6g-start-card-body{
    padding-top:12px!important;
    padding-bottom:13px!important;
    gap:5px!important;
  }
  .gt-r6g-start-card-body strong{
    font-size:20px!important;
    min-height:2em!important;
  }
  .gt-r6g-start-card-body small{
    font-size:12px!important;
    min-height:2.6em!important;
  }
}