/* MLBB Lab Draft Helper v12 — desktop readability and information hierarchy */

/* Base reading scale */
.mlbb-data-site .mlbb-tool-main .mlbb-tool-hero>div:first-child>p:last-child{
  font-size:.88rem!important;
  line-height:1.65!important;
}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-controls label>span{
  font-size:.62rem!important;
  letter-spacing:.08em!important;
}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-controls .mlbb-select{
  font-size:.78rem!important;
}

/* Orientation / status copy */
.mlbb-data-site .mlbb-draft-flow>span{
  min-height:60px!important;
  padding:10px 12px!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:10px!important;
}
.mlbb-data-site .mlbb-draft-flow i{
  width:32px!important;
  height:32px!important;
  font-size:.72rem!important;
}
.mlbb-data-site .mlbb-draft-flow b{
  font-size:.72rem!important;
  line-height:1.2!important;
}
.mlbb-data-site .mlbb-draft-flow small{
  margin-top:3px!important;
  font-size:.56rem!important;
  line-height:1.35!important;
}
.mlbb-data-site .mlbb-draft-status strong{font-size:.72rem!important}
.mlbb-data-site .mlbb-draft-status>span:last-child{font-size:.62rem!important}
.mlbb-data-site .mlbb-draft-reset{font-size:.66rem!important}

/* Draft teams */
.mlbb-data-site .mlbb-team-head span{font-size:.66rem!important}
.mlbb-data-site .mlbb-team-head strong{font-size:.64rem!important}
.mlbb-data-site .mlbb-team-lanes>span{min-height:86px!important}
.mlbb-data-site .mlbb-team-lanes>span>small{font-size:.48rem!important}
.mlbb-data-site .mlbb-team-lanes>span>b{font-size:.58rem!important}
.mlbb-data-site .mlbb-team-lanes>span>i{font-size:.4rem!important}
.mlbb-data-site .mlbb-team-lanes>span.is-filled>b img{width:30px!important;height:34px!important}
.mlbb-data-site .mlbb-team-need{min-height:38px!important;padding:8px 10px!important}
.mlbb-data-site .mlbb-team-need strong{font-size:.47rem!important}
.mlbb-data-site .mlbb-team-need span{font-size:.56rem!important;line-height:1.35!important}
.mlbb-data-site .mlbb-pick-title strong{font-size:.76rem!important}
.mlbb-data-site .mlbb-pick-copy small{font-size:.55rem!important}
.mlbb-data-site .mlbb-add-pick{font-size:.72rem!important;min-height:44px!important}

/* Results layout: give warnings/bans enough room to be readable */
@media(min-width:1101px){
  .mlbb-data-site .mlbb-tool-grid{
    grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)!important;
    gap:14px!important;
  }
}
.mlbb-data-site .mlbb-tool-panel{
  padding:18px!important;
}
.mlbb-data-site .mlbb-panel-head{
  margin-bottom:12px!important;
}
.mlbb-data-site .mlbb-panel-head h2{
  font-size:1.75rem!important;
}
.mlbb-data-site .mlbb-panel-head>span{
  font-size:.6rem!important;
}
.mlbb-data-site .mlbb-kicker{
  font-size:.58rem!important;
}
.mlbb-data-site .mlbb-rec-explainer{
  margin:0 0 13px!important;
  font-size:.62rem!important;
  line-height:1.55!important;
}
.mlbb-data-site .mlbb-tool-empty{
  font-size:.68rem!important;
  line-height:1.55!important;
}

