body {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 1.5rem;
    height: 100vh;
    height: 100dvh;
}

@media (min-width: 992px) {

    dt,dd {
        display: inline-block;
    }
}

dt {
    margin-inline-end: .5rem;
}

.dx-state-readonly.dx-texteditor.dx-editor-outlined {
    background-color: var(--bs-gray-300);

    input {
            cursor: not-allowed;
          }

}