* {box-sizing:border-box}
[hidden] {display:none !important}
[disabled] {pointer-events:none; opacity:0.3}
.horizontal {display:flex; flex-direction:row; justify-content:space-between}
.vertical {display:flex; flex-direction:column}
.center {justify-content:center; align-items:center}
.flex {flex:1}
button:focus:not(:focus-visible) { outline:none }
div {position:relative}
img {width:auto; height:auto}
html {
    font-family: "Roboto Mono", "RobotoMono Nerd Font", monospace;
}

pre.code,
pre.literal-block,
div.code {
    padding: 0.5rem 0.5rem;
    margin: 0 1rem;
    overflow: auto;
}
code { }

footer { text-align: left !important; margin-left: 0; margin-top: 2em; font-size: 75% }

.codetable {
    border-spacing: 0;
}
.codetable a { text-decoration: none; }
code[data-line-number]::before { content: attr(data-line-number) }
td.linenos { vertical-align:top }
.codetable code { white-space: nowrap; }
li p { margin: 0 }

/* Markdown content styling */
.e-content h1, .e-content h2, .e-content h3, .e-content h4, .e-content h5, .e-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.e-content h1 {
    font-size: 1.8em;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.3em;
}

.e-content h2 {
    font-size: 1.5em;
}

.e-content h3 {
    font-size: 1.3em;
}

.e-content p {
    margin-bottom: 1em;
    line-height: 1.6;
}

.e-content blockquote {
    margin: 1em 0;
    padding-left: 1em;
    border-left: 3px solid #ddd;
    color: #666;
}

.e-content ul, .e-content ol {
    margin-bottom: 1em;
    padding-left: 2em;
}

.e-content li {
    margin-bottom: 0.3em;
}

.e-content table {
    border-collapse: collapse;
    margin-bottom: 1em;
    width: 100%;
}

.e-content th, .e-content td {
    border: 1px solid #ddd;
    padding: 0.5em;
    text-align: left;
}

.e-content th {
    background-color: #f5f5f5;
    font-weight: bold;
}

.e-content hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 2em 0;
}

#content a[href^="http:"]:visited::before,
#content a[href^="https:"]:visited::before,
#content a[href^="http:"]::before,
#content a[href^="https:"]::before {
    display: inline-block;
    width: 1em;
}

html,
body {
}

#content a[href^="http:"]::before,
#content a[href^="https:"]::before {
    content: url("/assets/icons/external_link_dark.svg");
    width:1em;
}
#content a[href^="http:"]:visited::before,
#content a[href^="https:"]:visited::before {
    content: url("/assets/icons/external_link_dark_visited.svg");
}