/* ====== Layout ====== */
      .latest-news-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 28px;
        max-width: 1400px;
        margin: 0 auto;
      }
      .lng-item {
        display: flex;
        flex-direction: column;
        text-align: left;
      }

      /* ====== Image ====== */
      .lng-thumb {
        display: block;
        overflow: hidden;
        border-radius: 12px;
        line-height: 0;
        width: 100%;
        min-height: 300px;          /* ✅ Fixed minimum height */
        max-height: 300px;          /* keep all consistent visually */
      }
      .lng-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
        transition: transform 0.35s ease-in-out;
      }
      .lng-thumb:hover img {
        transform: scale(1.05);
      }

      /* ====== Text ====== */
      .lng-meta {
        margin-top: 14px;
      }
      .lng-date {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: #6b6b6b;
        margin-bottom: 8px;
      }
      .lng-title {
        margin: 0;
        line-height: 1.4;
        color: #111;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
		font-size: 20px !important; 
    line-height: 26px;
      }
      .lng-title a {
        color: inherit;
        text-decoration: none;
        transition: color 0.2s ease-in-out;
      }
      .lng-title a:hover {
        color: #2b6fff;
      }

      /* ====== Responsive ====== */
      @media (max-width: 768px) {
        .latest-news-grid {
          grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
          gap: 20px;
        }
        .lng-thumb {
          min-height: 240px;
          max-height: 240px;
        }
        .lng-title { font-size: 16px; }
      }