/* BAOI 3.20.5 — Flagship Diagnostic entry */
.baoi-diagnostic-menu-featured{position:relative!important}
.baoi-diagnostic-menu-featured>a.baoi-menu-diagnostic-link{
  position:relative!important;display:inline-flex!important;align-items:center!important;gap:9px!important;
  min-height:44px!important;padding:10px 62px 10px 16px!important;border:1px solid rgba(125,211,252,.56)!important;
  border-radius:14px!important;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 52%,#4f46e5 100%)!important;
  color:#fff!important;font-weight:850!important;line-height:1.1!important;text-decoration:none!important;
  box-shadow:0 9px 28px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
  transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important
}
.baoi-diagnostic-menu-featured>a.baoi-menu-diagnostic-link:before{
  content:"";width:9px;height:9px;border-radius:999px;background:#a5f3fc;box-shadow:0 0 0 5px rgba(165,243,252,.14),0 0 16px rgba(103,232,249,.95);flex:0 0 auto
}
.baoi-diagnostic-menu-featured>a.baoi-menu-diagnostic-link:after{
  content:attr(data-baoi-badge);position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:4px 7px;border-radius:999px;
  background:rgba(3,7,18,.34);border:1px solid rgba(255,255,255,.22);color:#e0f2fe;font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1
}
.baoi-diagnostic-menu-featured>a.baoi-menu-diagnostic-link:hover,.baoi-diagnostic-menu-featured>a.baoi-menu-diagnostic-link:focus-visible{
  color:#fff!important;filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 13px 34px rgba(37,99,235,.38),0 0 0 3px rgba(56,189,248,.14)!important;outline:0!important
}

.baoi-home-diagnostic-spotlight{box-sizing:border-box;max-width:1220px;margin:22px auto 30px;padding:0 18px}
.baoi-home-diagnostic-spotlight__inner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:26px 28px;border:1px solid rgba(56,189,248,.38);border-radius:22px;background:linear-gradient(125deg,#071426 0%,#0b2845 55%,#172554 100%);box-shadow:0 18px 45px rgba(2,8,23,.2)}
.baoi-home-diagnostic-spotlight__inner:after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 67%);pointer-events:none}
.baoi-home-diagnostic-spotlight__badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:9px;color:#67e8f9;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.baoi-home-diagnostic-spotlight__badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#67e8f9;box-shadow:0 0 13px rgba(103,232,249,.9)}
.baoi-home-diagnostic-spotlight h2{margin:0 0 7px!important;color:#fff!important;font-size:clamp(1.45rem,3vw,2.1rem)!important;line-height:1.12!important}
.baoi-home-diagnostic-spotlight p{margin:0!important;color:#bed0e6!important;max-width:760px;font-size:.98rem;line-height:1.55}
.baoi-home-diagnostic-spotlight__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;position:relative;z-index:2}
.baoi-home-diagnostic-spotlight__action{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border-radius:13px;text-decoration:none!important;font-weight:850!important;white-space:nowrap}
.baoi-home-diagnostic-spotlight__action--primary{background:linear-gradient(135deg,#22d3ee,#2563eb)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.28)}
.baoi-home-diagnostic-spotlight__action--secondary{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;color:#e6f4ff!important}
.baoi-home-diagnostic-spotlight__action:hover{transform:translateY(-1px);filter:brightness(1.07)}

@media(max-width:900px){
  .baoi-diagnostic-menu-featured{margin:9px 10px!important;width:calc(100% - 20px)!important}
  .baoi-diagnostic-menu-featured>a.baoi-menu-diagnostic-link{display:flex!important;width:100%!important;box-sizing:border-box!important;min-height:58px!important;padding:13px 72px 13px 16px!important;border-radius:16px!important}
  .baoi-diagnostic-menu-featured>a.baoi-menu-diagnostic-link:after{right:13px}
  .baoi-home-diagnostic-spotlight__inner{grid-template-columns:1fr;gap:18px;padding:22px}
  .baoi-home-diagnostic-spotlight__actions{justify-content:flex-start}
}
@media(max-width:620px){
  .baoi-home-diagnostic-spotlight{margin:16px auto 22px;padding:0 14px}
  .baoi-home-diagnostic-spotlight__inner{padding:20px 18px;border-radius:18px}
  .baoi-home-diagnostic-spotlight__actions{display:grid;grid-template-columns:1fr;width:100%}
  .baoi-home-diagnostic-spotlight__action{width:100%;box-sizing:border-box}
}


/* BAOI 4.2.9.4 — desktop submenu containment. The viewport-true header contract
 * sets the dropdown width; this component only guarantees its flagship CTA
 * consumes the available row without badge/title collision. */
@media(min-width:921px){
  .sub-menu>.baoi-diagnostic-menu-featured{box-sizing:border-box!important}
  .sub-menu>.baoi-diagnostic-menu-featured>a.baoi-menu-diagnostic-link{width:100%!important;box-sizing:border-box!important;white-space:nowrap!important}
}
