Layout.css

/* Always center tables */
.markdown-preview-view table,
.table-wrapper {
  margin: 0 auto !important;
}

.excalidraw-embedded-img {
  margin: auto !important;
}

/* Always center mermaid diagrams and images */
p:has(.image-embed),
p:has(img),
.mermaid {
  display: flex;
  justify-content: center;
}

/* ![[img.png|right|100]] */

.image-embed[alt*="left"] {
  float: left;
  clear: left;
}

.image-embed[alt*="right"] {
  float: right;
  clear: right;
}

/* Remove the top margin of the first element in a note
 * First child is .markdown-preview-pushser
 * Second child is .mod-header
 * Third child is a div parent of .frontmatter
 * From the fourth onward there seem to be the actual document */
.markdown-preview-sizer div:nth-of-type(4):has(h1) *,
.markdown-preview-sizer div:nth-of-type(3):has(h1) * {
  margin-top: 0 !important;
}

/* Note level class: the width of the note is the screen width */
/* Use like this:
---
cssclass: fullwidth
tags: ...
aliases: ...
...
---
*/
.fullwidth {
  --file-line-width: 100% !important;
}

/* Callouts: Apply uniform margins left and right. Center the icon vertically. */
div.callout-icon {
  margin: auto 1em auto 0;
}

/* remove redundant padding at the bottom */
.callout:not(.is-collapsible):has(.callout-content) {
  padding-bottom: 0 !important;
}