/* grid layout */
  #engine-cards .grid{
    display:grid;
    gap:24px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  @media (max-width:1200px){
    #engine-cards .grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @media (max-width:760px){
    #engine-cards .grid{ grid-template-columns:1fr; }
  }

  /* card shell + image */
  #engine-cards .card{ background:#fff; border:1px solid #E6E8EE; border-radius:12px; overflow:hidden; box-shadow:0 6px 18px rgba(2,6,23,.08); }
  #engine-cards .hero{ display:block; position:relative; overflow:hidden; }
  #engine-cards .hero::before{ content:""; display:block; aspect-ratio:16/9; } /* keeps thumbnails consistent */
  #engine-cards .hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

  /* body panel + text */
  #engine-cards .body{ background:#F3F6F9; padding:14px 16px 16px; }
  #engine-cards .title{ margin:0 0 8px; font-size:17px; line-height:1.35; }
  #engine-cards .title a{ color:#2EA3F2; text-decoration:none; }
  #engine-cards .title a:hover{ text-decoration:underline; }
  #engine-cards .desc{ margin:0 0 12px; color:#0F172A; opacity:.9; }
  #engine-cards .learn-more{ color:#2EA3F2; font-weight:500; text-decoration:none; }
  #engine-cards .learn-more:hover{ text-decoration:underline; }
  #engine-cards .meta{ display:flex; align-items:center; gap:8px; color:#6B7280; font-size:13px; }
  #engine-cards .meta .icon{ display:inline-flex; line-height:0; }
  #engine-cards .meta .icon svg{ width:14px; height:14px; }