/* Build 766: My Map uses the calm chapter journey shell while keeping each
   memory's own note visible in the stop preview. */

html body .app-shell .map-stage.map-focus.chapter-journey-active.my-map-journey-active #memoryPeekCard.memory-peek-card.story-mode-card.story-mode-chapter-stop.has-story-note,
html body main.app-shell section.map-stage.map-focus.chapter-journey-active.my-map-journey-active #memoryPeekCard.memory-peek-card.story-mode-card.story-mode-chapter-stop.has-story-note {
  min-height: 118px !important;
  max-height: 136px !important;
}

html body .app-shell .map-stage.map-focus.chapter-journey-active.my-map-journey-active #memoryPeekCard.story-mode-chapter-stop.has-story-note .peek-copy,
html body main.app-shell section.map-stage.map-focus.chapter-journey-active.my-map-journey-active #memoryPeekCard.story-mode-chapter-stop.has-story-note .peek-copy {
  grid-template-rows: auto auto auto minmax(0, 2.35em) 4px !important;
  align-content: center !important;
}

html body .app-shell .map-stage.map-focus.chapter-journey-active.my-map-journey-active #memoryPeekCard.story-mode-chapter-stop.has-story-note .peek-copy em,
html body main.app-shell section.map-stage.map-focus.chapter-journey-active.my-map-journey-active #memoryPeekCard.story-mode-chapter-stop.has-story-note .peek-copy em {
  display: -webkit-box !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 1px 0 0 !important;
  overflow: hidden !important;
  color: #466c72 !important;
  font-size: 0.68rem !important;
  font-style: normal !important;
  font-weight: 650 !important;
  line-height: 1.16 !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

@media (max-width: 390px) {
  html body .app-shell .map-stage.map-focus.chapter-journey-active.my-map-journey-active #memoryPeekCard.memory-peek-card.story-mode-card.story-mode-chapter-stop.has-story-note,
  html body main.app-shell section.map-stage.map-focus.chapter-journey-active.my-map-journey-active #memoryPeekCard.memory-peek-card.story-mode-card.story-mode-chapter-stop.has-story-note {
    min-height: 112px !important;
    max-height: 132px !important;
  }
}
