.resource-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px 24px;
      align-items: stretch;
    }

    .resource-grid__item,
    .resource-grid .blogCard {
      height: 100%;
    }

    .resource-grid .blogCard {
      display: flex;
      flex-direction: column;
      color: inherit;
      text-decoration: none;
    }

    .resource-grid .blogCard__image {
      overflow: hidden;
      border-radius: 14px;
      background: #f2f2f2;
    }

    .resource-grid .blogCard__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .3s ease;
    }

    .resource-grid .blogCard:hover .blogCard__image img {
      transform: scale(1.03);
    }

    .resource-grid .blogCard__content {
      display: flex;
      flex: 1;
      flex-direction: column;
      margin-top: 18px !important;
    }

    .resource-grid .blogCard__info {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px 12px;
      min-height: 22px;
      color: #666;
    }

    .resource-grid .blogCard__title {
      margin-top: 10px !important;
      line-height: 1.45;
    }

    @media (max-width: 1199px) {
      .resource-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 575px) {
      .resource-grid {
        grid-template-columns: 1fr;
        gap: 28px;
      }
    }