.linkmanagement-wrapper {
  display: flex;
  flex-direction: column;
}

.linkmanagement-category-wrapper,
.linkmanagement-subcategory-wrapper,
.linkmanagement-subsubcategory-wrapper {
  display: flex;
  flex-direction: column;
}

.linkmanagement-category-title,
.linkmanagement-subcategory-title,
.linkmanagement-subsubcategory-title {
  margin-bottom: 20px;
}

.linkmanagement-link-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 50px;
}

.linkmanagement-link-box {
  width: 100%;
  min-height: 400px;
  text-decoration: none;
  pointer-events: none;
  background-color: rgb(var(--sub-light-color));
}

.linkmanagement-link-pic {
  pointer-events: all;
}

.linkmanagement-link-pic img {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}

.linkmanagement-link-content {
  padding: 20px 25px;
  overflow: hidden;
}

.linkmanagement-link-title {
  color: rgb(var(--main-highlight-color));
  text-decoration: underline;
  pointer-events: all;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.linkmanagement-link-title:hover,
.linkmanagement-link-title:focus {
  text-decoration: none;
}

.linkmanagement-link-description {
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
}


/*ab 640px*/
@media screen and (min-width: 640px) {

  .linkmanagement-link-wrapper {
    justify-content: space-between;
    row-gap: 40px;
  }

  .linkmanagement-link-box {
    width: 47%;
  }
}


/*ab 1040px*/
@media screen and (min-width: 1040px) {
  .linkmanagement-wrapper {
    margin: 0;
  }

  .linkmanagement-link-wrapper {
    justify-content: flex-start;
    column-gap: 5%;
  }

  .linkmanagement-link-box {
    width: 30%;
  }

  .linkmanagement-wrapper.ww-columns-2 .linkmanagement-link-box {
    width: 48%;
    min-height: 350px;
  }

  .linkmanagement-wrapper.ww-columns-2 .linkmanagement-link-pic img {
    max-height: 350px;
  }

  .linkmanagement-wrapper.ww-columns-3 .linkmanagement-link-box {
    width: 31%;
  }
}


/*ab 1400px*/
@media screen and (min-width: 1400px) {
  .linkmanagement-wrapper {
    width: 100%;
  }

  .linkmanagement-link-content {
    padding: 15px 20px;
  }


  .linkmanagement-link-wrapper {
    column-gap: 3%;
  }

  .linkmanagement-wrapper.ww-columns-4 .linkmanagement-link-box,
  .linkmanagement-wrapper.ww-columns-5 .linkmanagement-link-box {
    width: 22.5%;
  }

  .linkmanagement-wrapper.ww-columns-4 .linkmanagement-link-title,
  .linkmanagement-wrapper.ww-columns-5 .linkmanagement-link-title {
    font-size: 1.8rem;
  }

  .linkmanagement-wrapper.ww-columns-2 .linkmanagement-link-content {
    padding: 20px 25px;
  }
}


@media screen and (min-width: 1750px) {
  .linkmanagement-wrapper.ww-columns-5 .linkmanagement-link-box {
    width: 17.5%;
  }
}