@charset "UTF-8";
/*!Copyright 2021 Michiel van Oosterhout*/
*, *:before, *:after {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    content: none;
    font-size: 100%;
    font-style: normal;
    line-height: 1.5;
    list-style: none;
    margin: 0;
    padding: 0;
    quotes: none;
    text-decoration: none;
    vertical-align:baseline
}

body {
    font-family:-apple-system, BlinkMacSystemFont, segoe ui, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji
}

@media (prefers-color-scheme: light) {
    html {
        color: #191919;
        background:#e6e6e6
    }

    html aside {
        border-left-color:#e6e6e6
    }

    html #header, html body > footer {
        background-color:#e6e6e6
    }

    html body {
        color-scheme:light
    }

    html body > main {
        background-color:#fafafa
    }

    html blockquote {
        border-color:gold
    }

    html hr {
        border-top:1px dashed #191919
    }

    html th {
        border-color:#191919
    }

    html a {
        color:#000
    }

    html code {
        color:#000
    }

    html figcaption span, html figcaption a {
        color:#7d7d7d
    }

    html mark, html nav a:hover, html nav a.ancestor, html nav span {
        background-color: gold;
        border-radius: 2px;
        box-shadow: 2px 0 gold, -2px 0 gold;
        color:#191919
    }

    html mark *, html nav a:hover *, html nav a.ancestor *, html nav span * {
        color:#191919
    }

    html a:target, html dfn:target, html h2[id]:target > a, html h3[id]:target, html sup[id]:target a, html li[role=doc-endnote]:target:before, html li[role=doc-endnote]:target p:before {
        color:#191919
    }
}

@media (prefers-color-scheme: dark) {
    html {
        color: #d7d7d8;
        background:#323233
    }

    html aside {
        border-left-color:#d7d7d8
    }

    html #header, html body > footer {
        background-color:#323233
    }

    html body {
        color-scheme:dark
    }

    html body > main {
        background-color:#4a4a4d
    }

    html blockquote {
        border-color:gold
    }

    html hr {
        border-top:.5px dashed #d7d7d8
    }

    html th {
        border-color:#d7d7d8
    }

    html a {
        color:#fff
    }

    html code {
        color:#fff
    }

    html q, html figcaption span, html figcaption a {
        color:rgba(255, 255, 255, .6)
    }

    html mark, html nav a:hover, html nav a.ancestor, html nav span {
        background-color: gold;
        border-radius: 2px;
        box-shadow: 2px 0 gold, -2px 0 gold;
        color:#191919
    }

    html mark *, html nav a:hover *, html nav a.ancestor *, html nav span * {
        color:#191919
    }

    html a:target, html dfn:target, html h2[id]:target > a, html h3[id]:target, html sup[id]:target a, html li[role=doc-endnote]:target:before, html li[role=doc-endnote]:target p:before {
        color:gold
    }
}

body {
    display: flex;
    flex-direction: column;
    min-height:100vh
}

body #header {
    overflow:auto
}

body > main {
    flex-grow:1
}

body > footer {
    flex-shrink:0
}

@media screen {
    #headline, #tagline, #byline, #content, #meta, #menu-main, #postscript, #license {
        margin-left: 1rem;
        margin-right:1rem
    }
}

@media screen and (min-width: 42rem) {
    #headline, #tagline, #byline, #content, #meta, #menu-main, #postscript, #license {
        margin-left: auto;
        margin-right: auto;
        max-width:40rem
    }
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, address, aside, blockquote, hr, figure, details, details > summary, table, nav {
    display: block;
    margin-top: 1rem;
    margin-bottom:1rem
}

table {
    display:table
}

li dl, li ol, li ul {
    margin:0
}

section[role=doc-endnotes] p {
    margin:0
}

aside {
    border-left-width: .25 1rem;
    border-left-style: solid;
    padding-left:.75rem
}

blockquote {
    border-left-width: .25 1rem;
    border-left-style: solid;
    padding-left:.75rem
}

blockquote[cite]::after {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    content: "— " attr(cite)
}

blockquote p > cite::before {
    content: "\2014\20"
}

h1, h2 {
    font-size:1.5rem
}

h1 a[href], h2 a[href] {
    text-decoration:none
}

