.wp-block-latest-posts__post-date {
    font-style: italic;
    color: #666666; /* Optional: makes it slightly grey/lighter */
    font-size: 0.85em; /* Optional: makes it slightly smaller than the title */
}


/* ===== BLOG CARD GRID (added by Claude) ===== */
.ast-blog-layout-4 .ast-row { margin-left: -14px; margin-right: -14px; }
.ast-blog-layout-4 .ast-article-post { padding: 14px; display: flex; }
.ast-blog-layout-4 .ast-article-post .ast-article-inner {
  background: var(--ast-global-color-4, #212A37);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  overflow: hidden;
  width: 100%;
  display: flex;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.ast-blog-layout-4 .ast-article-post .post-content {
  display: flex; flex-direction: column; flex: 1 1 auto;
  margin: 0; padding: 0 0 1.6em;
}
.ast-blog-layout-4 .ast-blog-featured-section { margin: 0 0 1.3em; }
.ast-blog-layout-4 .post-thumb-img-content img,
.ast-blog-layout-4 .ast-blog-featured-section img {
  display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0;
}
.ast-blog-layout-4 .entry-title,
.ast-blog-layout-4 .entry-header,
.ast-blog-layout-4 .ast-excerpt-container,
.ast-blog-layout-4 .ast-read-more-container { padding-left: 1.5em; padding-right: 1.5em; }
.ast-blog-layout-4 .entry-title { font-size: 1.22em; line-height: 1.32; margin-bottom: .45em; }
.ast-blog-layout-4 .entry-meta,
.ast-blog-layout-4 .entry-meta * { font-size: .78em; opacity: .68; }
.ast-blog-layout-4 .ast-excerpt-container { margin-top: .6em; }
.ast-blog-layout-4 .ast-excerpt-container p {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; margin-bottom: 0; font-size: .95em;
}
.ast-blog-layout-4 .ast-read-more-container { margin-top: auto; padding-top: 1.3em; margin-bottom: 0; }
.ast-blog-layout-4 .ast-article-post:hover .ast-article-inner {
  transform: translateY(-4px);
  border-color: rgba(45,212,191,.45);
  box-shadow: 0 14px 32px rgba(0,0,0,.38);
}
@media (max-width: 921px) {
  .ast-blog-layout-4 .ast-row { margin-left: -10px; margin-right: -10px; }
  .ast-blog-layout-4 .ast-article-post { padding: 10px; }
}
/* ===== end blog card grid ===== */


/* ----- Fix: Jetpack infinite-scroll posts stacking in one column (added by Claude) ----- */
.ast-blog-grid-3 .infinite-wrap {
  display: flex;
  flex-wrap: wrap;
}


/* ===== CATEGORY FILTER BAR (added by Claude) ===== */
.jg-filter { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:.6em 0 0; }
.jg-filter a {
  display:inline-block; padding:.5em 1.15em; border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.03);
  color: var(--ast-global-color-3, #E7F6FF);
  font-size:.86rem; line-height:1.4; text-decoration:none; white-space:nowrap;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.jg-filter a:hover { background: rgba(45,212,191,.14); border-color: rgba(45,212,191,.55); color:#fff; }
body.blog .jg-filter a[data-cat="all"],
body.category-patient-education .jg-filter a[data-cat="patient-education"],
body.category-implant-science .jg-filter a[data-cat="implant-science"],
body.category-oral-ecology .jg-filter a[data-cat="oral-ecology"],
body.category-biomaterials-technology .jg-filter a[data-cat="biomaterials-technology"] {
  background: var(--ast-global-color-0, #0085FF);
  border-color: var(--ast-global-color-0, #0085FF);
  color:#fff; font-weight:600;
}
.ast-archive-description { padding-top:2.2em; padding-bottom:1.6em; }
.ast-archive-description .ast-archive-title { text-align:center; margin-bottom:.2em; }
@media (max-width:600px){
  .jg-filter { gap:8px; }
  .jg-filter a { font-size:.8rem; padding:.45em .9em; }
}
/* ===== end category filter bar ===== */

/* filter bar: only on blog + category archives */
body:not(.blog):not(.category) .jg-filter{display:none!important;}
.jg-filter{margin:0 0 2.2em;}
.ast-separate-container .jg-filter{padding-top:2.2em;}


/* ----- Most Popular badge on pinned (sticky) posts (added by Claude) ----- */
.blog .ast-article-post.sticky .ast-article-inner { position: relative; }
.blog .ast-article-post.sticky .ast-article-inner::before {
  content: '\2605  Most Popular';
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  background: #2fbfa7;
  color: #0b1c33;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 4px 10px;
  border-radius: 999px;
}