/* Blog index (blog.html).
   The Resource Center gets its card grid from cellhawk-overrides.css, which the
   standalone blog page intentionally does not load (it carries unrelated
   product overrides). This supplies the same grid layout, scoped to the blog
   index only, plus the empty state. */

.resources-blogs .resources-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.resources-blogs .webinar-card {
  height: 100%;
}

/* The site-wide `body.leadsonline h1-h4 { color:#fff }` rule turns the card
   titles white-on-white here (resources.html avoids this via its extra product
   stylesheets). These scoped rules restore readable card text. */
.resources-blogs .webinar-title {
  color: #1f2937;
}

.resources-blogs .webinar-desc {
  color: #4b5563;
}

.resources-blogs .case-study-product-tag {
  display: inline-block;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #2563eb;
}

.resources-blogs .resources-empty {
  grid-column: 1 / -1;
  text-align: center;
  color: #4a4a5e;
  font-size: 1.1rem;
  padding: 48px 24px;
}

@media (max-width: 992px) {
  .resources-blogs .resources-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 600px) {
  .resources-blogs .resources-grid {
    grid-template-columns: 1fr;
  }
}