.multicol-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  & .fields {
    display: flex;
    gap: 1rem;
    flex: 1;
    height: 0;
    overflow: auto;
  }

  & .content,
  & .metadata {
    height: 100%;
    overflow: auto;
    & > * {
      border-bottom: 1px solid var(--border-color);
    }

    & > *:last-child {
      border-bottom: none;
    }

    & section {
      padding: 1rem;
    }
  }

  & .content {
    flex: 1;
  }

  & .metadata {
    min-width: 350px;
    border-left: 1px solid var(--border-color);
  }

  & footer {
    border-top: 1px solid var(--border-color);
    padding: 1rem;
    margin: 0;
  }
}