/* Prevent custom web components from appearing during rendering include the following CSS */
json-data:not(:defined),
is-loading:not(:defined),
has-error:not(:defined),
is-loaded:not(:defined) { display:none; }

h1 { padding-bottom: 1em; }

section.description {
    text-align: left;
    max-width: 800px;
    line-height: 1.4em;
    margin: auto;
}
section.description p { margin:1em; }

markdown-content,
.markdown-content {
    padding:2em;
    margin:1em auto;
    border:1px solid black;
    text-align: left;
    max-width: 800px;
}
markdown-content[data-control] {
    display:block;
    padding:2em;
    margin:1em auto;
}
markdown-content h1,
markdown-content h2,
.markdown-content h1,
.markdown-content h2 {
    text-align: left;
    padding-bottom: .3em;
    border-bottom: 1px solid #dfe2e5;
    margin: .5em auto 1em;
}
markdown-content h1,
.markdown-content h1 { font-size:2em; line-height:2em; }
markdown-content h2,
.markdown-content h2 { padding-top:1em; font-size:1.5em; line-height:1.5em; }
markdown-content ul,
.markdown-content ul { margin-left: 1.5em; }
markdown-content ul,
.markdown-content ul { line-height: 1.4em; }
markdown-content img,
.markdown-content img { max-width: 100%; }
markdown-content p,
.markdown-content p {
    margin: 1em auto;
    line-height: 1.4em;
}
markdown-content code:not([class*="language-"]),
.markdown-content code:not([class*="language-"]) {
    background-color: #f6f8fa;
    padding: .5em;
    line-height: 1em;
    margin: .2em;
    display: inline-block;
    border-radius: 0.5em;
}

.hljs {
    font-size: 15px;
}
