.nx-term {
  padding: 100rem 0;
}
.nx-term__category {
  padding-bottom: 20rem;
  border-bottom: 1px solid #e5e5e5;
}
.nx-term__category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 25rem;
}
.nx-term__category-link {
  position: relative;
  color: #555;
  transition: color 0.3s;
}
.active .nx-term__category-link {
  color: var(--color-primary);
}
.active .nx-term__category-link::after {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 1025px) {
  .nx-term__category-link:focus, .nx-term__category-link:hover {
    color: var(--color-primary);
  }
}
.nx-term__category-link::after {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 2px;
  visibility: hidden;
  opacity: 0;
  background-color: var(--color-primary);
  transition-property: visibility, opacity;
  transition-duration: 0.3s;
}
.nx-term__title:not(:first-child) {
  margin-top: 40rem;
}
.nx-term .editor-contents {
  padding: 80rem 0;
  margin-bottom: 45rem;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 640px) {
  .nx-term .editor-contents {
    padding: 60rem 0;
  }
}
.nx-term__select-wrap {
  width: 100%;
  max-width: 280rem;
  height: 60rem;
}