/* BAO grade anchor v15
   The grade node is a child of the mascot and is positioned over the blank
   lower portion of the physical sign. These percentages were recalibrated
   from the live 8.7 result screenshot so the number sits inside the sign. */

#baoIntelligence .bao-grade-presenter{
  min-height:520px!important;
}

#baoIntelligence .bao-grade-presenter>.bao-result-mascot.bao-grade-anchor-v14{
  display:block!important;
  position:relative!important;
  width:min(600px,100%)!important;
  height:auto!important;
  aspect-ratio:1.3023255814 / 1!important;
  margin:0 auto!important;
  overflow:hidden!important;
  visibility:visible!important;
  opacity:1!important;
  background-size:100% auto!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
}

/* Physical blank-sign target: horizontal center ~78%, vertical center ~37%.
   Keeping a defined box prevents the text itself from becoming the anchor. */
#baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14{
  display:flex!important;
  position:absolute!important;
  left:78%!important;
  top:37%!important;
  transform:translate(-50%,-50%)!important;
  width:30%!important;
  min-width:0!important;
  max-width:none!important;
  height:16%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  z-index:10!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

#baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14:before,
#baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14>span,
#baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14>small{
  display:none!important;
}

#baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14>strong{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(36px,7vw,56px)!important;
  line-height:.95!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  font-variant-numeric:tabular-nums!important;
  text-align:center!important;
  color:#0b4f9c!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
  white-space:nowrap!important;
}

#baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14.is-recapture>strong{
  font-size:clamp(14px,2.8vw,23px)!important;
  letter-spacing:-.02em!important;
}

@media(max-width:740px){
  #baoIntelligence .bao-grade-presenter{min-height:400px!important}
  #baoIntelligence .bao-grade-presenter>.bao-result-mascot.bao-grade-anchor-v14{
    width:min(440px,100%)!important;
  }
  #baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14{
    left:78%!important;
    top:37%!important;
    width:30%!important;
    height:16%!important;
  }
  #baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14>strong{
    font-size:clamp(31px,7vw,43px)!important;
  }
}

@media(max-width:420px){
  #baoIntelligence .bao-grade-presenter{min-height:330px!important}
  #baoIntelligence .bao-grade-presenter>.bao-result-mascot.bao-grade-anchor-v14{
    width:min(340px,100%)!important;
  }
  #baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14{
    left:78%!important;
    top:37%!important;
    width:30%!important;
    height:16%!important;
  }
  #baoIntelligence .bao-result-mascot.bao-grade-anchor-v14>.bao-grade-sign-anchored-v14>strong{
    font-size:clamp(27px,7vw,34px)!important;
  }
}