/* NOTE: Use the standard HOOB content width and a denser editorial card grid without forced word breaks. */
@media (min-width: 641px) {
  .mpblog-post-index .columns > .column.main,
  .mpblog-post-index .columns > .sidebar.sidebar-main {
    width: min(1440px, calc(100vw - 40px));
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .mpblog-post-index .hoob-blog-grid {
    align-items: stretch;
  }

  .mpblog-post-index .hoob-blog-grid .post-list-item:not(.hoob-blog-card--featured) {
    align-self: stretch;
    height: 100%;
  }

  .mpblog-post-index .hoob-blog-grid .post-list-item:not(.hoob-blog-card--featured) .post-item-wraper {
    height: 100%;
  }
}

.mpblog-post-index .hoob-blog-grid .mp-post-title,
.mpblog-post-index .hoob-blog-grid .post-link-title {
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

.mpblog-post-index .hoob-blog-grid .post-info-wraper {
  flex: 1 1 auto;
  min-height: 0;
}

.mpblog-post-index .hoob-blog-grid .post-list-item:not(.hoob-blog-card--featured) .post-item-wraper {
  display: flex;
  flex-direction: column;
}

.mpblog-post-index .hoob-blog-grid .mp-post-meta-info {
  margin-top: auto;
}

@media (min-width: 1001px) {
  .mpblog-post-index .hoob-blog-grid .hoob-blog-card--featured .post-item-wraper {
    grid-template-columns: minmax(0, 3fr) minmax(520px, 2fr);
  }

  .mpblog-post-index .hoob-blog-grid .hoob-blog-card--featured .post-info-wraper {
    padding: clamp(34px, 3vw, 48px);
  }
}

@media (min-width: 1280px) {
  .mpblog-post-index .hoob-blog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }

  .mpblog-post-index .hoob-blog-grid .post-list-item:not(.hoob-blog-card--featured) .mp-post-title {
    font-size: clamp(28px, 1.9vw, 32px);
    line-height: 1.12;
  }
}