@layer components {
  .info-box {
    border: 1px solid var(--color-border);
  }

  .info-box__section {
    padding: var(--space-4);
    border-block-end: 1px solid var(--color-border);

    &:last-child {
      border-block-end: none;
    }

    ul {
      list-style: disc;
      list-style-position: inside;
      margin-block: var(--space-1) 0;

      li + li {
        margin-block-start: var(--space-1);
      }
    }
  }
}