/* Columns of one card, told apart by a line instead of by a box of their own.

       <div class="card"><div class="card-body">
           <div class="row g-3 split-columns">
               <div class="col-lg-4">…</div> <div class="col-lg-4">…</div> <div class="col-lg-4">…</div>
           </div>
       </div></div>

   Use it where the columns together describe one thing – a meeting protocol is checklist,
   text and tasks – and three cards would cut into three what belongs to one. Where the
   columns are independent, they get cards of their own instead (see the styleguide).

   The rule sits in a file rather than on the columns because Tabler ships no responsive
   border utilities: there is no .border-lg-end. Below lg the columns stack, and a right
   border would then run down the outer edge of every block. The colour is Tabler's own
   variable, so dark mode is covered without a second rule. */
@media (min-width: 992px) {
    .split-columns > [class*="col-"]:not(:last-child) {
        border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
    }
}