legend {
    color: #3a3;
}

.result_field {
    border: 1px solid;
    cursor: pointer;
    line-height: 150%;
    /* correct border shift */
    margin-left: -1px;
    margin-right: -1px;
}

.active {
    background-color: #4B4;
}

h3 {
    margin: 0;
}

fieldset {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: black;
    border-width: 1px;
}

.parent_block {
    display: flex;
    margin-top: 0.3em;
}

    .left_block {
        padding: 0em 1em 1em 1em;
        min-width: 40em;
    }

        .result_area {
            background-color: white;
            font-family: Courier New;
            padding: 5px;
            /* minimal height to avoid overlap on right block */
            min-height: 30em;
        }

    .right_block {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        .comment_block {
            flex: 1;
        }

        .result_block {
            flex: 1;
            display: contents;
        }

            .result_warning {
                color: red;
                font-weight: bold;
            }

            .result_selection {
                background-color: #4B4;
                border: 1px solid;
                padding: 5px;
                margin-bottom: 1em;
            }

                .result_text {
                    width: 99%;
                    height: 8em;
                }