/* TPH52B_HOME_ARTICLE_AUTOPLAY_DOTS
   Scope: homepage latest/recommended article carousel only.
*/
#tph20-articles .tph52-dot-controls{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 12px!important;
  gap:0!important;
}

#tph20-articles .tph52-dot-controls .tph20-arrow{
  display:none!important;
}

#tph20-articles .tph52-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  width:100%;
  min-height:20px;
}

#tph20-articles .tph52-dot{
  appearance:none;
  -webkit-appearance:none;
  width:8px;
  height:8px;
  min-width:8px;
  padding:0;
  margin:0;
  border:0;
  border-radius:999px;
  background:#c8d3d0;
  opacity:.9;
  cursor:pointer;
  transition:width .18s ease,background-color .18s ease,transform .18s ease,opacity .18s ease;
}

#tph20-articles .tph52-dot:hover,
#tph20-articles .tph52-dot:focus-visible{
  transform:scale(1.12);
}

#tph20-articles .tph52-dot[aria-selected="true"]{
  width:20px;
  background:#0b8f6a;
  opacity:1;
}

#tph20-articles .tph52-dot:focus-visible{
  outline:2px solid #0b8f6a;
  outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
  #tph20-articles .tph52-dot{
    transition:none;
  }
}
/* TPH52C_HOME_ARTICLE_INDICATOR_BOX_DOT
   Visual refinement only:
   inactive = rounded square box
   active   = same box + centered dark gray circle
*/
#tph20-articles .tph52-dots{
  gap:8px!important;
}

#tph20-articles .tph52-dots .tph52-dot{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #cbd5d2!important;
  border-radius:7px!important;
  background:#fff!important;
  opacity:1!important;
  transform:none!important;
  box-shadow:none!important;
}

#tph20-articles .tph52-dots .tph52-dot::after{
  content:"";
  display:block;
  width:0;
  height:0;
  border-radius:50%;
  background:#4f5654;
  transition:width .16s ease,height .16s ease,opacity .16s ease;
  opacity:0;
}

#tph20-articles .tph52-dots .tph52-dot[aria-selected="true"]{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  background:#fff!important;
  border-color:#bfc9c6!important;
  transform:none!important;
}

#tph20-articles .tph52-dots .tph52-dot[aria-selected="true"]::after{
  width:10px;
  height:10px;
  opacity:1;
}

#tph20-articles .tph52-dots .tph52-dot:hover,
#tph20-articles .tph52-dots .tph52-dot:focus-visible{
  transform:none!important;
}

@media(max-width:650px){
  #tph20-articles .tph52-dots{
    gap:8px!important;
  }

  #tph20-articles .tph52-dots .tph52-dot{
    flex-basis:28px!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #tph20-articles .tph52-dots .tph52-dot::after{
    transition:none;
  }
}