/* Fixed 5% opacity background image behind all content */
body {
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /*background-image: url("/attachments/2"); !* === IMAGE URL HERE === *!*/
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.05;
  pointer-events: none;
}

.page-content details > *:last-child {
  margin-bottom: .2em;
}

.content-wrap blockquote > :last-child {
  margin-bottom: .3em;
}

.content-wrap blockquote > :first-child {
  margin-top: .3em;
}

.content-wrap blockquote {
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
}

/* Global content zoom with headings scaled back down */
.page-content {
  zoom: 1.15;
}

.page-content :is(h1, h2, h3, h4, h5, h6) {
  zoom: .9;
}

/* Light mode colors */
html .page-content {
  color: hsl(0 0% 10%);
}

html .page-content :is(h1, h2, h3, h4, h5, h6) {
  color: hsl(0 0% 30%);
}

/* Dark mode colors */
html.dark-mode .page-content {
  color: hsl(0 0% 90%);
}

html.dark-mode .page-content :is(h1, h2, h3, h4, h5, h6) {
  color: hsl(0 0% 70%);
}

html.dark-mode .ͼo .cm-gutters {
  color: hsl(0 0% 33%);
}

.page-content .cm-editor {
  border-radius: 0;
}