.entry {
  line-height: 1.25;
  padding: 2px 4px;
  white-space: normal;
}

.day-separator {
  color: var(--muted);
  font-size: 11px;
  padding: 8px 4px 3px;
  text-align: center;
}

.meta {
  gap: 5px;
  line-height: 1.15;
  margin: 0;
}

.entry .entry-at {
  background: transparent;
  border: 0;
  color: inherit;
  display: inline;
  font-size: 11px;
  height: auto;
  line-height: 1.15;
  min-height: 0;
  min-width: 0;
  padding: 0;
}

.meta + .body {
  margin-top: 0;
}

.body {
  line-height: 1.3;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.body a {
  color: LinkText;
}

.body p,
.body :first-child {
  margin: 0;
}

.body pre {
  background: var(--code);
  border: 1px solid var(--soft-line);
  margin: 4px 0;
  overflow: auto;
  padding: 8px;
  white-space: pre-wrap;
}

.body code {
  background: var(--code);
  border-radius: 4px;
  overflow-wrap: anywhere;
  padding: 1px 3px;
}

.body pre code {
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.body img,
.body video,
.body canvas,
.body svg,
.body iframe {
  height: auto;
  max-height: 50dvh;
  max-width: 100%;
}
