/* ===========================================
   page-profile
   =========================================== */
.page-profile .table .description .link:hover {
  color: var(--sub-color);
}
.page-profile .page-contents {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg, 20px);
}

.page-profile .about-imgs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.page-profile .about-imgs .img {
  width: 300px;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  flex: 0 1 300px;
}

@media (min-width: 890px) {
  .page-profile .page-contents {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--gap-lg, 20px);
  }

  .page-profile .table {
    flex: 1;
    max-width: calc(100% - 260px);
  }

  .page-profile .about-imgs {
    flex-direction: column;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: 240px;
    align-self: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .page-profile .about-imgs .img {
    width: 240px;
    max-width: 240px;
    flex: 0 0 auto;
  }
}