table.line-item-breakdown {
  border: none;
  width: 100%;

  & th {
    border: none;
    font-weight: normal;
    text-align: right;
  }

  & td {
    border: none;
    border-bottom: 1px solid var(--light-gray);
    vertical-align: top;
  }

  & .amount {
    text-align: right;
  }

  & .total td {
    border-top: 2px double var(--dark-gray);
  }

  & tr:last-child td {
    border-bottom: none;
  }

  ul.discounts,
  ul.taxes {
    font-size: 0.8125rem;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  div.allocations {
    font-size: 0.8125rem;
  }
}