h3 {
    font-size:1.25rem
}

h4, h5, h6 {
    text-transform:uppercase
}

pre {
    font-family:monospace
}

table {
    min-width: 100%;
    table-layout:fixed
}

table th {
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width:1px
}

table td {
    text-align:left
}

table td, table th {
    padding-left: 2px;
    padding-right:2px
}

table td:first-child, table th:first-child {
    padding-left:0
}

table td:last-child, table th:last-child {
    padding-right:0
}

figure {
    text-align:center
}

figure > pre {
    text-align:left
}

figure picture img {
    max-width:100%
}

figure figcaption > span:before {
    content: "("
}

figure figcaption > span:after {
    content: ")"
}

dl {
    display: table;
    list-style-type: none;
    counter-reset:list-item 1
}

dl dd, dl dt, dl li {
    display: table-row;
    counter-increment:list-item
}

dl dd:before, dl dt:before, dl li:before {
    content: "\2013";
    display: table-cell;
    white-space: nowrap;
    min-width: 1rem;
    vertical-align:top
}

dl dd:before {
    content: ""
}

ol {
    display: table;
    list-style-type: none;
    counter-reset:list-item 1
}

ol dd, ol dt, ol li {
    display: table-row;
    counter-increment:list-item
}

ol dd:before, ol dt:before, ol li:before {
    content: "\2013";
    display: table-cell;
    white-space: nowrap;
    min-width: 1rem;
    vertical-align:top
}

ol li:before {
    content: counters(list-item, "-") " - ";
    font-variant-numeric: tabular-nums;
    text-align:right
}

section[role=doc-endnotes] ol li:before {
    content:counter(list-item)
}

section[role=doc-endnotes] ol li p {
    display:table
}

section[role=doc-endnotes] ol li p:before {
    display: table-cell;
    text-align: center;
    width: 1em;
    content: "-"
}

section[role=doc-endnotes] ol li:target p:before {
    content: "\2192"
}

ul {
    display: table;
    list-style-type: none;
    counter-reset:list-item 1
}

ul dd, ul dt, ul li {
    display: table-row;
    counter-increment:list-item
}

ul dd:before, ul dt:before, ul li:before {
    content: "\2013";
    display: table-cell;
    white-space: nowrap;
    min-width: 1rem;
    vertical-align:top
}

ul li:before {
    font-weight:700
}

nav ol, nav ul {
    display: block;
    overflow: auto;
    margin-left:-6px
}

nav ol li, nav ul li {
    float:left
}

nav ol li:before, nav ul li:before {
    content:none
}

nav ol li a, nav ol li span, nav ul li a, nav ul li span {
    display: inline-block;
    margin: 0 4px;
    padding-left: 2px;
    padding-right: 2px;
    text-decoration:none !important
}

nav ol li a:not([href]), nav ol li span, nav ul li a:not([href]), nav ul li span {
    cursor:default
}

nav#menu-main {
    font-size:1.125rem
}

a[role=doc-backlink] {
    display: inline-block;
    text-indent: -9000px;
    line-height:0
}

:target a[role=doc-backlink]::after {
    content: '↑';
    display: block;
    text-indent: 0;
    line-height:initial
}

abbr {
    text-decoration: underline;
    cursor:help
}

b, h1, strong {
    font-weight:700
}

code, samp, var {
    font-family:monospace
}

cite, dfn, em, i {
    font-style:italic
}

del, s {
    opacity: .5;
    text-decoration:line-through
}

ins, u, a[href] {
    text-decoration:underline
}

li[role=doc-endnote] p {
    display:inline-block
}

q {
    font-style:italic
}

q:after {
    content: '"';font-style:italic}q:before{content:'"';
    font-style:italic
}

sub, sup, a[role=doc-backlink] {
    position: relative;
    font-size:.875rem
}

sub {
    vertical-align:text-bottom
}

sup, a[role=doc-backlink] {
    vertical-align: text-top;
    top:-5px
}

mark {
    background-color: transparent;
    border-radius: 2px;
    box-shadow:2px 0 transparent, -2px 0 transparent
}

.author #header {
    text-align:center
}

.author #headline img {
    border-radius: 50%;
    width: 100px
}