/* Walking's journal presentation, shared by all eleven modules. */
#journal {
  box-sizing: border-box;
  width: min(560px, calc(100% - 28px));
  max-width: none;
  max-height: 85dvh;
  margin: auto;
  padding: 0;
  border: 1px solid #d4ded2;
  border-radius: 23px;
  background: #f8faf5;
  color: #26443b;
  color-scheme: light;
  font: 17px/1.5 system-ui, sans-serif;
  text-align: left;
  overflow: auto;
  letter-spacing: normal;
}
#journal *, #journal *::before, #journal *::after { box-sizing: border-box; }
#journal::backdrop { background: #18362980; }
#journal .dialog-head {
  position: sticky; top: 0; z-index: 1;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; margin: 0; padding: 17px 22px;
  background: #f8faf5; border-bottom: 1px solid #d4ded2;
}
#journal .dialog-head h2 {
  margin: 0; padding: 0; color: #26443b;
  font: 700 23px/1.5 system-ui, sans-serif; letter-spacing: normal;
}
#journal .dialog-body { padding: 10px 24px 25px; }
#journal p { margin: 1em 0; color: #26443b; font: inherit; }
#journal .note, #journal small {
  color: #647568; font: 14px/1.5 system-ui, sans-serif;
}
#journal label { display: block; margin: 0; padding: 0; }
#journal textarea {
  display: block; width: 100%; min-height: 145px; height: auto;
  margin: 0 0 6px; padding: 14px; resize: vertical;
  border: 1px solid #d4ded2; border-radius: 12px;
  background: white; color: #26443b; font: inherit;
  box-shadow: none;
}
#journal textarea::placeholder { color: #757575; opacity: 1; }
#journal button {
  display: inline-block; position: static; width: auto; min-width: 0;
  min-height: 0; margin: 0; padding: 11px 18px;
  border: 1px solid #d4ded2; border-radius: 14px;
  background: #f8faf5; color: #26443b;
  font: 400 17px/1.5 system-ui, sans-serif;
  text-transform: none; letter-spacing: normal;
  box-shadow: none; cursor: pointer;
}
#journal button:hover { background: #e3ecdf; }
#journal button.primary { background: #376a54; color: white; border-color: #376a54; }
#journal .dialog-head button { flex: none; padding: 5px 12px; font-size: 23px; }
#journal :focus-visible { outline: 3px solid #d29b3d; outline-offset: 4px; }
#journal .shared-entries { margin: 0; padding: 0; border: 0; background: transparent; white-space: normal; }
#journal .entry {
  border: 0; border-top: 1px solid #d4ded2;
  border-radius: 0; margin: 18px 0 0; padding: 14px 0 0;
  background: transparent;
}
#journal .entry p { white-space: pre-wrap; overflow-wrap: anywhere; }
#journal #continuePanel { margin-top: 24px; padding-top: 18px; border-top: 1px solid #d4ded2; }

#journal .journal-delete-area{margin-top:24px;padding-top:18px;border-top:1px solid #d4ded2}
#journal button.journal-delete-all{color:#8a2424;border-color:#bc7272}
#journal button.journal-delete-all:hover{background:#f9e8e8}