body {
    /* max-height: 100vh; */
    /* overflow: hidden; */
    padding: 0;
    margin: 0;
}

#demo-wrapper {
    .grid {
        padding: 1rem;
        /* padding-top: 0; */
        height: 100vh;
        display: grid;
        grid-auto-columns: minmax(0, 1fr);
        /* grid-auto-flow: column; */
        grid-gap: 1rem;

        /* height: 80vh; */

        & #page-header {
            /* grid-column: 1 / 4;
            grid-row: 1 / 2; */
            text-align: center;
            border-bottom: 3px solid var(--color-main);
            border-bottom-style: dotted;
            padding: 2rem;
            margin: 0 0rem;
        }

        & .col-header {
            grid-row: 1 / 2;
            font-weight: 700;
            text-align: center;
        }

        & .col-body {
            background: var(--color-bg-offset);
            padding: var(--padding);
            overflow: scroll;
        }

        & #example-md-doc-header {
            grid-column: 1 / 2;
        }

        & #abstract-syntax-tread-header {
            grid-column: 2 / 3;
        }

        & #rendered-as-html-header {
            grid-column: 3 / 4;
        }

        & textarea#example-md-doc {
            color: rgb(139, 124, 139);
            /* margin-right: var(--margin); */
            width: 100%;
            height: 100%;
            font-size: 1rem;
        }

        & pre#abstract-syntax-tree {
            color: crimson;
            /* color: var(--color-accent); */
            color: var(--color-text-muted);
            max-height: 100%;
            border: 1px solid var(--color-text);
            margin-bottom: 0;
        }

        & div#rendered-as-html {
            overflow: scroll;
            border: 1px solid var(--color-text);
            background: var(--color-bg-offset);
            line-height: 1.4;
            /* font-size: 1rem; */
            & article {
                margin-top: 0;
            }
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                margin-bottom: 0.75rem;
            }
            pre {
                padding: 0;
            }
        }
    }
}