.legacy-education-post-list {
  margin: 1rem 0;
}
.legacy-education-post-list__title {
  margin: 0 0 40px 0;
}
.legacy-education-post-list__pagination ul { display: flex; gap: 10px; list-style: none; margin: 40px 0 40px 0; padding: 0; }
.legacy-education-post-list__pagination li { list-style-type: none; }
.legacy-education-post-list__pagination a,
.legacy-education-post-list__pagination span {
  border: 1px solid #e2e2e2;
  border-radius: 0;
  text-decoration: none;
  color: #8e8d8d;
  font-size: 20px;
  font-weight: 400;
  display: block;
  height: 46px;
  width: 46px;
  line-height: 44px;
  text-align: center;
}
.legacy-education-post-list__pagination span.page-numbers.current {
  color: #242424;
  background: #e2e2e2;
}
.legacy-education-post-list__more { text-align: left; margin-top: 10px; }
.legacy-education-post-list__btn { padding: .5rem .9rem; border: 1px solid rgba(0,0,0,.15); border-radius: 6px; background: #fff; cursor: pointer; }
.legacy-education-post-list__btn[disabled] { opacity: .6; cursor: default; }

/* List layout */
.legacy-education-post-list__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 20px;
}

/* Item row: thumb (fixed 300px) + content (flexes to fill) */
li.legacy-education-post-list__item:first-child {
  margin-top: 0;
}
.legacy-education-post-list__item {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  border-bottom: 1px solid #ebebeb;
  margin-top: 20px;
  padding-bottom: 20px;
}

/* Thumbnail column: fixed width 300px */
.legacy-education-post-list__thumb {
  flex: 0 0 300px;   /* don't grow, don't shrink, fixed 300px */
  width: 300px;      /* ensures the anchor itself is 300px wide */
  display: block;
}

/* Image scales to the column width */
.legacy-education-post-list__thumb img {
  display: block;
  width: 100%;
  height: auto;      /* natural aspect; change to object-fit:cover + fixed height if you want crop */
  border-radius: 0;
}

/* Content column: fills whatever is left */
.legacy-education-post-list__content {
  flex: 1 1 auto;    /* grow and shrink as needed */
  min-width: 0;      /* important so long words/wraps don't force overflow */
}

.legacy-education-post-list__heading { margin: 0 0 20px 0; }
.legacy-education-post-list__meta { font-size: .9rem; opacity: .7; margin: .25rem 0 .25rem; }
.legacy-education-post-list__excerpt { margin: 0 0 0 0; }

/* Small-screen stacking (tweak breakpoint if you prefer) */
@media (max-width: 640px) {
  .legacy-education-post-list__item {
    flex-direction: column;
  }
  .legacy-education-post-list__thumb {
    width: 100%;
    flex: 0 0 auto;
  }
}
.legacy-education-post-list__btn-more {

}
.legacy-education-post-list__btn-more:hover {

}
.legacy-education-post-list__pagination.is-loading {
  opacity: .6;
  pointer-events: none;
}