/* Mobile-only inline sponsored cards; they scroll away with the article. */
.mobile-inline-sponsored{display:none}
@media(max-width:760px){
  /* Articles and the space between recommendations always use full available width. */
  html body .container.page-grid,
  html body .container.page-grid.mobile-sponsored-layout{
    display:block!important; grid-template-columns:none!important;
    width:100%!important; padding-left:15px!important; padding-right:15px!important;
  }
  html body .container.page-grid > article.article{
    display:block!important; width:100%!important; max-width:none!important;
    font-size:clamp(.92rem,3.65vw,1.015rem)!important;
    line-height:1.67!important; min-width:0!important;
  }
  html body .container.page-grid > aside.sidebar{display:none!important}
  .mobile-inline-sponsored{
    display:block!important; float:right!important; clear:right;
    position:static!important; z-index:auto!important;
    width:clamp(108px,32%,140px);
    max-width:41%;
    margin:3px 0 12px 12px; padding:5px;
    border:1px solid #d9e1e8; border-radius:11px;
    box-shadow:0 3px 12px #152b3c13; background:#fff;
    font-style:normal; text-align:center;
  }
  .mobile-inline-sponsored .mobile-inline-heading{
    font-weight:650; font-size:.67rem; letter-spacing:.02em; color:#666;
    padding:4px 0 6px; border-bottom:1px solid #eef0f2; line-height:1.2;
  }
  .mobile-inline-sponsored .sponsored-card{
    display:flex!important;flex-direction:column!important; align-items:stretch!important;
    width:100%!important;max-width:100%!important;
    min-height:0!important; padding:7px 2px 9px!important; margin:0!important;
    gap:2px!important;position:static!important; border-bottom:1px solid #e9eef1;
    background:#fff!important; box-shadow:none!important; color:#203248!important;
  }
  .mobile-inline-sponsored .sponsored-card:last-of-type{border-bottom:0}
  .mobile-inline-sponsored .sponsored-photo{display:block!important; height:72px!important; width:100%!important;flex:none!important; border:0!important; background:#fff!important; overflow:hidden}
  .mobile-inline-sponsored .sponsored-photo img{display:block!important; width:100%!important; height:100%!important;object-fit:contain!important;padding:0!important}
  .mobile-inline-sponsored .sponsored-card-copy{display:block!important;width:100%!important;min-width:0!important}
  .mobile-inline-sponsored .sponsored-name{display:block!important;font-weight:750!important;
    font-size:clamp(.67rem,2.8vw,.76rem)!important;line-height:1.25!important;
    overflow-wrap:anywhere!important;text-align:center}
  .mobile-inline-sponsored .sponsored-provider{display:none!important}
  .mobile-inline-sponsored .sponsored-action{display:block!important;font-weight:800!important;
    color:#a54b2f!important; font-size:clamp(.61rem,2.45vw,.70rem)!important;
    line-height:1.25!important; margin-top:5px!important; text-align:center}
  .mobile-inline-sponsored .sponsored-action span{display:none}
  /* No fixed, sticky or JavaScript-generated/sidebar products on phones. */
  .mobile-inline-sponsored, .mobile-inline-sponsored *{position:static!important}
  .home-side-grid,.home-side-grid.mobile-sponsored-layout{display:block!important}
  .home-side-grid > aside.home-sponsored-sidebar{display:none!important}
  .home-side-grid > .list-links{display:block!important}
  .home-side-grid > .list-links > .link-row{display:flex!important;min-width:0!important;
      margin-bottom:10px;padding:12px!important;font-size:.85rem!important;overflow-wrap:anywhere}
  .home-side-grid::after, .page-grid > .article::after{content:'';display:block;clear:both}
}
@media(max-width:350px){.mobile-inline-sponsored{width:108px;max-width:42%;margin-left:8px;padding:4px}
 .mobile-inline-sponsored .sponsored-name{font-size:.66rem!important}
 .mobile-inline-sponsored .sponsored-photo{height:62px!important}}
@media(min-width:761px){.mobile-inline-sponsored{display:none!important}}
