.posting-note {
  align-items: center;
  min-width: 0;
}

body:not(.display--standalone) {
  .posting-note__content:not(:empty) {
    min-width: 0;
    max-width: calc(var(--content-width) * 0.75);
    font-size: var(--font-size-small);
    padding: 0.4em 0.8em;
    color: var(--color-txt);
    background: linear-gradient(135deg, var(--color-bg--note) 0%, var(--color-bg--note-glint) 100%);
    border-radius: 0.5rem;
    word-wrap: break-word;

    [data-color-scheme="dark"] & { color: var(--color-txt--reversed); }

    &::after {
      content: "";
      display: inline-block;
      width: 1em;
      height: 1em;
      margin: -0.125em 0 0 0.25em;
      vertical-align: middle;
      background: url("/assets/icons/note-edit-99c0c09e.svg") center center / 0.8em no-repeat;
    }
  }
}

.posting-note__text {
  white-space: pre-line;
}

.posting-note__editor::after { display: none !important; } /* Hide edit icon when editing */

.posting-note-snippet {
  @media (min-width: 40em) { margin: 0 4em 0 3em; }

  .postings--every-to &,
  .postings--every-from & {
    visibility: hidden;
    display: none;
  }
}