﻿/* 1. Base level only within the tree you select */
.tabfs-scope {
    --tab-fs: var(--typography-control-font-size); /* top-level */
    --tab-step: 0.125rem; /* decrease per level */
}

    /* 2. The header text font-size comes from the variable */
    .tabfs-scope .ant-tabs-nav .ant-tabs-tab-btn {
        font-size: var(--tab-fs);
    }

    /* 3. Every Tabs inside another Tabs content: decrease */
    .tabfs-scope .ant-tabs-content-holder .ant-tabs {
        --tab-fs: calc(var(--tab-fs) - var(--tab-step));
    }

    /* 4. Defending against typography overrides */
    .tabfs-scope .ant-tabs-nav .ant-tabs-tab-btn,
    .tabfs-scope .ant-tabs-nav .ant-tabs-tab-btn * {
        font-size: var(--tab-fs);
    }