.aligned-form {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem;
    align-items: start;

    .non-field-errors {
        grid-column: 1 / -1;
        color: var(--color-error-message-text);
        margin-bottom: 1rem;
    }
    .form-row {
        display: grid;
        grid-template-columns: subgrid;
        /* Span all columns. (from column 1 to -1 (= last)) */
        grid-column: 1 / -1;
        align-items: start;

        .form-label {
            text-align: right;
            white-space: nowrap;
        }
    }
    .form-field {
        .errorlist {
            margin: 0.5rem 0 0;
            padding-left: 1.2rem;
            color: var(--color-error-message-text);
        }
        .help-text {
            color: var(--color-unobtrusive-text);
        }
    }
    .form-input {
        width: 100%;
        box-sizing: border-box;
        padding: 0.5rem;
    }
}