@import url('https://fonts.googleapis.com/css?family=Great+Vibes');


body { font-size: 18px; }
#preamble { display: none; }
#content { margin: 0 2em; position: relative; }
@media screen and (max-width: 800px) { #content { margin: 0; font-size: 16px; } }

h1 { font-size: 300%; line-height: 1; }
#content > ul {
    position: absolute; top: 0; right: 0;
    margin: 0; padding: 0; list-style: inside none;
}
#content > ul li { margin: 0; }
@media screen and (max-width: 400px) {
    h1 { margin-top: 1em; }
    #content > ul {
        position: relative;
        margin: -1.5em 0 1.5em;
    }
}

#table-of-contents h2 { display: none; }
#table-of-contents ul:before { content: "Jump to: "; float: left; margin-top: .25em; }
#table-of-contents ul { overflow: auto; padding: 0; list-style: inside none; }
#table-of-contents li { float: left; font-size: 100%; }

h1, h2 { font-family: 'Great Vibes', cursive; }
h2 {
    clear: both; font-size: 300%;
    margin: .5em 0 .2em; padding-top: 1em; border-top: 1px solid #555753; 
}

p a { font-variant: small-caps; text-decoration: none; }
p a:before { content: "[" }
p a:after { content: "]" }

li { margin: 0 0 .5em 0; }
p + ul { margin: -1em 0 1.5em 0; }

@media print {
    html { color: black; margin: 0; }
    #content { margin: 0 2em; }
    body {
        column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;
        font-size: 10.5pt; line-height: 1.25;
    }
    #table-of-contents { display: none; }

    p { margin: 3pt 0; }
    p a { display: none; }
    ul a { font-family: monospace; }
    ul a:after { display: none; }
    li { margin: 0; }
    p + ul { margin: -3pt 0 9pt 0; }
    p:first-line { page-break-after: avoid; }
    
    b { font-weight: normal; font-style: italic; }
    i { font-weight: bold; font-style: normal; }

    h1, h2 { page-break-after: avoid; padding: 0; }
    h1 { text-align: left; margin: 18pt 0 18pt 0; font-size: 36px; column-span: none; }
    h2 { font-size: 24pt; font-weight: 400; margin: 12pt 0 6pt 0; border-top: none; }

    .TridactylStatusIndicator { display: none !important; }
}