.person .person-note { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.person .person-note-text { white-space: pre-wrap; }
.person .person-note-button { display: none; }
.person .person-note.is-compact > .person-note-text { display: none; }
.person .person-note.is-compact > .person-note-button {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; padding: 0; margin: 2px 3px;
  border: 0; border-radius: 50%; background: #1465b3; color: white;
  font: bold 17px/1 sans-serif; cursor: pointer;
}
.person-note-button:focus-visible { outline: 3px solid #103e6e; outline-offset: 2px; }
.person .person-note-panel {
  display: none;
  box-sizing: border-box; width: min(520px, calc(100vw - 24px));
  max-height: min(70vh, 520px); overflow: auto; padding: 18px;
  border: 1px solid #1465b3; border-radius: 8px; background: #fff; color: #202020;
  font: 15px/1.5 sans-serif; white-space: pre-wrap; overflow-wrap: anywhere;
  box-shadow: 0 5px 24px #0003; text-align: left;
}
.person .person-note-panel:popover-open { display: block; }
.person-note-panel::backdrop { background: transparent; }
.person .indEvents, .person .note { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.person .note { justify-self: stretch; }
@media print {
  .person .person-note.is-compact > .person-note-text { display: inline; }
  .person .person-note-button, .person .person-note-panel { display: none; }
}