@layer layout {

      .l-a,
      .l-b {
        display: block;
      }

      .l-a {
        margin-left: var(--space-2);
      }

      .l-b {
        margin-left: calc(var(--space-3) + var(--space-4));
      }

      .l-left {
        display: inline-block;
        width: calc(var(--space-3) - var(--space-4));
        margin-right: calc(var(--space-4) * 2);
        text-align: right;
      }

      .l-rule {
        position: absolute;
        top: 0;
        bottom: 0;
        left: var(--space-3);
        width: 1px;
        background: var(--color-2);
      }

      .l-ledger {
        display: grid;
        grid-template-columns: var(--space-2) calc(var(--space-3) - var(--space-2)) minmax(0, 1fr) minmax(120px, 15vw);
        padding-right: var(--space-1);
      }

      .l-ledger> :first-child {
        padding-left: var(--space-1);
      }
    }