.bao-saved-repair-status{margin:0 0 18px;padding:12px 14px;border:1px solid #b9ddec;border-radius:12px;background:#effaff;color:#315d75;font-size:.88rem;font-weight:700;line-height:1.45}.bao-saved-repair-status[data-state="success"]{background:#f1fbf5;border-color:#b8dec5;color:#29623e}.bao-saved-repair-status[data-state="attention"]{background:#fffaf0;border-color:#efd69d;color:#7c5a1d}.bao-saved-repair-status[data-state="error"]{background:#fff5f2;border-color:#efc7ba;color:#873f30}

/* v0.19.6 uses one blank-sign BAO asset and renders the exact one-decimal grade
   dynamically on the mascot's sign. This avoids maintaining hundreds of raster
   variants while keeping the mascot and reported score perfectly synchronized. */
.bao-result-mascot{aspect-ratio:1/1!important;width:100%!important;max-width:210px!important;height:auto!important;align-self:center!important;justify-self:end!important;overflow:visible!important;background-color:transparent!important}
.bao-result-mascot:before,.bao-result-mascot:after{display:none!important}
.bao-mascot-score{position:absolute!important;left:50%!important;top:70.2%!important;transform:translate(-50%,-50%)!important;display:block!important;width:64%!important;text-align:center!important;font-size:clamp(2rem,5.3vw,3.25rem)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.06em!important;font-variant-numeric:tabular-nums!important;color:#5b2515!important;text-shadow:0 2px 0 rgba(255,255,255,.7),0 3px 6px rgba(70,30,10,.16)!important;white-space:nowrap!important;pointer-events:none!important;z-index:2!important}

.bao-grade-presenter{min-height:0!important;display:grid!important;grid-template-columns:minmax(120px,190px) minmax(190px,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;justify-content:center!important;column-gap:12px!important;row-gap:10px!important;width:100%!important;max-width:500px!important;margin:0 auto!important;padding:10px 8px!important;overflow:visible!important}
.bao-grade-sign{box-sizing:border-box!important;min-width:190px!important;width:100%!important;max-width:250px!important;justify-self:stretch!important;transform:none!important;padding:14px 12px!important;overflow:visible!important}
.bao-grade-sign:before{display:none!important}
.bao-grade-sign strong{display:block!important;max-width:none!important;font-size:clamp(2.25rem,6vw,3.4rem)!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.bao-grade-summary{grid-column:1/-1!important;width:100%!important;max-width:100%!important;margin:4px auto 0!important;padding:0 4px!important}

.bao-grade-sign.bao-grade-sign-recapture{padding-left:12px!important;padding-right:12px!important;overflow:visible!important}
.bao-grade-sign.bao-grade-sign-recapture strong{font-size:clamp(1rem,2.4vw,1.65rem)!important;line-height:1.08!important;letter-spacing:-.01em!important;white-space:nowrap!important;margin:10px 0!important;overflow:visible!important;text-overflow:clip!important}

@media(min-width:741px){
  .bao-grade-presenter.bao-presenter-recapture{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;max-width:360px!important;row-gap:12px!important;justify-items:center!important}
  .bao-grade-presenter.bao-presenter-recapture .bao-result-mascot{grid-column:1!important;grid-row:1!important;justify-self:center!important;max-width:170px!important}
  .bao-grade-presenter.bao-presenter-recapture .bao-grade-sign{grid-column:1!important;grid-row:2!important;justify-self:center!important;min-width:260px!important;width:min(100%,320px)!important;max-width:320px!important;padding:14px 18px!important;overflow:visible!important}
  .bao-grade-presenter.bao-presenter-recapture .bao-grade-sign strong{font-size:clamp(1.35rem,2.2vw,1.85rem)!important;letter-spacing:0!important;overflow:visible!important}
  .bao-grade-presenter.bao-presenter-recapture .bao-grade-summary{grid-column:1!important;grid-row:3!important}
}

@media(max-width:740px){
  .bao-grade-presenter{grid-template-columns:104px minmax(0,1fr)!important;max-width:380px!important;column-gap:8px!important;padding:8px 0!important;overflow:visible!important}
  .bao-result-mascot{max-width:112px!important}
  .bao-mascot-score{font-size:clamp(1.35rem,7vw,2rem)!important;top:70.2%!important}
  .bao-grade-sign{min-width:0!important;width:100%!important;max-width:none!important;padding:10px 8px!important;border-width:4px!important;overflow:visible!important}
  .bao-grade-sign strong{font-size:2.25rem!important}
  .bao-grade-sign.bao-grade-sign-recapture{min-width:0!important;max-width:none!important;padding-left:7px!important;padding-right:7px!important;overflow:visible!important}
  .bao-grade-sign.bao-grade-sign-recapture strong{font-size:clamp(.78rem,4vw,1.05rem)!important;line-height:1.05!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:visible!important}
  .bao-grade-sign small{font-size:.6rem!important;line-height:1.2!important}
}

@media(max-width:360px){
  .bao-grade-presenter{grid-template-columns:92px minmax(0,1fr)!important;column-gap:6px!important}
  .bao-result-mascot{max-width:98px!important}
  .bao-mascot-score{font-size:1.35rem!important}
  .bao-grade-sign.bao-grade-sign-recapture strong{font-size:.76rem!important;letter-spacing:-.025em!important}
}