/* Shared polish for the nine pregnancy-card QR destinations.
   Page-scoped: it only affects an article that contains a known KDM page root. */

.kdm-card-reviewed-date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 24px;
  padding: 8px 13px;
  border: 1px solid #b8d8d4;
  border-radius: 999px;
  background: #eff8f6;
  color: #174b50;
  font: 700 14px/1.35 Inter, "Segoe UI", Arial, sans-serif;
}

.kdm-card-reviewed-date::before {
  content: "✓";
  display: grid;
  width: 21px;
  height: 21px;
  place-items: center;
  border-radius: 50%;
  background: #087f7b;
  color: #fff;
  font-size: 12px;
}

.articles-item:has(#kdm-vax) > h1.title,
.articles-item:has(#kdm-pa) > h1.title {
  max-width: none;
  font-size: clamp(2.15rem, 3.6vw, 3.35rem);
  line-height: 1.05;
  letter-spacing: -0.025em;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.articles-item:has(#kdm-vax) > h1.title { width: auto; }
.articles-item:has(#kdm-pa) > h1.title { width: 100%; }

#kdm-pa .kdm-pa-hero__heading h2 {
  font-size: clamp(2.05rem, 2.75vw, 2.8rem);
  line-height: 1.04;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

#kdm-pa .kdm-pa-section-head h2,
#kdm-pa .kdm-pa-outcomes > div:first-child h2,
#kdm-pa .kdm-pa-format > div:first-child h2,
#kdm-pa .kdm-pa-cta h2,
#kdm-pa .kdm-pa-social h2 {
  width: 100%;
  max-width: none;
  font-size: clamp(1.9rem, 2.7vw, 2.75rem);
  text-wrap: balance;
}

#kdm-vax .kdm-vax-section-head h2,
#kdm-vax .kdm-vax-contact h2,
#kdm-vax .kdm-vax-cta h2,
#kdm-vax .kdm-vax-social h2 {
  width: 100%;
  max-width: none;
  font-size: clamp(1.9rem, 2.8vw, 2.85rem);
  text-wrap: balance;
}

#kdm-vax .kdm-vax-hero__copy h2 {
  font-size: clamp(2.05rem, 2.75vw, 2.75rem);
  line-height: 1.05;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.kdm-due-app .kdm-due-hero__copy h2 {
  font-size: clamp(2rem, 3vw, 2.9rem);
  line-height: 1.05;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.kdm-vax-audio {
  background: #f2f9f7;
}

.kdm-vax-audio__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(20px, 4vw, 52px);
  align-items: start;
}

.kdm-vax-audio__player,
.kdm-vax-audio__summary {
  min-width: 0;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid #bfdad6;
  border-radius: 22px;
  background: #fff;
}

.kdm-vax-audio audio { width: 100%; margin: 12px 0 10px; }
.kdm-vax-audio__player p:last-child,
.kdm-vax-audio__summary li:last-child { margin-bottom: 0; }
.kdm-vax-audio__summary ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.kdm-vax-audio__summary li { position: relative; padding-left: 24px; }
.kdm-vax-audio__summary li::before { content: "✓"; position: absolute; left: 0; color: #087f7b; font-weight: 900; }

.kdm-fetal-refresh {
  margin: clamp(34px, 5vw, 64px) 0 0;
  padding: clamp(28px, 5vw, 58px);
  border-radius: 28px;
  background: #f3f9f8;
  color: #12373b;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.kdm-fetal-refresh h2 {
  width: 100%;
  max-width: none;
  margin: 0 0 20px;
  color: #12373b;
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  line-height: 1.08;
  text-wrap: balance;
}

.kdm-fetal-refresh__eyebrow {
  margin: 0 0 8px;
  color: #086f6d;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.kdm-fetal-refresh__faq { display: grid; gap: 12px; }
.kdm-fetal-refresh__faq details { border: 1px solid #bdd9d5; border-radius: 16px; background: #fff; }
.kdm-fetal-refresh__faq summary { padding: 17px 20px; color: #12373b; font-weight: 800; cursor: pointer; }
.kdm-fetal-refresh__faq details p { margin: 0; padding: 0 20px 18px; color: #48666c; }
.kdm-fetal-refresh__meta { margin-top: 28px; padding-top: 22px; border-top: 1px solid #bdd9d5; }
.kdm-fetal-refresh__sources { margin: 12px 0 0; }
.kdm-fetal-refresh__sources a { color: #086f6d; font-weight: 700; }

.kdm-fetal-social {
  margin-top: 24px;
  padding: clamp(28px, 5vw, 52px);
  border-radius: 26px;
  background: #075f61;
  color: #fff;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.kdm-fetal-social h2 { width: 100%; max-width: none; margin: 0 0 22px; color: #fff; font-size: clamp(1.9rem, 3vw, 2.8rem); }
.kdm-fetal-social__links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.kdm-fetal-social__links a { padding: 15px 16px; border: 1px solid rgba(255,255,255,.3); border-radius: 14px; color: #fff; font-weight: 800; text-align: center; text-decoration: none; }
.kdm-fetal-social__links a:hover { background: rgba(255,255,255,.1); }

@media (max-width: 760px) {
  .articles-item:has(#kdm-vax) > h1.title,
  .articles-item:has(#kdm-pa) > h1.title { font-size: clamp(2rem, 9vw, 2.6rem); }
  #kdm-pa .kdm-pa-hero__heading h2 { font-size: clamp(1.95rem, 8vw, 2.35rem); }
  .kdm-vax-audio__grid { grid-template-columns: 1fr; }
  .kdm-fetal-social__links { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  .kdm-card-reviewed-date { border-radius: 16px; align-items: flex-start; }
  .kdm-fetal-social__links { grid-template-columns: 1fr; }
}
/* MODX template 22 uses .news-item rather than .articles-item. */
.news-item:has(#kdm-vax) > h1.title,
.news-item:has(#kdm-pa) > h1.title {
  max-width: none;
  width: 100%;
  font-size: clamp(2.15rem, 3.6vw, 3.35rem);
  line-height: 1.05;
  letter-spacing: -0.025em;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (max-width: 760px) {
  .news-item:has(#kdm-vax) > h1.title,
  .news-item:has(#kdm-pa) > h1.title { font-size: clamp(2rem, 9vw, 2.6rem); }
}