/* https://github.com/sindresorhus/github-markdown-css */

@import url("github/variables.css");
@import url("github/heading.css");
@import url("github/link.css");
@import url("github/table.css");
@import url("github/list.css");
@import url("github/code.css");
@import url("github/code-toolbar.css");
@import url("github/alert.css");
@import url("github/mode-toggle.css");

body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    min-width: 200px;
    max-width: 980px;
    margin: 0 auto;
    padding: 10px 35px 35px;
    color: var(--fgColor-default);
    background-color: var(--bgColor-default);
    font-family: var(--fontStack-body);
    font-size: 18px;
    line-height: 1.6;
    word-wrap: break-word;

    >* {
        &:first-child {
            margin-top: 0 !important;
        }

        &:last-child {
            margin-bottom: 0 !important;
        }
    }
}

@media (max-width: 767px) {
    body {
        padding-left: 15px;
        padding-right: 15px;
    }
}

p,
blockquote,
ul,
ol,
dl,
table,
pre,
details {
    margin-top: 0;
    margin-bottom: var(--base-size-16);
}

figcaption,
figure {
    display: block;
}

[hidden] {
    display: none !important;
}

b,
strong {
    font-weight: var(--base-text-weight-semibold, 600);
}

mark {
    background-color: var(--bgColor-attention-muted);
    color: var(--fgColor-default);
}

small {
    font-size: 90%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
    max-width: 100%;
    box-sizing: content-box;

    &[align=right] {
        padding-left: 20px;
    }

    &[align=left] {
        padding-right: 20px;
    }
}

figure {
    margin: 1em var(--base-size-40);
}

hr {
    box-sizing: content-box;
    overflow: hidden;
    background: transparent;
    border-bottom: 1px solid var(--borderColor-muted);
    height: .15em;
    padding: 0;
    margin: var(--base-size-24) 0;
    background-color: var(--borderColor-default);
    border: 0;
}

blockquote {
    margin: 0;
    padding: 0 1em;
    color: var(--fgColor-muted);
    border-left: 0.25em solid var(--borderColor-default);
}

blockquote> {
    :first-child {
        margin-top: 0;
    }

    :last-child {
        margin-bottom: 0;
    }
}



details {
    display: block;

    summary {
        cursor: pointer;
        display: list-item;
    }
}