/* =========================================================
   Blog Content Enhancement
   Additive only — does not modify base.css / style.css
   Scoped to .page-content .seo-section so it cannot leak
   into other pages or components.
   ========================================================= */

/* ---- Vertical rhythm ---- */

.page-content .seo-section h2.title.phd {
  margin-top: 3.2rem;
  margin-bottom: 1rem;
}

.page-content .seo-section h2.title.phd:first-of-type {
  margin-top: 1rem;
}

.page-content .seo-section h2.title.phd + p.lead {
  margin-top: 0.4rem;
}

.page-content .seo-section .team-description p.lead {
  margin-bottom: 0;
}

.page-content .seo-section p.lead {
  margin-bottom: 1.4rem;
  line-height: 1.9;
}

/* ---- List spacing + styling ---- */

.page-content .seo-section ul.seo-list-custom {
  margin: 0 0 2rem 0;
  padding: 0;
  list-style: none;
}

.page-content .seo-section ul.seo-list-custom li {
  position: relative;
  padding: 0.6rem 0.75rem 0.6rem 2rem;
  margin-bottom: 0.75rem;
  line-height: 1.7;
  border-left: 3px solid transparent;
  border-radius: 0 4px 4px 0;
  transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;
}

.page-content .seo-section ul.seo-list-custom li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0.4rem;
  top: 0.7rem;
  font-size: 0.85rem;
  color: #e30613;
}

.page-content .seo-section ul.seo-list-custom li:hover {
  border-left-color: #e30613;
  background: rgba(227, 6, 19, 0.04);
  transform: translateX(4px);
}

/* Stagger delay used together with the reveal-in JS (see blog-content-enhance.js) */
.page-content .seo-section ul.seo-list-custom li:nth-child(1) { transition-delay: 0.04s; }
.page-content .seo-section ul.seo-list-custom li:nth-child(2) { transition-delay: 0.08s; }
.page-content .seo-section ul.seo-list-custom li:nth-child(3) { transition-delay: 0.12s; }
.page-content .seo-section ul.seo-list-custom li:nth-child(4) { transition-delay: 0.16s; }
.page-content .seo-section ul.seo-list-custom li:nth-child(5) { transition-delay: 0.20s; }

/* ---- Scroll reveal states ---- */
/* Elements start hidden/offset, JS adds .reveal-in when they enter the viewport */

.page-content .seo-section h2.title.phd,
.page-content .seo-section p.lead,
.page-content .seo-section ul.seo-list-custom li {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.page-content .seo-section h2.title.phd { transform: translateY(24px); }
.page-content .seo-section p.lead { transform: translateY(16px); }
.page-content .seo-section ul.seo-list-custom li { transform: translateX(-16px); opacity: 0; }

.page-content .seo-section h2.title.phd.reveal-in,
.page-content .seo-section p.lead.reveal-in,
.page-content .seo-section ul.seo-list-custom li.reveal-in {
  opacity: 1;
  transform: translate(0, 0);
}

/* Respect users who prefer no motion */
@media (prefers-reduced-motion: reduce) {
  .page-content .seo-section h2.title.phd,
  .page-content .seo-section p.lead,
  .page-content .seo-section ul.seo-list-custom li {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}