html, body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
                 Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 15px;
    line-height: 1.52;
    background: #1e1e1f;
    color: #f2f2f3;
}

body { padding: 28px 32px; }

h1, h2, h3 {
    font-weight: 600;
    margin: 0 0 .8em 0;
    line-height: 1.25;
    color: #ffffff;
}
h2 { font-size: 1.5rem; }
h3 { font-size: 1.2rem; }

ul { margin: 0 0 1.2em 1.2em; padding: 0; }
li { margin: .35em 0; }
ul ul { margin-left: 1em; }

a {
    color: #ff9f0a;                                 /* system orange */
    text-decoration-color: rgba(255, 159, 10, .35);
    transition: color .15s ease;
}
a:hover, a:focus { color: #ffb34b; }

hr {
    border: none;
    border-top: 1px solid #303033;
    margin: 2rem 0 1.7rem;
}

code {
    font-family: "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 95%;
    display: block !important;
    line-break: normal !important;
}

pre code {
    display: block;
    color: #a9bcbc;
    line-height: 1.4em;
    font-size: 0.85em;
    white-space: pre;
    background:clear;
    font-family: "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    overflow: auto;
    padding:0.6rem;
}