/**
 * Updates / Lab discoveries: card layout and equal image sizes
 * - Card layout: image on top, title and details below (flex column)
 * - Same image dimensions on /updates, update detail page, and home (slider, lab updates)
 */

/* Card layout: flex column (image on top, content below) */
.blog-section-4__area .blog-section-4__item {
  flex-direction: column !important;
  align-items: stretch !important;
  max-width: none;
}

/* Equal-size image container for cards (updates list + home slider) */
.blog-section-4__area .blog-section-4__thumb {
  width: 100% !important;
  height: 280px !important;
  flex-shrink: 0;
  overflow: hidden;
}

.blog-section-4__area .blog-section-4__thumb a {
  display: block;
  width: 100%;
  height: 100%;
}

.blog-section-4__area .blog-section-4__thumb img,
.blog-section-4__area .update-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}

/* Update detail page: consistent hero image size */
.update-detail-img {
  width: 100% !important;
  max-height: 420px !important;
  object-fit: cover !important;
  border-radius: 8px;
}

@media only screen and (min-width: 576px) and (max-width: 767px),
       (max-width: 575px) {
  .blog-section-4__area .blog-section-4__thumb {
    height: 220px !important;
  }
}

/* ============================================
   Update detail page: CKEditor / rich content
   Spacing and list styling for content body
   ============================================ */
.project-details__area .project-details__dec {
  line-height: 1.6;
}

.project-details__area .project-details__dec p {
  margin-top: 0;
  margin-bottom: 1em;
}

.project-details__area .project-details__dec p:last-child {
  margin-bottom: 0;
}

/* Headings: spacing above and below */
.project-details__area .project-details__dec h1,
.project-details__area .project-details__dec h2,
.project-details__area .project-details__dec h3,
.project-details__area .project-details__dec h4,
.project-details__area .project-details__dec h5,
.project-details__area .project-details__dec h6 {
  margin-top: 1.25em;
  margin-bottom: 0.5em;
  font-weight: 600;
  line-height: 1.3;
  color: var(--rr-heading-primary, #192929);
}

.project-details__area .project-details__dec h1:first-child,
.project-details__area .project-details__dec h2:first-child,
.project-details__area .project-details__dec h3:first-child,
.project-details__area .project-details__dec h4:first-child,
.project-details__area .project-details__dec h5:first-child,
.project-details__area .project-details__dec h6:first-child {
  margin-top: 0;
}

.project-details__area .project-details__dec h1 { font-size: 1.75em; }
.project-details__area .project-details__dec h2 { font-size: 1.5em; }
.project-details__area .project-details__dec h3 { font-size: 1.25em; }
.project-details__area .project-details__dec h4 { font-size: 1.1em; }

/* Unordered lists – force bullets (dots) to show */
.project-details__area .project-details__dec ul,
.project-details__area .update-body ul {
  margin: 0.75em 0 1em 0 !important;
  padding-left: 1.75em !important;
  list-style-type: disc !important;
  list-style-position: outside !important;
}

.project-details__area .project-details__dec ul li,
.project-details__area .update-body ul li {
  margin-bottom: 0.35em !important;
  display: list-item !important;
  list-style-type: inherit !important;
  list-style-position: outside !important;
}

/* Ordered lists – force numbers (1, 2, 3) to show */
.project-details__area .project-details__dec ol,
.project-details__area .update-body ol {
  margin: 0.75em 0 1em 0 !important;
  padding-left: 1.75em !important;
  list-style-type: decimal !important;
  list-style-position: outside !important;
}

.project-details__area .project-details__dec ol li,
.project-details__area .update-body ol li {
  margin-bottom: 0.35em !important;
  display: list-item !important;
  list-style-type: inherit !important;
  list-style-position: outside !important;
}

/* Nested lists */
.project-details__area .project-details__dec ul ul,
.project-details__area .project-details__dec ol ul,
.project-details__area .update-body ul ul,
.project-details__area .update-body ol ul {
  list-style-type: circle !important;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.project-details__area .project-details__dec ol ol,
.project-details__area .update-body ol ol {
  list-style-type: lower-alpha !important;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

/* Blockquote */
.project-details__area .project-details__dec blockquote {
  margin: 1em 0;
  padding: 0.5em 0 0.5em 1em;
  border-left: 4px solid rgba(25, 41, 41, 0.2);
  color: rgba(25, 41, 41, 0.8);
}

/* Strong / emphasis */
.project-details__area .project-details__dec strong { font-weight: 600; }
.project-details__area .project-details__dec em { font-style: italic; }