/* Blog index — the featured story stays a deliberate object. The long OVERT
   catalogue becomes an editorial index on desktop so the page does not turn
   into a repeating SaaS-card wall after its strongest moment. */

@media (min-width: 768px) {
  .blog-overt .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 30px !important;
  }

  .blog-overt .blog-card {
    min-width: 0;
    overflow: visible !important;
    border: 0 !important;
    border-top: 1px solid rgba(237, 227, 208, 0.16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .blog-overt .blog-card:hover {
    border-top-color: #82C4D0 !important;
    transform: none !important;
  }

  .blog-overt .blog-card .card-body {
    padding: 24px 0 30px !important;
  }

  .blog-overt .blog-card h3 {
    font-size: clamp(20px, 1.65vw, 25px) !important;
    line-height: 1.12 !important;
  }

  .blog-overt .blog-card p { line-height: 1.58; }
}