/* V11 UX cleanup */

/* remove unused blank mobile ad bar */
body{padding-bottom:0 !important}
.mob-sticky{
  display:none !important;
  min-height:0 !important;
  height:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* lighter top ad placeholder on small screens */
@media (max-width:900px){
  .ad-top{padding:8px 14px !important}
  .ad-unit{min-height:56px !important}
}

/* improve article cards on tablet/mobile */
@media (max-width:900px){
  .main-wrap,.page-wrap{
    padding:0 14px !important;
    margin-top:20px !important;
    gap:0 !important;
  }

  .art-item{
    display:grid !important;
    grid-template-columns:1fr 128px;
    gap:14px !important;
    align-items:start;
    padding:20px 0 !important;
  }

  .ai-title{font-size:clamp(22px,3.6vw,30px) !important;line-height:1.13 !important}
  .ai-desc{font-size:16px !important;line-height:1.45 !important;-webkit-line-clamp:3 !important}
  .ai-meta{font-size:10px !important}

  .ai-img{
    width:128px !important;
    height:88px !important;
    border-radius:2px;
    overflow:hidden;
  }
}

@media (max-width:700px){
  .art-item{
    grid-template-columns:1fr !important;
  }

  .ai-img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/9;
  }

  .ft{padding:26px 14px 28px !important}
}