#permalink {
  float: right;
  padding: 0.5em;
  margin-top: -0.5em;
  margin-right: -0.5em;
}

#permalink:before {
  content: "#";
  /* fake "link"
  content: "c–ↄ";
  white-space: nowrap;
  letter-spacing: -0.2em;
  font-family: sans-serif;
  */
}

nav#journal-list {
  display: contents;
}

#journal-list ul {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

#journal-list li {
  border-top: 1px dashed #4284;
  padding-top: 0.5em;
  margin: 0;
  padding-left: 0.5rem;
}
/*
we do this with margins instead of absolute positioning so the selector will
offset the rest of the text a little bit, which looks more natural.
(note the padding-left in #journal-list li above)
*/
#journal-list li span.selected > *:first-child::before {
  content: "✈"; /* 👁 🖎 ☞ ✏ 🙞 🙣 ✦ 🙗 ⟢ ⟣ */
  margin-left: -0.7rem;
  margin-right: 0.2rem;
  display: inline-block;
  width: 1rem;
  /* rtl ensures the content stays right-aligned even if it is wider than the
  container, and overflows to the left */
  direction: rtl;
  text-align: right;
  overflow: visible;
}

.post-title:before {
  content: "· ";
  margin: 0 0.1em;
}
#journal-list .post-title {
  font-size: 0.9em;
  display: inline;
}
#content .post-title {
  font-weight: 400;
}


#journal-list a {
  /* we don't get this by default since these anchors have no href */
  cursor: pointer;
}