/* article_ai_avatar_pages.css */
.ai-avatar-page-nav{
  display:flex;
  justify-content:center;
  gap:.7rem;
  margin:1.2rem 0 1.8rem;
}

.ai-avatar-page-nav__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.4rem;
  height:2.4rem;
  border:.12rem solid #0175d8;
  border-radius:999px;
  color:#0175d8;
  background:#fff;
  font-weight:700;
  text-decoration:none;
  line-height:1;
}

.ai-avatar-page-nav__link:hover{
  background:#eaf5ff;
}

.ai-avatar-page-nav__link.is-active{
  color:#fff;
  background:#0175d8;
  pointer-events:none;
}

@media (max-width:600px){
  .ai-avatar-page-nav{
    gap:.55rem;
    margin:1rem 0 1.5rem;
  }

  .ai-avatar-page-nav__link{
    width:2.2rem;
    height:2.2rem;
  }
}