/* ===================================================================
   TABLET+MOBILE (tm-) + TABLET (t-)
   TM: ≤1024px (tablet e mobile em conjunto)
   T: 768–1024px (apenas tablet)

   ÍNDICE (igual nos dois blocos)
   -------------------------------------------------------------------
   1. MARGIN ....... all, top/right/bottom/left, inline/block · 0→3xl
   2. PADDING ...... all, top/right/bottom/left, inline/block · 0→3xl
   3. BORDER ....... width: all, lados, inline/block
   4. DISPLAY ...... hide, show, flex, inline, inline-block

   Secções:
   A. TABLET+MOBILE — @media (max-width: 1024px) ............... .tm-
   B. TABLET ONLY   — @media (min-width: 768px) and (max-width: 1024px) ... .t-
   -------------------------------------------------------------------
   =================================================================== */

/* ===================================================================
   A. TABLET + MOBILE (≤1024px) — classes .tm-
   =================================================================== */
@media (max-width: 1024px) {

  /* =================================================================
     1. MARGIN
     ================================================================= */
  /* ----- Todos os lados ----- */
  .tm-m-0   { margin: 0 !important; }
  .tm-m-1   { margin: var(--space-px) !important; }
  .tm-m-3xs { margin: var(--space-1) !important; }
  .tm-m-2xs { margin: var(--space-0-5) !important; }
  .tm-m-xs  { margin: var(--space-2-5) !important; }
  .tm-m-s   { margin: var(--space-4) !important; }
  .tm-m-m   { margin: var(--space-6) !important; }
  .tm-m-l   { margin: var(--space-8) !important; }
  .tm-m-xl  { margin: var(--space-11) !important; }
  .tm-m-2xl { margin: var(--space-16) !important; }
  .tm-m-3xl { margin: var(--space-24) !important; }

  /* ----- Top ----- */
  .tm-mt-0   { margin-top: 0 !important; }
  .tm-mt-1   { margin-top: var(--space-px) !important; }
  .tm-mt-3xs { margin-top: var(--space-1) !important; }
  .tm-mt-2xs { margin-top: var(--space-0-5) !important; }
  .tm-mt-xs  { margin-top: var(--space-2-5) !important; }
  .tm-mt-s   { margin-top: var(--space-4) !important; }
  .tm-mt-m   { margin-top: var(--space-6) !important; }
  .tm-mt-l   { margin-top: var(--space-8) !important; }
  .tm-mt-xl  { margin-top: var(--space-11) !important; }
  .tm-mt-2xl { margin-top: var(--space-16) !important; }
  .tm-mt-3xl { margin-top: var(--space-24) !important; }

  /* ----- Right ----- */
  .tm-mr-0   { margin-right: 0 !important; }
  .tm-mr-1   { margin-right: var(--space-px) !important; }
  .tm-mr-3xs { margin-right: var(--space-1) !important; }
  .tm-mr-2xs { margin-right: var(--space-0-5) !important; }
  .tm-mr-xs  { margin-right: var(--space-2-5) !important; }
  .tm-mr-s   { margin-right: var(--space-4) !important; }
  .tm-mr-m   { margin-right: var(--space-6) !important; }
  .tm-mr-l   { margin-right: var(--space-8) !important; }
  .tm-mr-xl  { margin-right: var(--space-11) !important; }
  .tm-mr-2xl { margin-right: var(--space-16) !important; }
  .tm-mr-3xl { margin-right: var(--space-24) !important; }

  /* ----- Bottom ----- */
  .tm-mb-0   { margin-bottom: 0 !important; }
  .tm-mb-1   { margin-bottom: var(--space-px) !important; }
  .tm-mb-3xs { margin-bottom: var(--space-1) !important; }
  .tm-mb-2xs { margin-bottom: var(--space-0-5) !important; }
  .tm-mb-xs  { margin-bottom: var(--space-2-5) !important; }
  .tm-mb-s   { margin-bottom: var(--space-4) !important; }
  .tm-mb-m   { margin-bottom: var(--space-6) !important; }
  .tm-mb-l   { margin-bottom: var(--space-8) !important; }
  .tm-mb-xl  { margin-bottom: var(--space-11) !important; }
  .tm-mb-2xl { margin-bottom: var(--space-16) !important; }
  .tm-mb-3xl { margin-bottom: var(--space-24) !important; }

  /* ----- Left ----- */
  .tm-ml-0   { margin-left: 0 !important; }
  .tm-ml-1   { margin-left: var(--space-px) !important; }
  .tm-ml-3xs { margin-left: var(--space-1) !important; }
  .tm-ml-2xs { margin-left: var(--space-0-5) !important; }
  .tm-ml-xs  { margin-left: var(--space-2-5) !important; }
  .tm-ml-s   { margin-left: var(--space-4) !important; }
  .tm-ml-m   { margin-left: var(--space-6) !important; }
  .tm-ml-l   { margin-left: var(--space-8) !important; }
  .tm-ml-xl  { margin-left: var(--space-11) !important; }
  .tm-ml-2xl { margin-left: var(--space-16) !important; }
  .tm-ml-3xl { margin-left: var(--space-24) !important; }

  /* ----- Inline (horizontal) ----- */
  .tm-mx-0   { margin-inline: 0 !important; }
  .tm-mx-1   { margin-inline: var(--space-px) !important; }
  .tm-mx-3xs { margin-inline: var(--space-1) !important; }
  .tm-mx-2xs { margin-inline: var(--space-0-5) !important; }
  .tm-mx-xs  { margin-inline: var(--space-2-5) !important; }
  .tm-mx-s   { margin-inline: var(--space-4) !important; }
  .tm-mx-m   { margin-inline: var(--space-6) !important; }
  .tm-mx-l   { margin-inline: var(--space-8) !important; }
  .tm-mx-xl  { margin-inline: var(--space-11) !important; }
  .tm-mx-2xl { margin-inline: var(--space-16) !important; }
  .tm-mx-3xl { margin-inline: var(--space-24) !important; }

  /* ----- Block (vertical) ----- */
  .tm-my-0   { margin-block: 0 !important; }
  .tm-my-1   { margin-block: var(--space-px) !important; }
  .tm-my-3xs { margin-block: var(--space-1) !important; }
  .tm-my-2xs { margin-block: var(--space-0-5) !important; }
  .tm-my-xs  { margin-block: var(--space-2-5) !important; }
  .tm-my-s   { margin-block: var(--space-4) !important; }
  .tm-my-m   { margin-block: var(--space-6) !important; }
  .tm-my-l   { margin-block: var(--space-8) !important; }
  .tm-my-xl  { margin-block: var(--space-11) !important; }
  .tm-my-2xl { margin-block: var(--space-16) !important; }
  .tm-my-3xl { margin-block: var(--space-24) !important; }

  /* =================================================================
     2. PADDING
     ================================================================= */
  /* ----- Todos os lados ----- */
  .tm-p-0   { padding: 0 !important; }
  .tm-p-1   { padding: var(--space-px) !important; }
  .tm-p-3xs { padding: var(--space-1) !important; }
  .tm-p-2xs { padding: var(--space-0-5) !important; }
  .tm-p-xs  { padding: var(--space-2-5) !important; }
  .tm-p-s   { padding: var(--space-4) !important; }
  .tm-p-m   { padding: var(--space-6) !important; }
  .tm-p-l   { padding: var(--space-8) !important; }
  .tm-p-xl  { padding: var(--space-11) !important; }
  .tm-p-2xl { padding: var(--space-16) !important; }
  .tm-p-3xl { padding: var(--space-24) !important; }

  /* ----- Top ----- */
  .tm-pt-0   { padding-top: 0 !important; }
  .tm-pt-1   { padding-top: var(--space-px) !important; }
  .tm-pt-3xs { padding-top: var(--space-1) !important; }
  .tm-pt-2xs { padding-top: var(--space-0-5) !important; }
  .tm-pt-xs  { padding-top: var(--space-2-5) !important; }
  .tm-pt-s   { padding-top: var(--space-4) !important; }
  .tm-pt-m   { padding-top: var(--space-6) !important; }
  .tm-pt-l   { padding-top: var(--space-8) !important; }
  .tm-pt-xl  { padding-top: var(--space-11) !important; }
  .tm-pt-2xl { padding-top: var(--space-16) !important; }
  .tm-pt-3xl { padding-top: var(--space-24) !important; }

  /* ----- Right ----- */
  .tm-pr-0   { padding-right: 0 !important; }
  .tm-pr-1   { padding-right: var(--space-px) !important; }
  .tm-pr-3xs { padding-right: var(--space-1) !important; }
  .tm-pr-2xs { padding-right: var(--space-0-5) !important; }
  .tm-pr-xs  { padding-right: var(--space-2-5) !important; }
  .tm-pr-s   { padding-right: var(--space-4) !important; }
  .tm-pr-m   { padding-right: var(--space-6) !important; }
  .tm-pr-l   { padding-right: var(--space-8) !important; }
  .tm-pr-xl  { padding-right: var(--space-11) !important; }
  .tm-pr-2xl { padding-right: var(--space-16) !important; }
  .tm-pr-3xl { padding-right: var(--space-24) !important; }

  /* ----- Bottom ----- */
  .tm-pb-0   { padding-bottom: 0 !important; }
  .tm-pb-1   { padding-bottom: var(--space-px) !important; }
  .tm-pb-3xs { padding-bottom: var(--space-1) !important; }
  .tm-pb-2xs { padding-bottom: var(--space-0-5) !important; }
  .tm-pb-xs  { padding-bottom: var(--space-2-5) !important; }
  .tm-pb-s   { padding-bottom: var(--space-4) !important; }
  .tm-pb-m   { padding-bottom: var(--space-6) !important; }
  .tm-pb-l   { padding-bottom: var(--space-8) !important; }
  .tm-pb-xl  { padding-bottom: var(--space-11) !important; }
  .tm-pb-2xl { padding-bottom: var(--space-16) !important; }
  .tm-pb-3xl { padding-bottom: var(--space-24) !important; }

  /* ----- Left ----- */
  .tm-pl-0   { padding-left: 0 !important; }
  .tm-pl-1   { padding-left: var(--space-px) !important; }
  .tm-pl-3xs { padding-left: var(--space-1) !important; }
  .tm-pl-2xs { padding-left: var(--space-0-5) !important; }
  .tm-pl-xs  { padding-left: var(--space-2-5) !important; }
  .tm-pl-s   { padding-left: var(--space-4) !important; }
  .tm-pl-m   { padding-left: var(--space-6) !important; }
  .tm-pl-l   { padding-left: var(--space-8) !important; }
  .tm-pl-xl  { padding-left: var(--space-11) !important; }
  .tm-pl-2xl { padding-left: var(--space-16) !important; }
  .tm-pl-3xl { padding-left: var(--space-24) !important; }

  /* ----- Inline (horizontal) ----- */
  .tm-px-0   { padding-inline: 0 !important; }
  .tm-px-1   { padding-inline: var(--space-px) !important; }
  .tm-px-3xs { padding-inline: var(--space-1) !important; }
  .tm-px-2xs { padding-inline: var(--space-0-5) !important; }
  .tm-px-xs  { padding-inline: var(--space-2-5) !important; }
  .tm-px-s   { padding-inline: var(--space-4) !important; }
  .tm-px-m   { padding-inline: var(--space-6) !important; }
  .tm-px-l   { padding-inline: var(--space-8) !important; }
  .tm-px-xl  { padding-inline: var(--space-11) !important; }
  .tm-px-2xl { padding-inline: var(--space-16) !important; }
  .tm-px-3xl { padding-inline: var(--space-24) !important; }

  /* ----- Block (vertical) ----- */
  .tm-py-0   { padding-block: 0 !important; }
  .tm-py-1   { padding-block: var(--space-px) !important; }
  .tm-py-3xs { padding-block: var(--space-1) !important; }
  .tm-py-2xs { padding-block: var(--space-0-5) !important; }
  .tm-py-xs  { padding-block: var(--space-2-5) !important; }
  .tm-py-s   { padding-block: var(--space-4) !important; }
  .tm-py-m   { padding-block: var(--space-6) !important; }
  .tm-py-l   { padding-block: var(--space-8) !important; }
  .tm-py-xl  { padding-block: var(--space-11) !important; }
  .tm-py-2xl { padding-block: var(--space-16) !important; }
  .tm-py-3xl { padding-block: var(--space-24) !important; }

  /* =================================================================
     3. BORDER WIDTH
     ================================================================= */
  .tm-border-0 { border-width: var(--border-0) !important; }
  .tm-border-1 { border-width: var(--border-1) !important; }

  .tm-border-top-0    { border-top-width:    var(--border-0) !important; }
  .tm-border-top-1    { border-top-width:    var(--border-1) !important; }
  .tm-border-right-0  { border-right-width:  var(--border-0) !important; }
  .tm-border-right-1  { border-right-width:  var(--border-1) !important; }
  .tm-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .tm-border-bottom-1 { border-bottom-width: var(--border-1) !important; }
  .tm-border-left-0   { border-left-width:   var(--border-0) !important; }
  .tm-border-left-1   { border-left-width:   var(--border-1) !important; }

  .tm-border-inline-0 { border-inline-width: var(--border-0) !important; }
  .tm-border-inline-1 { border-inline-width: var(--border-1) !important; }
  .tm-border-block-0  { border-block-width:  var(--border-0) !important; }
  .tm-border-block-1  { border-block-width:  var(--border-1) !important; }

  /* =================================================================
     4. DISPLAY
     ================================================================= */
  .tm-hide         { display: none         !important; }
  .tm-show         { display: block        !important; }
  .tm-flex         { display: flex         !important; }
  .tm-inline       { display: inline       !important; }
  .tm-inline-block { display: inline-block !important; }

}

