/* Layout for the baby overview; article typography uses shared specialism rules. */
.baby-page .specialism-hero {
  background: linear-gradient(115deg, rgba(255, 247, 231, .98), rgba(220, 236, 227, .94));
}
.baby-page .specialism-hero p:not(.eyebrow) { font-weight: 600; }
.baby-page .specialism-hero h1 {
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.12;
}
.baby-page .specialism-hero__image { border-radius: 28px; }
.baby-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.baby-page .specialism-hero .baby-actions { margin-top: 26px; }
.baby-page .baby-actions .btn { white-space: normal; text-align: center; }
.baby-page .btn--primary,
.baby-page .btn--primary:visited { background: #f47c20; color: #fff; }
.baby-page .btn--primary:hover,
.baby-page .btn--primary:active { background: var(--orange-dark); color: #fff; }
.baby-page a.baby-button--secondary,
.baby-page a.baby-button--secondary:visited { background: var(--navy); color: #fff; border: 1px solid var(--navy); box-shadow: none; }
.baby-page a.baby-button--secondary:hover { background: #242552; color: #fff; }
.baby-page .baby-jump { display: inline-block; margin-top: 18px; color: var(--navy); font-weight: 800; text-underline-offset: 4px; }
.baby-page [id] { scroll-margin-top: 125px; }
.baby-page p.baby-after-topics { margin-top: 30px; }
.baby-page #praktisch .baby-actions { margin-top: 26px; }
.baby-page .final-cta__inner { grid-template-columns: minmax(0, 1fr) auto; gap: 28px; }
.baby-page .final-cta .baby-actions { flex-direction: column; align-items: stretch; }
.baby-page a:focus-visible { outline: 3px solid #0066d8; outline-offset: 4px; }
.baby-page .specialism-sidebar a:focus-visible { outline-color: #fff; }
@media (max-width: 980px) {
  .baby-page .specialism-hero__inner { grid-template-columns: minmax(0, 1fr); }
  .baby-page .specialism-hero__image { max-width: 650px; width: 100%; margin: 0 auto; }
}
@media (max-width: 640px) {
  .baby-page .specialism-hero { padding-top: 36px; }
  .baby-page .specialism-hero h1 { font-size: clamp(1.85rem, 7.2vw, 2.6rem); }
  .baby-page .specialism-meta { grid-template-columns: 58px minmax(0, 1fr); }
  .baby-page .specialism-meta > div:last-child { grid-column: 1 / -1; }
  .baby-page .final-cta__inner { grid-template-columns: minmax(0, 1fr); }
  .baby-page .final-cta .baby-actions { align-items: flex-start; }
}