/* APIS Lab v6.51 — scenario labels are independent from the bottom text overlay */
.scenario-x{position:relative!important}
.scenario-x>.scenario-badge-top{
  position:absolute!important;
  z-index:4!important;
  top:24px!important;
  left:24px!important;
  right:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:calc(100% - 48px)!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:rgba(12,14,18,.48)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1.15!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  box-sizing:border-box!important;
  backdrop-filter:blur(4px);
}
/* Restore scenario copy as a bottom content block; the label no longer participates in its flow. */
.scenario-x>.scenario-copy{
  position:absolute!important;
  z-index:3!important;
  left:24px!important;
  right:24px!important;
  bottom:24px!important;
  top:auto!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
}
.scenario-x>.scenario-copy h3{margin:0 0 12px!important}
.scenario-x>.scenario-copy p{margin:0 0 18px!important}
.scenario-x>.scenario-copy b{display:block!important;margin:0!important}
@media(max-width:760px){
  html body main .scenario-x>.scenario-badge-top{
    top:20px!important;
    left:20px!important;
    max-width:calc(100% - 40px)!important;
    font-size:9px!important;
  }
  html body main .scenario-x>.scenario-copy{
    left:20px!important;
    right:20px!important;
    bottom:22px!important;
    top:auto!important;
    display:block!important;
  }
  html body main .scenario-x>.scenario-copy h3{
    margin:0 0 12px!important;
    max-width:100%!important;
  }
  html body main .scenario-x>.scenario-copy p{
    margin:0 0 18px!important;
    max-width:100%!important;
  }
}