.reference-values { min-width: 0; }
.reference-values__scroll { max-width: 100%; overflow-x: auto; }
.reference-values__table { width: 100%; border-collapse: collapse; font-size: 0.8rem; text-align: left; }
.reference-values__table caption { text-align: left; margin-bottom: 0.6rem; color: var(--muted); }
.reference-values__table th,
.reference-values__table td { padding: 0.65rem 0.75rem; border-bottom: 1px solid var(--panel-border); vertical-align: top; }
.reference-values__table th { font-weight: 600; }
.reference-values__table td:nth-child(2) { white-space: normal; }
.reference-values__table small { display: block; margin-top: 0.25rem; color: var(--muted); }
.reference-values__note { margin: 0.65rem 0; font-size: 0.8rem; line-height: 1.5; color: var(--muted); }
.reference-values--sample { margin: 0.35rem 0 0.65rem; font-size: 0.75rem; }
.reference-values--sample > summary { cursor: pointer; color: var(--accent-strong); }
.profile-fold__list li > .reference-values { grid-column: 1 / -1; width: 100%; }
/* Stacked layout (render(..., { layout: "stack" })): one value per row for a narrow column. */
.reference-values__stack { list-style: none; margin: 0; padding: 0; }
.reference-values__item { display: grid; gap: 0.15rem; padding: 0.4rem 0; border-bottom: 1px solid var(--panel-border); font-size: 0.8rem; line-height: 1.45; }
.reference-values__item small { display: block; margin: 0; color: var(--muted); font-size: 0.6875rem; }
.reference-values__amount { font-weight: 600; }
