.fi-ta-text-summary {
    /* Summaries are computed aggregates: tabular figures keep them aligned
       with the numeric column above. */
    @apply grid gap-y-1 px-3 py-4 text-sm text-gray-500 tabular-nums dark:text-gray-400;

    .fi-ta-table-stacked-on-mobile & {
        @apply px-0 py-2 sm:px-3 sm:py-4;
    }

    & > .fi-ta-text-summary-label {
        @apply font-medium text-gray-950 dark:text-white;
    }
}