.mobile-recommendations-slot {
  display: none
}

.sidebar-reading[hidden] {
  display: none !important
}

@media(max-width:760px) {
  .mobile-recommendations-slot {
    display: block;
    margin-top: 28px;
    min-width: 0
  }

  .mobile-recommendations-slot:has(.sidebar-reading[hidden]) {
    display: none
  }

  body:is(.article-list-page, .article-detail-page) .mobile-recommendations-slot .sidebar-reading {
    padding: 20px 18px;
    border: 1px solid #e2e6eb;
    border-radius: 10px;
    background: #fff
  }

  body:is(.article-list-page, .article-detail-page) .mobile-recommendations-slot .sidebar-reading h2 {
    font-size: 21px;
    line-height: 1.5;
    margin: 0 0 14px;
    font-weight: 700
  }

  body:is(.article-list-page, .article-detail-page) .mobile-recommendations-slot .sidebar-reading li {
    padding: 0;
    gap: 10px;
    align-items: baseline
  }

  body:is(.article-list-page, .article-detail-page) .mobile-recommendations-slot .sidebar-reading li:before {
    font-size: 16px;
    line-height: 1.7
  }

  body:is(.article-list-page, .article-detail-page) .mobile-recommendations-slot .sidebar-reading a {
    display: block;
    flex: 1;
    min-width: 0;
    min-height: 44px;
    box-sizing: border-box;
    padding: 12px 0;
    font-size: 16px;
    line-height: 1.7;
    overflow-wrap: anywhere
  }
}