:root {
    --syntax_diff: #24292e;
    --syntax_diff_bg: #fff;
    --selection: #d7d4f0;
    --hr: rgba(0, 0, 0, 0.05);
    --sans-serif: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 700;
    line-height: 1.15;
    margin-top: 0;
    margin-bottom: .25em
}

h2~p,
h3~p,
h4~p {
    margin-top: 0
}

a[href] {
    text-decoration: none
}

a[href]:hover {
    text-decoration: underline
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    font-size: 90%
}

code,
pre,
tt {
    font: var(--mono_fonts)
}

img {
    max-width: calc(100vw - 28px)
}

.katex-display,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table {
    max-width: 640px
}

blockquote,
ol,
ul {
    max-width: 600px
}

blockquote {
    margin: 1em 1.5em
}

ol,
ul {
    padding-left: 28px
}

hr {
    height: 1px;
    margin: 1em 0;
    padding: 1em 0;
    border: none;
    background: no-repeat 50%/100% 1px linear-gradient(90deg, var(--hr), var(--hr))
}

pre {
    padding: 2px 0
}