/* Compact native sidebar box, shared with the local MHJ review preview. */
.lumora-journal-metrics[hidden], .lumora-journal-metrics [hidden] { display: none !important; }
.lumora-journal-metrics { color: #12325f; }
.lumora-journal-metrics *, .lumora-journal-metrics *::before, .lumora-journal-metrics *::after { box-sizing: border-box; }
.lumora-journal-metrics .lumora-journal-metrics-body { padding-block: .8rem 1rem; }
.lumora-journal-metrics .lumora-journal-metrics-period { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem .6rem; margin: 0 0 .55rem; color: #31557f; font-size: .73rem; font-weight: 650; line-height: 1.5; }
.lumora-journal-metrics .lumora-journal-metrics-dates { color: #64748b; font-size: .64rem; font-weight: 400; font-variant-numeric: tabular-nums; }
.lumora-journal-metrics-list { margin: 0; }
.lumora-journal-metrics-source { margin: 0 0 .35rem; color: #64748b; font-size: .67rem; line-height: 1.5; }
.lumora-journal-metric { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: .7rem; padding-block: .65rem; border-block-end: 1px solid #e6ecf3; }
.lumora-journal-metric:last-child { border-block-end: 0; padding-block-end: .35rem; }
.lumora-journal-metric-label { margin: 0; color: #334b68; font-size: .75rem; font-weight: 500; line-height: 1.5; }
.lumora-journal-metric-value { display: flex; align-items: baseline; justify-content: flex-end; flex-wrap: wrap; gap: .25rem; margin: 0; color: #12325f; font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.5; }
.lumora-journal-metric-value.is-pending { color: #80622d; font-size: .72rem; font-weight: 600; white-space: nowrap; }
.lumora-journal-metric-unit { color: #64748b; font-size: .67rem; font-weight: 400; }
.lumora-journal-metric-caption { grid-column: 1 / -1; margin: .12rem 0 0; color: #64748b; font-size: .64rem; line-height: 1.5; }
.lumora-journal-metrics .lumora-journal-metrics-pending-caption { margin: .65rem 0 0; color: #64748b; font-size: .68rem; line-height: 1.6; }
@media (max-width: 360px) {
    .lumora-journal-metric { column-gap: .4rem; }
    .lumora-journal-metric-label { font-size: .71rem; }
    .lumora-journal-metric-value.is-pending { font-size: .67rem; }
}