/**
 * Leaderboards podium — raise the entire rank-1 <article> (one box: avatar + copy + amounts).
 * Shell: overflow-x clip stays; overflow-y visible so lifted cards are not clipped (Tailwind loads after this link — use !important).
 */
.lb-page-shell.lb-podium-safe-y{
  overflow-x:clip !important;
  overflow-y:visible !important;
}

/*
 * Podium: wide side gutters so rank-2 / rank-3 box-shadows (blur ~36–42px) clear .lb-page-shell overflow-x-clip.
 */
#lb-podium-wrap.lb-podium-bleed{
  box-sizing:border-box;
  padding-left:clamp(0.5rem,1.5vw,1rem);
  padding-right:clamp(0.5rem,1.5vw,1rem);
}

#lb-podium-wrap.lb-podium-bleed .gridRow{
  padding-left:clamp(1.35rem,5vw + 0.75rem,4rem);
  padding-right:clamp(1.35rem,5vw + 0.75rem,4rem);
  box-sizing:border-box;
}

/* Never clip podium row — shadows paint outside articles */
#lb-podium-wrap{
  overflow:visible !important;
}

@media (min-width:768px){
  /* Do not require .flex in selector (class order / Tailwind) */
  #lb-podium-wrap .gridRow{
    align-items:flex-end !important;
    overflow:visible !important;
    padding-top:clamp(2rem,5vw,3.5rem);
  }

  /* #2 / #3: same card metrics, flex-end baseline, lifted slightly toward #1 */
  #lb-podium-wrap .gridRow > article[data-podium-rank="2"].box,
  #lb-podium-wrap .gridRow > article[data-podium-rank="3"].box{
    min-height:380px !important;
    height:auto !important;
    max-height:none !important;
    align-self:flex-end !important;
    position:relative !important;
    z-index:3 !important;
    transform:translate3d(0,calc(-1 * clamp(1.9rem,3.75vw,2.9rem)),0) !important;
  }

  #lb-podium-wrap .gridRow > article[data-podium-rank="1"].box{
    min-height:380px !important;
    height:auto !important;
    max-height:none !important;
  }

  /*
   * Whole first-place card moves up: layout (margin) + paint (translate).
   * Values are intentionally strong so the middle box clearly sits above 2 & 3.
   */
  #lb-podium-wrap .gridRow > article[data-podium-rank="1"].box.lb-podium--first,
  #lb-podium-wrap .gridRow > article.box.lb-podium--first[data-podium-rank="1"]{
    align-self:flex-end !important;
    position:relative !important;
    z-index:5 !important;
    margin-top:calc(-1 * clamp(1.45rem,3.5vw,2.5rem)) !important;
    /* Nudged lower again vs #2 / #3 */
    transform:translate3d(0,calc(-1 * clamp(0.4rem,1.2vw,1rem)),0) !important;
  }
}