:root {
    font-family: sans-serif;
    font-size: 13pt;
}
:root {
    --background: black;
    --foreground: white;
    --link: aqua;
    --code-background: #333;
}
code {
    background: var(--code-background);
}
body {
    background: var(--background);
    color: var(--foreground);
}
h1, h2 {
    font-family: serif;
}
a:link, a:visited {
    color: var(--link);
}
a:active {
    color: red;
}
#breadcrumbs {
 padding: 0;
 margin-top: 0;
 list-style-type: none;
 background: #999;
}
#breadcrumbs li {
 display: inline;
 padding-left: 0.3em;
}
#breadcrumbs li:first-child:before {
 content: "";
}
#breadcrumbs li:before {
 content: " » ";
}
#breadcrumbs li:last-child {
 clear: right;
}
#breadcrumbs li.active a {
    color: var(--foreground);
    font-weight: bold;
}
li {
    line-height: 1.5;
}
p {
    line-height: 1.2;
}
a[href^="http:"]:after,
a[href^="https:"]:after {
/* content: " ⇗";
 content: " ➚";
 content: " ⬀";
 content: " ⬈";
 content: " ↗";

 content: " ⇗➚⃞➚⬀⬈↗";
 content: " ➚⃞";
*/
 content: "➚";
 color: #666;
}
a:link {
 text-decoration: none;
}
pre {
    margin-left: 4ex;
}
pre > code {
    display: block;
    padding-left: 0.5ex;
}
ul.recentPubs::before {
    content: "Also recently: ";
}
ul.prose:empty::before {
    content: none;
}
ul.prose {
    margin: 13pt 0;
    padding: 0;
    list-style-type: none;
}
ul.prose > li {
    display: inline;
}
ul.prose > li:after {
    content: ", ";
}
ul.prose > li:first-of-type:nth-last-of-type(2)::after {
    content: "";
}
ul.prose > li:last-of-type:not(:first-of-type)::before {
    content: " and ";
}
ul.recentPubs > li:last-of-type::after {
    content: ".";
}

ul.relatedProjects:not(:empty)::before {
    content: "Part of the ";
}
ul.relatedProjects > li:last-of-type::after {
    content: " projects.";
}
ul.relatedProjects > li:first-of-type:last-of-type::after {
    content: " project.";
}
ul.citations {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.citations::before {
    content: 'Bibliography formats: ';
}
ul.citations > li {
    display: inline-block;
}
ul.citations > li:not(:last-of-type)::after {
    content: ',';
}
dl.inline, dl.inline > dt, dl.inline > dd {
    display: inline;
    margin: 0;
}
dl.inline::before { content: attr(title);}
dl.inline > dt::after {
    content: ': ';
}
dl.inline > dd + dt::before { content: '; '}
dl.notes {
    dt {
        font-weight: bold;
    }
    dt::after {
        content: ': ';
    }
}
div.pub-popup {
    background: rgba(32, 32, 32, 0.9);
    border: 2px solid white;
}
@media only screen and (max-device-width: 480px) {
    :root {
        font-size: 22px;
    }
    #breadcrumbs li.active {
        display: none;
    }
    h1 { font-size: 1.3em; }
    h2 { font-size: 1.1em; }
}
@media screen and (prefers-color-scheme: light), print {
    :root {
        --foreground: black;
        --background: white;
        --link: blue;
        --code-background: #ddd;
    }
    div.pub-popup {
        background: rgba(223, 223, 223, 0.9);
        border: 2px solid black;
    }
}
@media print {
    button.preview-button {
        display: none;
    }
    a[href]::after {
        margin-left: 0.5ex;
        content: attr(href);
        color: black;
        text-decoration: underline;
        vertical-align: super;
        font-size: 70%;
        font-weight: normal;
    }
    a[href^="/"]::after {
        content: "https://michael.homer.nz" attr(href) "";
    }
    ul#breadcrumbs a[href]::after,
    a[href$=".bib"]::after,
    a[href$=".msword.xml"]::after,
    a[href^="//mwh.nz/"]::after {
        display: none;
    }
}