/* TPH STEP38F
   Latest articles section:
   - Tablet: 3 visible columns
   - All views: add gray background bar behind previous/next arrows
*/

.tph38f-latest-articles .tph38f-articles-nav{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:8px 14px !important;
  background:#e5e7eb !important;
  border:1px solid #d1d5db !important;
  border-radius:999px !important;
  margin:14px auto 0 !important;
  width:max-content !important;
  box-shadow:none !important;
}

.tph38f-latest-articles .tph38f-articles-nav button,
.tph38f-latest-articles .tph38f-articles-nav .nav-btn,
.tph38f-latest-articles .tph38f-articles-nav .arrow{
  background:#ffffff !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:none !important;
}

@media (min-width:651px) and (max-width:850px){
  .tph38f-latest-articles .tph38f-articles-track{
    gap:12px !important;
  }
  .tph38f-latest-articles .tph38f-article-card{
    flex:0 0 calc((100% - 24px) / 3) !important;
    width:calc((100% - 24px) / 3) !important;
    max-width:calc((100% - 24px) / 3) !important;
    min-width:calc((100% - 24px) / 3) !important;
  }
}