.card-body {
    white-space: pre-wrap;
}

.card:hover .fade {
    opacity: 1;
}

.note-preview {
  min-height: calc(1.5em * 3 + 0.5rem + var(--bs-border-width) * 2); // textfield height with 3 rows
}

.note-markdown ::ng-deep {
  h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-weight: bold;
  }

  h1 { font-size: 1.25em; }
  h2 { font-size: 1.15em; }
  h3 { font-size: 1.05em; }

  table {
    margin-bottom: 1rem;
    display: block;
    overflow-x: auto;
  }

  th, td {
    padding: 0.15rem 0.4rem;
    border: 1px solid var(--bs-border-color);
  }

  pre {
    padding: 0.5rem;
    background-color: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius);
  }

  blockquote {
    padding-left: 0.75rem;
    border-left: 0.25rem solid var(--bs-border-color);
    color: var(--bs-secondary-color);
  }

  > :last-child {
    margin-bottom: 0;
  }
}