/* TPH STEP38F3
   Compact the gray navigation bar under Latest Articles in all views
   while preserving full width and centered arrows.
*/

.tph38f2-latest-articles .tph38f2-articles-nav{
  width:100% !important;
  min-height:0 !important;
  padding:6px 10px !important;
  gap:8px !important;
  margin:10px 0 0 0 !important;
  border-radius:5px !important;
}

.tph38f2-latest-articles .tph38f2-articles-nav button,
.tph38f2-latest-articles .tph38f2-articles-nav .nav-btn,
.tph38f2-latest-articles .tph38f2-articles-nav .arrow,
.tph38f2-latest-articles .tph38f2-articles-nav .tph38f2-arrow-btn{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  border-radius:7px !important;
  margin:0 !important;
  padding:0 !important;
}

@media (max-width:650px){
  .tph38f2-latest-articles .tph38f2-articles-nav{
    padding:5px 8px !important;
    gap:8px !important;
    margin-top:8px !important;
  }
  .tph38f2-latest-articles .tph38f2-articles-nav button,
  .tph38f2-latest-articles .tph38f2-articles-nav .nav-btn,
  .tph38f2-latest-articles .tph38f2-articles-nav .arrow,
  .tph38f2-latest-articles .tph38f2-articles-nav .tph38f2-arrow-btn{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
  }
}