/* ===================================================================
   B. TABLET ONLY (768–1024px) — classes .t-
   =================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {

  /* =================================================================
     1. MARGIN
     ================================================================= */
  /* ----- Todos os lados ----- */
  .t-m-0   { margin: 0 !important; }
  .t-m-1   { margin: var(--space-px) !important; }
  .t-m-3xs { margin: var(--space-1) !important; }
  .t-m-2xs { margin: var(--space-0-5) !important; }
  .t-m-xs  { margin: var(--space-2-5) !important; }
  .t-m-s   { margin: var(--space-4) !important; }
  .t-m-m   { margin: var(--space-6) !important; }
  .t-m-l   { margin: var(--space-8) !important; }
  .t-m-xl  { margin: var(--space-11) !important; }
  .t-m-2xl { margin: var(--space-16) !important; }
  .t-m-3xl { margin: var(--space-24) !important; }

  /* ----- Top ----- */
  .t-mt-0   { margin-top: 0 !important; }
  .t-mt-1   { margin-top: var(--space-px) !important; }
  .t-mt-3xs { margin-top: var(--space-1) !important; }
  .t-mt-2xs { margin-top: var(--space-0-5) !important; }
  .t-mt-xs  { margin-top: var(--space-2-5) !important; }
  .t-mt-s   { margin-top: var(--space-4) !important; }
  .t-mt-m   { margin-top: var(--space-6) !important; }
  .t-mt-l   { margin-top: var(--space-8) !important; }
  .t-mt-xl  { margin-top: var(--space-11) !important; }
  .t-mt-2xl { margin-top: var(--space-16) !important; }
  .t-mt-3xl { margin-top: var(--space-24) !important; }

  /* ----- Right ----- */
  .t-mr-0   { margin-right: 0 !important; }
  .t-mr-1   { margin-right: var(--space-px) !important; }
  .t-mr-3xs { margin-right: var(--space-1) !important; }
  .t-mr-2xs { margin-right: var(--space-0-5) !important; }
  .t-mr-xs  { margin-right: var(--space-2-5) !important; }
  .t-mr-s   { margin-right: var(--space-4) !important; }
  .t-mr-m   { margin-right: var(--space-6) !important; }
  .t-mr-l   { margin-right: var(--space-8) !important; }
  .t-mr-xl  { margin-right: var(--space-11) !important; }
  .t-mr-2xl { margin-right: var(--space-16) !important; }
  .t-mr-3xl { margin-right: var(--space-24) !important; }

  /* ----- Bottom ----- */
  .t-mb-0   { margin-bottom: 0 !important; }
  .t-mb-1   { margin-bottom: var(--space-px) !important; }
  .t-mb-3xs { margin-bottom: var(--space-1) !important; }
  .t-mb-2xs { margin-bottom: var(--space-0-5) !important; }
  .t-mb-xs  { margin-bottom: var(--space-2-5) !important; }
  .t-mb-s   { margin-bottom: var(--space-4) !important; }
  .t-mb-m   { margin-bottom: var(--space-6) !important; }
  .t-mb-l   { margin-bottom: var(--space-8) !important; }
  .t-mb-xl  { margin-bottom: var(--space-11) !important; }
  .t-mb-2xl { margin-bottom: var(--space-16) !important; }
  .t-mb-3xl { margin-bottom: var(--space-24) !important; }

  /* ----- Left ----- */
  .t-ml-0   { margin-left: 0 !important; }
  .t-ml-1   { margin-left: var(--space-px) !important; }
  .t-ml-3xs { margin-left: var(--space-1) !important; }
  .t-ml-2xs { margin-left: var(--space-0-5) !important; }
  .t-ml-xs  { margin-left: var(--space-2-5) !important; }
  .t-ml-s   { margin-left: var(--space-4) !important; }
  .t-ml-m   { margin-left: var(--space-6) !important; }
  .t-ml-l   { margin-left: var(--space-8) !important; }
  .t-ml-xl  { margin-left: var(--space-11) !important; }
  .t-ml-2xl { margin-left: var(--space-16) !important; }
  .t-ml-3xl { margin-left: var(--space-24) !important; }

  /* ----- Inline (horizontal) ----- */
  .t-mx-0   { margin-inline: 0 !important; }
  .t-mx-1   { margin-inline: var(--space-px) !important; }
  .t-mx-3xs { margin-inline: var(--space-1) !important; }
  .t-mx-2xs { margin-inline: var(--space-0-5) !important; }
  .t-mx-xs  { margin-inline: var(--space-2-5) !important; }
  .t-mx-s   { margin-inline: var(--space-4) !important; }
  .t-mx-m   { margin-inline: var(--space-6) !important; }
  .t-mx-l   { margin-inline: var(--space-8) !important; }
  .t-mx-xl  { margin-inline: var(--space-11) !important; }
  .t-mx-2xl { margin-inline: var(--space-16) !important; }
  .t-mx-3xl { margin-inline: var(--space-24) !important; }

  /* ----- Block (vertical) ----- */
  .t-my-0   { margin-block: 0 !important; }
  .t-my-1   { margin-block: var(--space-px) !important; }
  .t-my-3xs { margin-block: var(--space-1) !important; }
  .t-my-2xs { margin-block: var(--space-0-5) !important; }
  .t-my-xs  { margin-block: var(--space-2-5) !important; }
  .t-my-s   { margin-block: var(--space-4) !important; }
  .t-my-m   { margin-block: var(--space-6) !important; }
  .t-my-l   { margin-block: var(--space-8) !important; }
  .t-my-xl  { margin-block: var(--space-11) !important; }
  .t-my-2xl { margin-block: var(--space-16) !important; }
  .t-my-3xl { margin-block: var(--space-24) !important; }

  /* =================================================================
     2. PADDING
     ================================================================= */
  /* ----- Todos os lados ----- */
  .t-p-0   { padding: 0 !important; }
  .t-p-1   { padding: var(--space-px) !important; }
  .t-p-3xs { padding: var(--space-1) !important; }
  .t-p-2xs { padding: var(--space-0-5) !important; }
  .t-p-xs  { padding: var(--space-2-5) !important; }
  .t-p-s   { padding: var(--space-4) !important; }
  .t-p-m   { padding: var(--space-6) !important; }
  .t-p-l   { padding: var(--space-8) !important; }
  .t-p-xl  { padding: var(--space-11) !important; }
  .t-p-2xl { padding: var(--space-16) !important; }
  .t-p-3xl { padding: var(--space-24) !important; }

  /* ----- Top ----- */
  .t-pt-0   { padding-top: 0 !important; }
  .t-pt-1   { padding-top: var(--space-px) !important; }
  .t-pt-3xs { padding-top: var(--space-1) !important; }
  .t-pt-2xs { padding-top: var(--space-0-5) !important; }
  .t-pt-xs  { padding-top: var(--space-2-5) !important; }
  .t-pt-s   { padding-top: var(--space-4) !important; }
  .t-pt-m   { padding-top: var(--space-6) !important; }
  .t-pt-l   { padding-top: var(--space-8) !important; }
  .t-pt-xl  { padding-top: var(--space-11) !important; }
  .t-pt-2xl { padding-top: var(--space-16) !important; }
  .t-pt-3xl { padding-top: var(--space-24) !important; }

  /* ----- Right ----- */
  .t-pr-0   { padding-right: 0 !important; }
  .t-pr-1   { padding-right: var(--space-px) !important; }
  .t-pr-3xs { padding-right: var(--space-1) !important; }
  .t-pr-2xs { padding-right: var(--space-0-5) !important; }
  .t-pr-xs  { padding-right: var(--space-2-5) !important; }
  .t-pr-s   { padding-right: var(--space-4) !important; }
  .t-pr-m   { padding-right: var(--space-6) !important; }
  .t-pr-l   { padding-right: var(--space-8) !important; }
  .t-pr-xl  { padding-right: var(--space-11) !important; }
  .t-pr-2xl { padding-right: var(--space-16) !important; }
  .t-pr-3xl { padding-right: var(--space-24) !important; }

  /* ----- Bottom ----- */
  .t-pb-0   { padding-bottom: 0 !important; }
  .t-pb-1   { padding-bottom: var(--space-px) !important; }
  .t-pb-3xs { padding-bottom: var(--space-1) !important; }
  .t-pb-2xs { padding-bottom: var(--space-0-5) !important; }
  .t-pb-xs  { padding-bottom: var(--space-2-5) !important; }
  .t-pb-s   { padding-bottom: var(--space-4) !important; }
  .t-pb-m   { padding-bottom: var(--space-6) !important; }
  .t-pb-l   { padding-bottom: var(--space-8) !important; }
  .t-pb-xl  { padding-bottom: var(--space-11) !important; }
  .t-pb-2xl { padding-bottom: var(--space-16) !important; }
  .t-pb-3xl { padding-bottom: var(--space-24) !important; }

  /* ----- Left ----- */
  .t-pl-0   { padding-left: 0 !important; }
  .t-pl-1   { padding-left: var(--space-px) !important; }
  .t-pl-3xs { padding-left: var(--space-1) !important; }
  .t-pl-2xs { padding-left: var(--space-0-5) !important; }
  .t-pl-xs  { padding-left: var(--space-2-5) !important; }
  .t-pl-s   { padding-left: var(--space-4) !important; }
  .t-pl-m   { padding-left: var(--space-6) !important; }
  .t-pl-l   { padding-left: var(--space-8) !important; }
  .t-pl-xl  { padding-left: var(--space-11) !important; }
  .t-pl-2xl { padding-left: var(--space-16) !important; }
  .t-pl-3xl { padding-left: var(--space-24) !important; }

  /* ----- Inline (horizontal) ----- */
  .t-px-0   { padding-inline: 0 !important; }
  .t-px-1   { padding-inline: var(--space-px) !important; }
  .t-px-3xs { padding-inline: var(--space-1) !important; }
  .t-px-2xs { padding-inline: var(--space-0-5) !important; }
  .t-px-xs  { padding-inline: var(--space-2-5) !important; }
  .t-px-s   { padding-inline: var(--space-4) !important; }
  .t-px-m   { padding-inline: var(--space-6) !important; }
  .t-px-l   { padding-inline: var(--space-8) !important; }
  .t-px-xl  { padding-inline: var(--space-11) !important; }
  .t-px-2xl { padding-inline: var(--space-16) !important; }
  .t-px-3xl { padding-inline: var(--space-24) !important; }

  /* ----- Block (vertical) ----- */
  .t-py-0   { padding-block: 0 !important; }
  .t-py-1   { padding-block: var(--space-px) !important; }
  .t-py-3xs { padding-block: var(--space-1) !important; }
  .t-py-2xs { padding-block: var(--space-0-5) !important; }
  .t-py-xs  { padding-block: var(--space-2-5) !important; }
  .t-py-s   { padding-block: var(--space-4) !important; }
  .t-py-m   { padding-block: var(--space-6) !important; }
  .t-py-l   { padding-block: var(--space-8) !important; }
  .t-py-xl  { padding-block: var(--space-11) !important; }
  .t-py-2xl { padding-block: var(--space-16) !important; }
  .t-py-3xl { padding-block: var(--space-24) !important; }

  /* =================================================================
     3. BORDER WIDTH
     ================================================================= */
  .t-border-0 { border-width: var(--border-0) !important; }
  .t-border-1 { border-width: var(--border-1) !important; }

  .t-border-top-0    { border-top-width:    var(--border-0) !important; }
  .t-border-top-1    { border-top-width:    var(--border-1) !important; }
  .t-border-right-0  { border-right-width:  var(--border-0) !important; }
  .t-border-right-1  { border-right-width:  var(--border-1) !important; }
  .t-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .t-border-bottom-1 { border-bottom-width: var(--border-1) !important; }
  .t-border-left-0   { border-left-width:   var(--border-0) !important; }
  .t-border-left-1   { border-left-width:   var(--border-1) !important; }

  .t-border-inline-0 { border-inline-width: var(--border-0) !important; }
  .t-border-inline-1 { border-inline-width: var(--border-1) !important; }
  .t-border-block-0  { border-block-width:  var(--border-0) !important; }
  .t-border-block-1  { border-block-width:  var(--border-1) !important; }

  /* =================================================================
     4. DISPLAY
     ================================================================= */
  .t-hide         { display: none         !important; }
  .t-show         { display: block        !important; }
  .t-flex         { display: flex         !important; }
  .t-inline       { display: inline       !important; }
  .t-inline-block { display: inline-block !important; }

}