html {
    --primary-color: #1589ee;
    --primary-color-dark: #195594;
    --primary-color-transparent: rgba(21,137,238,.1);
    --text-color: #1E2731;
    --text-color-light: #697177;
    --font-size: 1rem;
    --font-size-small: .9rem;
    --background-light: #FAFAF9;
    --border-color: #dddbda;
    --border-light-color: #f2f2f2;
    --left-panel-width: 17rem;

    background-color: #fff;
    color: var(--text-color);
}
html .example {
    color: #080707;
}

body {
    font-size: var(--font-size);
}
body .example {
    font-size: .8125rem;
}

main {
    padding: 1.5rem;
    position: relative;
}

@media (min-width: 900px) {
    .wrapper {
        display: flex;
        overflow: hidden;
    }
    .header {
        flex: 0 0 var(--left-panel-width);
    }
    main {
        padding: 6rem 3rem;
        flex: 1 1 auto;
        max-width: calc(100vw - var(--left-panel-width));
    }
}

.h2, .md-page h2 {
    font-size: 2rem;
    margin: 3rem 0 1rem;
}

.h3, .md-page h3 {
    font-size: 1.7rem;
    margin: 2rem 0 1rem;
}

.h4, .md-page h4 {
    font-size: 1.44rem;
    margin: 2rem 0 1rem;
}

pre {
    margin: 0;
    max-width: 100%;
}
code {
    font-size: var(--font-size-small);
    background-color: var(--primary-color-transparent);
    padding: .1rem .3rem;
    color: var(--primary-color-dark);
}
pre > code {
    background-color: inherit;
    display: block;
    overflow-x: scroll;
}

.md-page p {
    margin-bottom: .5rem;
}

iframe {
    border: none;
}

.text-color_light {
    color: var(--text-color-light);
}

.font-size_small {
    font-size: var(--font-size-small);
}

pre > code {
    display: inline;
}

.md-page table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.md-page tr {
    border-bottom: 1px solid #dddbda;
}

.md-page th {
    background-color: #fafaf9;
    color: #514f4d;
    font-weight: 700;
    line-height: normal;
    border-right: 1px solid #dddbda;
}

/* release page */
.md-page ul {
    list-style: disc;
    padding-left: 1.5em;
}

.md-page h5 {
    padding-top: 1em;
}

/* Prevent the lists from being too spreaded out in the lightning formatted texts */
.slds-rich-text-editor__output ul {
    line-height: 0;
}
.slds-rich-text-editor__output ul > li {
    line-height: 1.5;
}

kbd {
    font-family: inherit;
    font-size: 0.8rem;
    line-height: 2;
    background-color: #efefef;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 1px 1px #0c0d0e26, inset 0 1px #fff;
    padding: 3px 10px;
}