/* Archive list cards — keep in sync with style.css lists-pro rules.
   Loaded after style.css so host partial uploads still get the alignment fix. */
.box-tabs-pro-32 .lists-pro > .item {
  display: grid !important;
  grid-template-columns: 25% minmax(0, 1fr);
  align-items: stretch !important;
  gap: 21px;
}

@media screen and (max-width: 1400px) {
  .box-tabs-pro-32 .lists-pro > .item {
    grid-template-columns: 30% minmax(0, 1fr);
  }
}

@media screen and (max-width: 575.98px) {
  .box-tabs-pro-32 .lists-pro > .item {
    grid-template-columns: 1fr;
  }

  .box-tabs-pro-32 .lists-pro > .item > .img {
    height: auto !important;
    aspect-ratio: 16 / 9;
  }
}

.box-tabs-pro-32 .lists-pro > .item > .img {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

.box-tabs-pro-32 .lists-pro > .item > .img picture,
.box-tabs-pro-32 .lists-pro > .item > .img img {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

.box-tabs-pro-32 .lists-pro > .item > .box-left {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  align-self: stretch !important;
  min-width: 0 !important;
}

.box-tabs-pro-32 .lists-pro > .item > .box-left > .box-head {
  flex: 1 1 auto !important;
}

.box-tabs-pro-32 .lists-pro > .item > .box-left > .box-sp {
  flex: 0 0 auto !important;
  margin-top: auto !important;
  min-height: 40px !important;
  max-height: none !important;
  padding: 4px 12px !important;
}

.box-tabs-pro-32 .lists-pro .item .title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  font-size: 17px !important;
  margin-bottom: 6px !important;
}

.box-tabs-pro-32 .lists-pro .item .option {
  min-height: 78px !important;
}

.box-tabs-pro-32 .lists-pro .item .option p {
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  line-height: 1.65 !important;
}

.box-tabs-pro-32 .lists-pro .item .box-sp .title-1,
.box-tabs-pro-32 .lists-pro .item .box-sp .title-2 {
  font-size: 1rem !important;
}

@media screen and (max-width: 1400px) {
  .box-tabs-pro-32 .lists-pro > .item > .box-left > .box-sp {
    min-height: 56px !important;
  }
}