/* Мэдэгдэл (/notifications): the list, newest first. */
@layer page {
  .notes { display: grid; gap: var(--sp-4); max-width: 760px; margin: 0 auto; }
  .notes-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-3); }
  .notes-head h2 { margin: 0; font-size: var(--fs-18); }
  .notes-note { margin: 0; padding: var(--sp-4); }
  .note-row__text { display: block; }
  .note-row.is-unread { background: var(--primary-soft); }
  .note-row.is-unread .note-row__text { font-weight: var(--fw-heavy); }
}