/* Personal journal cards. Scoped to the browsing cards: leave saved crops,
   gallery gestures, chapter rail sizing and rotation recovery untouched. */
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card {
  background: #fffefd !important;
  border: 1px solid #dce7e7 !important;
  border-radius: 22px !important;
  box-shadow: 0 5px 18px #00243f08 !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-flashcard-copy {
  padding: 18px 18px 16px !important;
  gap: 8px !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-card-title {
  order: 0 !important;
  color: #00243f !important;
  font-size: 1.3125rem !important;
  font-weight: 730 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
  overflow-wrap: anywhere;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-card-context {
  order: 1;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 14px;
  width: 100%;
  min-width: 0;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-card-context:not(:has(*)) {
  display: none;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-card-meta {
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #526b77 !important;
  overflow-wrap: anywhere;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-feeling {
  margin: 0 !important;
  min-height: 0 !important;
  gap: 6px !important;
  font-size: .75rem !important;
  font-weight: 550 !important;
  line-height: 1.5 !important;
  color: #526b77 !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-feeling i {
  box-shadow: none !important;
  width: 6px !important;
  height: 6px !important;
  flex-basis: 6px !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-note-preview {
  order: 2 !important;
  margin: 4px 0 0 !important;
  color: #345160 !important;
  font-size: .9375rem !important;
  font-weight: 450 !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2 !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-backup-detail {
  order: 3;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-action-dock {
  padding: 0 18px 16px !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  padding-top: 12px !important;
  border-top: 1px solid #e4eceb !important;
  gap: 6px !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-card-actions .primary {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: min(100%, 10em) !important;
  min-height: 44px !important;
  height: auto !important;
  padding: 10px 12px !important;
  border: 1px solid #dcebe6 !important;
  border-radius: 12px !important;
  background: #e8f5f0 !important;
  color: #00243f !important;
  font-size: .8125rem !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-card-actions .needs-location {
  flex: 0 0 100%;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-card-menu {
  margin-left: auto;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-card-actions :is(.memory-relive-content, .memory-action-label) {
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  line-height: 1.35 !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card :is(.memory-card-map-action, .memory-lane-card-menu summary) {
  min-height: 44px !important;
  height: auto !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #365666 !important;
  border-radius: 12px !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-card-actions :is(svg, [data-icon]) {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
}
html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-lane-cover-badges > * {
  background: #00243fd9 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Chapters use editorial titles and the owner's own detail, not generated
   sentimental copy. Preserve the single status row across completion states;
   never stretch the card or rail to a previous orientation's height. */
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-card {
  background: #fffefd !important;
  border: 1px solid #dce7e7 !important;
  border-radius: 22px !important;
  box-shadow: 0 5px 18px #00243f08 !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 18px !important;
  gap: 10px !important;
  background: #fffefd !important;
  text-align: left !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-card-heading {
  gap: 6px !important;
  width: 100% !important;
  justify-items: start !important;
  text-align: left !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-cover {
  border-radius: 0 !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-card-heading > strong {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.4375rem !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em !important;
  height: auto !important;
  min-height: 0 !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-card-heading > small {
  height: auto !important;
  min-height: 0 !important;
  color: #526b77 !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-facts {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  align-self: stretch !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-facts > span {
  flex: 0 1 auto !important;
  width: auto !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-facts :is(strong, small) {
  font-size: .75rem !important;
  font-weight: 500 !important;
  color: #526b77 !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-personal-detail {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  margin: 2px 0 0;
  color: #345160;
  font-size: .875rem;
  font-weight: 450;
  line-height: 1.5;
  text-align: left;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-completion-slot.is-empty {
  display: flex !important;
  visibility: hidden !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-actions {
  width: 100% !important;
  padding-top: 12px !important;
  margin-top: auto !important;
  border-top: 1px solid #e4eceb !important;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr) !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-actions .life-chapter-edit {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #365666 !important;
  border-radius: 12px !important;
  font-size: .75rem !important;
  font-weight: 550 !important;
}
html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-actions .life-chapter-relive {
  border: 1px solid #d0e6de !important;
  border-radius: 12px !important;
  padding-inline: 10px !important;
  box-shadow: none !important;
  font-size: .75rem !important;
  font-weight: 650 !important;
}
@container life-chapter-card (max-width: 280px) {
  html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  html body main.app-shell section.map-stage.memories-focus #memoryLanePage #memoryList article.memory-lane-card .memory-card-actions :is(button, summary):hover,
  html body main.app-shell section.map-stage.home-focus #homeDashboard.home-dashboard:not(.is-empty-home) #homeJourney .life-chapter-edit:hover {
    background: #dceee8 !important;
    color: #00243f !important;
  }
}