/* Recommendation cards */
.mlbb-data-site .mlbb-recommendations{gap:10px!important}
.mlbb-data-site .mlbb-rec-card{
  grid-template-columns:76px minmax(0,1fr) 238px!important;
  gap:14px!important;
  padding:13px!important;
  min-height:118px!important;
  border-radius:10px!important;
}
.mlbb-data-site .mlbb-rec-card>img,
.mlbb-data-site .mlbb-rec-card:first-child>img{
  width:76px!important;
  height:86px!important;
}
.mlbb-data-site .mlbb-rec-title{
  gap:7px!important;
}
.mlbb-data-site .mlbb-rec-title a,
.mlbb-data-site .mlbb-rec-card:first-child .mlbb-rec-title a{
  font-size:1rem!important;
  line-height:1.15!important;
}
.mlbb-data-site .mlbb-rec-score,
.mlbb-data-site .mlbb-rec-lane,
.mlbb-data-site .mlbb-rec-needed{
  font-size:.52rem!important;
  padding:4px 6px!important;
}
.mlbb-data-site .mlbb-rec-meta{
  margin-top:5px!important;
  font-size:.57rem!important;
  line-height:1.35!important;
}
.mlbb-data-site .mlbb-rec-reasons{
  gap:4px!important;
  margin-top:8px!important;
}
.mlbb-data-site .mlbb-rec-reasons span{
  font-size:.64rem!important;
  line-height:1.45!important;
}
.mlbb-data-site .mlbb-rec-breakdown{
  gap:7px!important;
}
.mlbb-data-site .mlbb-rec-breakdown>span{
  min-height:48px!important;
  padding:8px!important;
  font-size:.52rem!important;
  line-height:1.25!important;
}
.mlbb-data-site .mlbb-rec-breakdown strong{
  margin-top:3px!important;
  font-size:.86rem!important;
}
.mlbb-data-site .mlbb-rec-breakdown small{
  margin-top:2px!important;
  font-size:.45rem!important;
  line-height:1.25!important;
}

/* Warnings / bans sidebar */
.mlbb-data-site .mlbb-warning-list{gap:8px!important}
.mlbb-data-site .mlbb-warning{
  padding:11px!important;
  font-size:.68rem!important;
  line-height:1.55!important;
}
.mlbb-data-site .mlbb-ban-block{
  margin-top:14px!important;
  padding-top:13px!important;
}
.mlbb-data-site .mlbb-panel-subhead strong{font-size:.72rem!important}
.mlbb-data-site .mlbb-panel-subhead span{font-size:.56rem!important}
.mlbb-data-site .mlbb-ban{
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:10px!important;
  padding:9px!important;
}
.mlbb-data-site .mlbb-ban img{width:48px!important;height:52px!important}
.mlbb-data-site .mlbb-ban b{font-size:.72rem!important}
.mlbb-data-site .mlbb-ban small{font-size:.56rem!important;line-height:1.45!important}

/* Composition snapshot */
.mlbb-data-site .mlbb-comparison-grid{gap:10px!important}
.mlbb-data-site .mlbb-metric{padding:11px!important}
.mlbb-data-site .mlbb-metric-head strong{font-size:.66rem!important}
.mlbb-data-site .mlbb-metric-head span{font-size:.56rem!important}
.mlbb-data-site .mlbb-model-note{font-size:.6rem!important;line-height:1.5!important}

/* Keep medium/mobile readable without making cards excessively wide. */
@media(max-width:1100px){
  .mlbb-data-site .mlbb-rec-card{
    grid-template-columns:70px minmax(0,1fr) 220px!important;
  }
  .mlbb-data-site .mlbb-rec-card>img,
  .mlbb-data-site .mlbb-rec-card:first-child>img{width:70px!important;height:80px!important}
}
@media(max-width:820px){
  .mlbb-data-site .mlbb-rec-card{
    grid-template-columns:60px minmax(0,1fr)!important;
    min-height:0!important;
    padding:11px!important;
  }
  .mlbb-data-site .mlbb-rec-card>img,
  .mlbb-data-site .mlbb-rec-card:first-child>img{width:60px!important;height:68px!important}
  .mlbb-data-site .mlbb-rec-breakdown{grid-column:1/-1!important}
  .mlbb-data-site .mlbb-draft-flow b{font-size:.66rem!important}
  .mlbb-data-site .mlbb-draft-flow small{font-size:.5rem!important}
}
@media(max-width:480px){
  .mlbb-data-site .mlbb-rec-title a,
  .mlbb-data-site .mlbb-rec-card:first-child .mlbb-rec-title a{font-size:.9rem!important}
  .mlbb-data-site .mlbb-rec-reasons span{font-size:.6rem!important}
  .mlbb-data-site .mlbb-rec-breakdown strong{font-size:.8rem!important}
}