/* TransLogix type styles — generated by design_TL/source/build.mjs. Pair with fonts/fonts.css and tokens.css. */
.tl-display-2xl { font-family: var(--tl-font-display); font-size: 4.5rem; line-height: 1.06; font-weight: 600; font-stretch: var(--tl-display-stretch); letter-spacing: -0.02em; }
.tl-display-xl { font-family: var(--tl-font-display); font-size: 3.5rem; line-height: 1.07; font-weight: 600; font-stretch: var(--tl-display-stretch); letter-spacing: -0.02em; }
.tl-display-lg { font-family: var(--tl-font-display); font-size: 2.5rem; line-height: 1.15; font-weight: 600; font-stretch: var(--tl-display-stretch); letter-spacing: -0.015em; }
.tl-display-md { font-family: var(--tl-font-display); font-size: 1.88rem; line-height: 1.2; font-weight: 600; font-stretch: var(--tl-display-stretch); letter-spacing: -0.01em; }
.tl-heading-lg { font-family: var(--tl-font-display); font-size: 1.5rem; line-height: 1.25; font-weight: 600; font-stretch: var(--tl-display-stretch); letter-spacing: -0.01em; }
.tl-heading-md { font-family: var(--tl-font-sans); font-size: 1.06rem; line-height: 1.41; font-weight: 600; letter-spacing: -0.005em; }
.tl-heading-sm { font-family: var(--tl-font-sans); font-size: 0.88rem; line-height: 1.43; font-weight: 600; }
.tl-body-lg { font-family: var(--tl-font-sans); font-size: 1.06rem; line-height: 1.65; font-weight: 400; }
.tl-body { font-family: var(--tl-font-sans); font-size: 0.88rem; line-height: 1.5; font-weight: 400; }
.tl-body-sm { font-family: var(--tl-font-sans); font-size: 0.81rem; line-height: 1.46; font-weight: 400; }
.tl-nav { font-family: var(--tl-font-sans); font-size: 0.84rem; line-height: 1.48; font-weight: 500; }
.tl-button { font-family: var(--tl-font-sans); font-size: 0.84rem; line-height: 1.48; font-weight: 600; }
.tl-label { font-family: var(--tl-font-sans); font-size: 0.78rem; line-height: 1.28; font-weight: 600; }
.tl-table { font-family: var(--tl-font-sans); font-size: 0.84rem; line-height: 1.48; font-weight: 400; font-variant-numeric: tabular-nums; }
.tl-numeric-xl { font-family: var(--tl-font-display); font-size: 2rem; line-height: 1.13; font-weight: 600; font-stretch: var(--tl-display-stretch); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.tl-caption { font-family: var(--tl-font-sans); font-size: 0.75rem; line-height: 1.33; font-weight: 500; }
.tl-overline { font-family: var(--tl-font-sans); font-size: 0.69rem; line-height: 1.27; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.tl-code { font-family: var(--tl-font-mono); font-size: 0.78rem; line-height: 1.44; font-weight: 500; }