/* ====================================================================
   Shared XP display — the "+N XP" pair used on both .quest-card and
   .sub-quest-row.

   Two children:
     .xp-display__value   — the +N number (serif display font)
     .xp-display__label   — the "XP" caption

   Both use text-box cap-baseline trimming so flex centering aligns
   their visible glyphs, not the line-boxes. The value carries a small
   descender compensation because Cormorant Garamond's old-style figures
   (3/4/5/7/9) dip below the alphabetic baseline.
   ==================================================================== */

.xp-display {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  line-height: 1;
  color: var(--pad, var(--color-primary));
}

.xp-display__value {
  font-family: var(--font-display);
  font-size: 1.5rem;
  line-height: 1;
  text-box: trim-both cap alphabetic;
  /* Half-descender nudge up — old-style figures otherwise read low. */
  transform: translateY(-0.12em);
}

.xp-display__label {
  font-size: 0.8125rem;
  color: var(--color-muted-fg);
  letter-spacing: 0.02em;
  text-box: trim-both cap alphabetic;
}