/* MHQ MLBB Lab v11 — desktop shell/homepage normalization */
@media (min-width:1101px){
  /* One unified desktop header instead of three detached boxes. */
  .mlbb-data-site .mlab-header{
    top:10px!important;
    width:min(1480px,calc(100% - 32px))!important;
    max-width:none!important;
    margin:10px auto 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mlbb-data-site .mlab-header-main{
    width:100%!important;
    min-height:72px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:16px!important;
    padding:7px 10px!important;
    border:1px solid #263d55!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#0c1826,#09131f)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.28)!important;
  }
  .mlbb-data-site .mlab-header-main>.mlab-brand{
    height:56px!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mlbb-data-site .mlab-header-main>.mlab-brand:after{display:none!important}
  .mlbb-data-site .mlab-header-main>.mlab-brand .mlab-logo-image{
    width:118px!important;
    height:54px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .mlbb-data-site .mlab-desktop-nav{
    justify-self:center!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mlbb-data-site .mlab-desktop-nav a{
    position:relative!important;
    min-width:0!important;
    height:44px!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 9px!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#8095aa!important;
    line-height:1!important;
    text-align:center!important;
    box-shadow:none!important;
  }
  .mlbb-data-site .mlab-desktop-nav a:before{display:none!important}
  .mlbb-data-site .mlab-desktop-nav a:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:3px!important;
    height:2px!important;
    border-radius:999px!important;
    background:transparent!important;
  }
  .mlbb-data-site .mlab-desktop-nav a svg{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
    color:#617f9c!important;
    transform:none!important;
  }
  .mlbb-data-site .mlab-desktop-nav a span{
    font-size:.68rem!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .mlbb-data-site .mlab-desktop-nav a:hover{
    border-color:#203d57!important;
    background:#0f2132!important;
    color:#e3eff8!important;
  }
  .mlbb-data-site .mlab-desktop-nav a:hover svg{color:#64cefb!important;transform:none!important}
  .mlbb-data-site .mlab-desktop-nav a[aria-current=page]{
    border-color:#315e7c!important;
    background:#10263a!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .mlbb-data-site .mlab-desktop-nav a[aria-current=page] svg{color:#ffd453!important}
  .mlbb-data-site .mlab-desktop-nav a[aria-current=page]:after{background:#48c9f6!important}
  .mlbb-data-site .mlab-header-actions{
    justify-self:end!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mlbb-data-site .mlab-mhq-link,.mlbb-data-site .mlab-arcade-link{
    height:42px!important;
    min-height:42px!important;
    padding:0 11px!important;
    border:1px solid #29435c!important;
    border-radius:8px!important;
    background:#0d1d2d!important;
    font-size:.66rem!important;
  }

  /* Homepage tools: two strong primary modules, then compact support tools. */
  .mlbb-data-site .mlab-toolbelt{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:14px!important;
    margin:34px 0 54px!important;
  }
  .mlbb-data-site .mlab-tool-card{
    min-height:178px!important;
    padding:18px!important;
    border:1px solid #263d55!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#0d1a29,#09131f)!important;
    box-shadow:none!important;
  }
  .mlbb-data-site .mlab-tool-card:after{left:18px!important;right:18px!important;height:2px!important}
  .mlbb-data-site .mlab-tool-card:nth-child(4){order:1!important;grid-column:span 6!important;min-height:238px!important;--tool-accent:#5ee0a0!important}
  .mlbb-data-site .mlab-tool-card:nth-child(3){order:2!important;grid-column:span 6!important;min-height:238px!important;--tool-accent:#ff7078!important}
  .mlbb-data-site .mlab-tool-card:nth-child(1){order:3!important;grid-column:span 4!important}
  .mlbb-data-site .mlab-tool-card:nth-child(2){order:4!important;grid-column:span 4!important}
  .mlbb-data-site .mlab-tool-card:nth-child(5){order:5!important;grid-column:span 4!important}
  .mlbb-data-site .mlab-tool-card:nth-child(6){order:6!important;grid-column:span 6!important;min-height:160px!important}
  .mlbb-data-site .mlab-tool-card:nth-child(7){order:7!important;grid-column:span 6!important;min-height:160px!important}
  .mlbb-data-site .mlab-tool-card:before{
    inset:0!important;
    background:linear-gradient(90deg,rgba(6,14,24,.92) 0%,rgba(6,14,24,.72) 52%,rgba(6,14,24,.30) 100%),var(--tool-art) right 22%/42% auto no-repeat!important;
    filter:saturate(.78) brightness(.72)!important;
    transform:none!important;
  }
  .mlbb-data-site .mlab-tool-card:nth-child(3):before,.mlbb-data-site .mlab-tool-card:nth-child(4):before{
    background:linear-gradient(90deg,rgba(6,14,24,.98) 0%,rgba(6,14,24,.78) 54%,rgba(6,14,24,.26) 100%),var(--tool-art) right 24%/45% auto no-repeat!important;
  }
  .mlbb-data-site .mlab-tool-card h3{
    margin:34px 0 7px!important;
    font-size:1.75rem!important;
    line-height:1!important;
  }
  .mlbb-data-site .mlab-tool-card:nth-child(3) h3,.mlbb-data-site .mlab-tool-card:nth-child(4) h3{
    margin-top:58px!important;
    font-size:2.35rem!important;
  }
  .mlbb-data-site .mlab-tool-card:nth-child(6) h3,.mlbb-data-site .mlab-tool-card:nth-child(7) h3{margin-top:20px!important}
  .mlbb-data-site .mlab-tool-card p{max-width:74%!important;font-size:.67rem!important;line-height:1.55!important;color:#aebfce!important}
  .mlbb-data-site .mlab-tool-card:nth-child(6) p,.mlbb-data-site .mlab-tool-card:nth-child(7) p{max-width:88%!important}
  .mlbb-data-site .mlab-tool-card-cta{font-size:.6rem!important;color:#ffd453!important}

  /* Meta leaders: equal width + equal height, no dominant first column. */
  .mlbb-data-site .mlbb-summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .mlbb-data-site .mlbb-summary{
    min-width:0!important;
    min-height:314px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    padding:17px!important;
    border-radius:10px!important;
  }
  .mlbb-data-site .mlbb-mini-list{
    flex:1 1 auto!important;
    display:grid!important;
    grid-template-rows:repeat(5,minmax(48px,1fr))!important;
    gap:0!important;
  }
  .mlbb-data-site .mlbb-mini-row{min-height:48px!important;height:100%!important}

  /* Tier workbench: one balanced control surface that uses the full width. */
  .mlbb-data-site #tier-list .mlab-section-head h2{font-size:3.25rem!important;line-height:.95!important}
  .mlbb-data-site #tier-list .mlab-section-head{margin-bottom:18px!important}
  .mlbb-data-site .mlbb-filter-surface{
    margin:0 0 12px!important;
    border:1px solid #263d55!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#0c1825,#09131f)!important;
    overflow:hidden!important;
  }
  .mlbb-data-site .mlbb-filter-row{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    padding:13px 15px!important;
  }
  .mlbb-data-site .mlbb-filter-row+.mlbb-filter-row{border-top:1px solid #1e3246!important}
  .mlbb-data-site .mlbb-filter-row-label strong{font-size:.58rem!important;color:#dbe8f3!important}
  .mlbb-data-site .mlbb-filter-row-label span{font-size:.47rem!important;color:#5e7890!important}
  .mlbb-data-site .mlbb-visual-filter{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important;
    gap:6px!important;
  }
  .mlbb-data-site .mlbb-visual-choice{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    padding:0 9px!important;
    border:1px solid #1d3449!important;
    border-radius:8px!important;
    background:#0c1a28!important;
    color:#7f99b1!important;
  }
  .mlbb-data-site .mlbb-visual-choice:hover{border-color:#315777!important;background:#102238!important;color:#d7e6f2!important}
  .mlbb-data-site .mlbb-visual-choice.is-active{
    border-color:#3f91bd!important;
    background:linear-gradient(180deg,#123049,#0d2336)!important;
    color:#eaf8ff!important;
    box-shadow:inset 0 -2px 0 #ffd453!important;
  }
  .mlbb-data-site .mlbb-visual-choice.is-active .mlbb-visual-choice-icon{color:#63d8ff!important}
  .mlbb-data-site .mlbb-data-strip{
    min-height:46px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px 10px!important;
    margin:0 0 15px!important;
    padding:10px 12px!important;
    border:1px solid #1d3246!important;
    border-radius:9px!important;
    background:#08121d!important;
  }
  .mlbb-data-site .mlbb-data-strip>span{color:#54708a!important;font-size:.47rem!important;text-transform:uppercase!important;letter-spacing:.08em!important}
  .mlbb-data-site .mlbb-data-strip>strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.56rem!important;color:#a7bed1!important}
}

@media (min-width:1101px) and (max-width:1320px){
  .mlbb-data-site .mlab-header-main{grid-template-columns:126px minmax(0,1fr) auto!important;gap:8px!important}
  .mlbb-data-site .mlab-header-main>.mlab-brand .mlab-logo-image{width:104px!important}
  .mlbb-data-site .mlab-desktop-nav{gap:1px!important}
  .mlbb-data-site .mlab-desktop-nav a{padding:0 6px!important;gap:4px!important}
  .mlbb-data-site .mlab-desktop-nav a span{font-size:.61rem!important}
  .mlbb-data-site .mlab-mhq-link,.mlbb-data-site .mlab-arcade-link{padding:0 8px!important;font-size:.61rem!important}
}

@media (min-width:821px) and (max-width:1100px){
  .mlbb-data-site .mlbb-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mlbb-data-site .mlbb-summary{min-height:294px!important;height:100%!important}
}