/* Balanced mobile letter, with fluid wrapping at every text size. */
.note-page .note-reading-screen {
  padding-block: 24px 20px;
}
.note-page .note-letter .note-body p,
.note-page .note-letter .note-body .note-opening-inline {
  font-size: .96875rem !important;
  line-height: 1.42 !important;
  text-align: center;
  text-wrap: balance;
  margin: 0;
  width: 100%;
  max-width: 100%;
}
.note-page .note-letter .note-body p:last-child { margin-bottom: 0; }
.note-page .note-letter .note-body {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px;
}
.note-page .note-letter .note-body p.note-focal-line {
  margin: 0; padding: 0; width: 100%; text-align: center;
  font-size: 1.0625rem !important; font-style: italic; line-height: 1.35 !important;
  text-wrap: balance;
}
.note-page .note-signoff { margin-top: 10px; gap: 4px; }

/* A touch more contrast against the ivory letter paper, while retaining its soft editorial tone. */
.note-page .note-letter .note-body p,
.note-page .note-letter .note-body .note-opening-inline {
  color: #132d20 !important;
  font-weight: 500;
}