/* Build 721: full-bleed chapter covers with conservative subject-aware focus. */

html body .app-shell .map-stage.home-focus #homeJourney .life-chapter-cover,
html body main.app-shell section.map-stage.home-focus #homeJourney .life-chapter-cover {
  position: relative !important;
  background: linear-gradient(145deg, #dceee9, #c9e2de) !important;
}

html body .app-shell .map-stage.home-focus #homeJourney .life-chapter-cover > .life-chapter-cover-image,
html body main.app-shell section.map-stage.home-focus #homeJourney .life-chapter-cover > .life-chapter-cover-image {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: var(--home-photo-position, center center) !important;
}

html body .app-shell .map-stage.home-focus #homeJourney .life-chapter-cover > .life-chapter-cover-backdrop,
html body main.app-shell section.map-stage.home-focus #homeJourney .life-chapter-cover > .life-chapter-cover-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Clear stale contained-cover classes left by an older cached render. */
html body .app-shell .map-stage.home-focus #homeJourney .life-chapter-cover.has-contained-photo > .life-chapter-cover-image,
html body main.app-shell section.map-stage.home-focus #homeJourney .life-chapter-cover.has-contained-photo > .life-chapter-cover-image {
  object-fit: cover !important;
  object-position: var(--home-photo-position, center center) !important;
}

html body .app-shell .map-stage.home-focus #homeJourney .life-chapter-cover.has-contained-photo > .life-chapter-cover-backdrop,
html body main.app-shell section.map-stage.home-focus #homeJourney .life-chapter-cover.has-contained-photo > .life-chapter-cover-backdrop {
  display: none !important;
  opacity: 0 !important;
}

/* Hover may lift the card, but it must never crop the chosen cover again. */
html body .app-shell .map-stage.home-focus #homeJourney .life-chapter-card:hover .life-chapter-cover > .life-chapter-cover-image,
html body main.app-shell section.map-stage.home-focus #homeJourney .life-chapter-card:hover .life-chapter-cover > .life-chapter-cover-image {
  transform: none !important;
}