main {
    line-height: 2;
}

main * {
    margin-bottom: 16px;
}

main h1,
main h2 {
    margin-top: 32px;
    border-bottom: 1px solid var(--color-border);
}

main h1,
main h2,
main h3 {
    font-weight: 600;
}

main > span {
    display: block;
}

main a {
    text-decoration: none;
    color: #1e90ff;
}

main a:hover {
    text-decoration: underline;
}

main img {
    height: auto;
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: 16px;
    margin-bottom: 0;
}

main hr {
    border: 1px solid var(--color-border);
}

main pre,
main code,
main pre code span {
    font-family: 'Cascadia Code', 'Courier New', Courier, monospace;
    font-weight: 400;
}

main pre,
main code:not(h1 > code, h2 > code, h3 > code),
main pre code span {
    font-size: 14px;
}

main pre code {
    border-radius: 8px;
    border: 1px solid var(--color-border);
}

main li {
    margin-bottom: 8px;
}

main h1 code,
main h2 code,
main h3 code,
main p code,
main li code {
    padding: 1px 4px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background-color: var(--color-bg-secondary);
}

main blockquote {
    padding-left: 16px;
    background-color: var(--color-bg-secondary);
    border-left: 4px solid var(--color-border);
    border-radius: 8px;
}