/* APIS Lab v6.53 — mobile Site Intelligence report polish */
@media (max-width:760px){
  /* Stable compact tab strip; eliminate clipped active-border artefacts. */
  html body.intelligence-page main .intel-tabs{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    border-bottom:1px solid var(--line)!important;
  }
  html body.intelligence-page main .intel-tabs::-webkit-scrollbar{display:none!important}
  html body.intelligence-page main .intel-tabs::before,
  html body.intelligence-page main .intel-tabs::after{content:none!important;display:none!important}
  html body.intelligence-page main .intel-tabs button{
    position:relative!important;
    flex:0 0 auto!important;
    min-height:48px!important;
    padding:13px 15px!important;
    border:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  html body.intelligence-page main .intel-tabs button.active::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:0!important;
    height:2px!important;
    background:#111318!important;
    border-radius:2px!important;
  }

  /* Results begin close to the tabs instead of feeling detached. */
  html body.intelligence-page main .intel-panel{padding-top:18px!important}

  /* CMS / analytics report: restore horizontal padding removed by old mobile rules. */
  html body.intelligence-page main .tech-report-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
  }
  html body.intelligence-page main .tech-block{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:20px!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    background:#f7f4ee!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body.intelligence-page main .tech-block h3{
    margin:0 0 18px!important;
    font-size:clamp(22px,6.1vw,27px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  html body.intelligence-page main .tech-empty,
  html body.intelligence-page main .detected-empty{
    font-size:12px!important;
    line-height:1.55!important;
    color:#74777d!important;
  }
  html body.intelligence-page main .tech-chips{gap:8px!important}
  html body.intelligence-page main .tech-chip{
    max-width:100%!important;
    padding:8px 12px!important;
    font-size:11px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }

  /* Contact and security rows: proper gutters and readable two-column alignment. */
  html body.intelligence-page main .metric-list{width:100%!important;min-width:0!important}
  html body.intelligence-page main .metric-row{
    grid-template-columns:minmax(92px,.78fr) minmax(0,1.22fr)!important;
    gap:14px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    padding:12px 0!important;
    font-size:12px!important;
  }
  html body.intelligence-page main .metric-row span{
    min-width:0!important;
    font-size:12px!important;
    line-height:1.35!important;
    color:#6b6f75!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  html body.intelligence-page main .metric-row b{
    min-width:0!important;
    max-width:none!important;
    font-size:12px!important;
    line-height:1.35!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  html body.intelligence-page main .detected-row{
    width:100%!important;
    min-width:0!important;
    padding:11px 0!important;
    gap:12px!important;
  }
  html body.intelligence-page main .detected-row b,
  html body.intelligence-page main .detected-row code{min-width:0!important;max-width:100%!important}
  html body.intelligence-page main .schema-full{margin-top:12px!important}
}

@media (max-width:360px){
  html body.intelligence-page main .tech-block{padding:18px!important}
  html body.intelligence-page main .tech-block h3{font-size:22px!important}
  html body.intelligence-page main .metric-row{
    grid-template-columns:minmax(82px,.72fr) minmax(0,1.28fr)!important;
    gap:10px!important;
  }
}