/* Inline natural-language metadata helpers, used inside the page header's
   meta slot (`.page-header__meta`). Renders an em-dot-separated sentence
   with optional inline avatars. */

/* Em-dot separator between meta phrases. */
.page-meta__dot {
  color: var(--color-text-subtle);
  line-height: 1;
  user-select: none;
}

/* Inline sentence block. Uses inline flow (not flex) so punctuation attaches
   cleanly to the preceding word and wraps naturally. */
.page-meta__text {
  font-size: var(--text-sm);
  color: var(--color-text);
}

/* Avatar + name group — inline so it behaves like text. `nowrap` keeps the
   avatar glued to its name across line wraps. */
.page-meta__person {
  white-space: nowrap;
}

/* Compact initials avatar for inline use alongside a name. Overrides
   `.avatar`'s block-level `display: flex` so it sits inline with text, and
   uses `vertical-align: middle` to centre on the text's x-height midline. */
.page-meta__avatar {
  --avatar-size: var(--size-5);
  display: inline-flex;
  vertical-align: middle;
  margin-inline-end: 0.3em;
}