.text-color-white {
  color: #fff;
}

/* prediction site detail bad, good */
.detail-site-content {
  width: 60%;
  margin: 2vw auto 0;
}

.margin-bottom-5vw {
  margin-bottom: 5vw;
}

.js-sidebar-load-more {
  background-color: #fff;
}

.pageTemplate1 {
    padding-bottom: 1px;
}

.pageTemplate1 .toplinkBtn1 {
    margin-bottom: 70px;
}

.linkBtn1.js-article-list-load-more {
  font-size: 1.4vw;
  margin: 18px auto 0;
  border-width: 2px;
  padding: 10px 56px 10px 16px;
  border-radius: 10px;
}

.linkBtn1.js-article-list-load-more.linkBtn1:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  width: 0.9vw;
  height: 1.4vw;
  background: url('../../images/rating/arrow2.png')0 0 no-repeat;
  background-size: 100%;
  margin: auto;
}


.linkBtn1.js-article-list-load-more.linkBtn1:hover:after {
  background: url('../../images/rating/arrow5.png')0 0 no-repeat;
  background-size: 100%;
}

.templateBlock2 ul li a img {
  border-radius: 16px;
}

/* ===== Sidebar load-more button: hide on mobile (next slider btn handles it) ===== */
@media (max-width: 899px) {
  .js-sidebar-load-more {
    display: none !important;
  }
}

/* Sidebar list: Ensure it expands vertically on desktop */
.articleSideBlock1 .reportList2 ul {
  display: block;
  overflow: visible;
}

/* Sidebar slider: Keep horizontal scroll only on mobile */
@media (max-width: 899px) {
  .articleSideBlock1 .reportList2 ul {
    display: grid;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (max-width: 767px) {
  .js-article-list-load-more{
    font-size: 3vw !important;
  }
}

/* ===== User Review: Load More button spacing ===== */
.review-pending {
    opacity: 0.5;
    position: relative;
}

.review-pending-note {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
}

#js-review-message {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
}

#js-review-message.success {
    background: #d4edda;
    color: #155724;
}

#js-review-message.error {
    background: #f8d7da;
    color: #721c24;
}

.mb-10vw {
  margin-bottom: 10vw;
}

/* Rounded user avatar for reviews */
.voiceList li img.user-avatar-rounded {
    border-radius: 50%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

/* Fix text overflow for long words without spaces in reviews */
.voiceList li .txtBox {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}