/* Thin scrollbars in the text areas, as in every tool */
.tool-code textarea {
    scrollbar-width: thin;
}

#json_input, #json_output {
    height: 300px;
}

/* Side by side, the Format menu keeps to 250px with its buttons at the far end; stacked, it fills the row
   up to the buttons, like the status line above it */
@media (min-width: 992px) {
    .json-format {
        max-width: 250px;
    }
}

@media (max-width: 768px) {
    #json_input, #json_output {
        height: 200px;
    }
}