/*
 * NxtGen Review — archrank.css
 * Section 3C: Archetype / Category Rank
 */

#nxrv-page .nxrv-archrank {
  max-width: 680px;
}

#nxrv-page .nxrv-archrank__row {
  display: grid;
  grid-template-columns: 32px 1fr 140px 44px 80px;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #F3F4F6;
}

#nxrv-page .nxrv-archrank__row:last-of-type {
  border-bottom: none;
}

#nxrv-page .nxrv-archrank__row--self {
  background: rgba(108,99,255,0.05);
  border-radius: 10px;
  padding: 10px 12px;
  margin: 2px -12px;
  border-bottom: none !important;
}

#nxrv-page .nxrv-archrank__pos {
  font-size: 0.75rem;
  font-weight: 700;
  color: #9CA3AF;
  font-family: 'Montserrat', sans-serif;
}

#nxrv-page .nxrv-archrank__row--self .nxrv-archrank__pos {
  color: #6C63FF;
}

#nxrv-page .nxrv-archrank__name {
  font-size: 0.88rem;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#nxrv-page .nxrv-archrank__you {
  font-size: 0.68rem;
  font-weight: 700;
  font-style: normal;
  color: #6C63FF;
  margin-left: 6px;
}

#nxrv-page .nxrv-archrank__fill--self {
  background: linear-gradient(90deg, #6C63FF, #22c55e) !important;
}

#nxrv-page .nxrv-archrank__score {
  font-size: 0.88rem;
  font-weight: 700;
  color: #111827;
  font-family: 'Montserrat', sans-serif;
  text-align: right;
}

#nxrv-page .nxrv-archrank__cmp {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6C63FF;
  text-decoration: none;
}

#nxrv-page .nxrv-archrank__cmp:hover {
  text-decoration: underline;
}

#nxrv-page .nxrv-archrank__footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #E5E7EB;
  font-size: 0.84rem;
  color: #6B7280;
}

#nxrv-page .nxrv-archrank__footer strong {
  color: #111827;
}

#nxrv-page .nxrv-archrank__diff {
  font-size: 0.73rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: 'Montserrat', sans-serif;
}

#nxrv-page .nxrv-archrank__diff.pos { background: #EAFAF0; color: #166534; }
#nxrv-page .nxrv-archrank__diff.neg { background: #FEF2F2; color: #991B1B; }

#nxrv-page .nxrv-archrank__lb {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6C63FF;
  text-decoration: none;
  margin-left: auto;
}

#nxrv-page .nxrv-archrank__lb:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  #nxrv-page .nxrv-archrank__row {
    grid-template-columns: 28px 1fr 100px 36px;
  }
  #nxrv-page .nxrv-archrank__cmp {
    display: none;
  }
}

@media (max-width: 640px) {
  #nxrv-page .nxrv-archrank {
    max-width: 100%;
  }
  #nxrv-page .nxrv-archrank__row {
    grid-template-columns: 28px 1fr 80px 32px;
  }
}