/* Proxara's notices on the demo's Arive: top right, outside Arive's own page (not scaled with it), newest on top. */
#px-notes { position: fixed; top: 64px; right: 16px; width: 384px; z-index: 50; display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
.px-note { pointer-events: auto; display: flex; gap: 11px; padding: 11px 13px 12px; background: #fff; color: #1d2433; text-decoration: none;
  border: 1px solid #e2e5eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(16, 24, 40, .12), 0 1px 3px rgba(16, 24, 40, .08);
  font: 13px/1.38 'Inter UI', -apple-system, system-ui, sans-serif; opacity: 0; transform: translateX(24px); transition: opacity .28s ease, transform .32s cubic-bezier(.2, .8, .2, 1); }
.px-note.in { opacity: 1; transform: none; }
.px-note.out { opacity: 0; transform: translateX(24px); }
.px-note:hover { border-color: #c8cdd6; }
.px-mark { width: 26px; height: 26px; flex: none; margin-top: 1px; }
.px-body { min-width: 0; flex: 1; }
.px-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 2px; }
.px-head b { font-weight: 600; font-size: 13px; }
.px-head span { color: #6b7385; font-size: 11.5px; white-space: nowrap; }
.px-text { font-size: 13px; color: #1d2433; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.px-text b { font-weight: 600; }
.px-who { color: #8a92a3; font-size: 11.5px; margin-top: 3px; }