/* Newsreader */
@font-face {
    font-family: "Newsreader";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("newsreader/newsreader-400.woff2") format("woff2");
}
@font-face {
    font-family: "Newsreader";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("newsreader/newsreader-400-italic.woff2") format("woff2");
}

/* Iosevka */
@font-face {
    font-family: "Iosevka";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("iosevka/iosevka-latin-400-normal.woff2") format("woff2");
}

body {
    font-family: "Newsreader", Georgia, "Times New Roman", serif;
}

code, pre > code {
    font-family: "Iosevka", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

#preamble nav a.active { color: #e65c00; }
#preamble nav a { text-decoration: none; }
#preamble nav {
    font-family: "Iosevka", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
}
#preamble nav .sep { color: #ccc; }

#postamble a { text-decoration: none; }
#postamble {
    font-family: "Iosevka", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.8rem;
    color: #aaa;
}
#postamble a { color: #aaa; }

.intro { font-style: italic; color: #555; margin-bottom: 2rem; }

.post-tags {
    font-family: "Iosevka", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.75rem;
    color: #bbb;
    letter-spacing: 0.04em;
}

.post-list p { margin: 0.6rem 0; white-space: nowrap; overflow: visible; }
.post-list .timestamp {
    font-size: 0.75em;
    color: #999;
    background: none; border: none; padding: 0;
    font-family: "Iosevka", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    letter-spacing: 0.03em;
}
.post-list .timestamp::after { content: " "; color: #ccc; }

article { padding: 0; }

h2 { font-style: normal; }

article dl, section dl {
    display: grid;
    grid-template-columns: auto 1fr;
    padding-inline-start: 0;
}
dt:not(:first-child), li:not(:first-child) {
    margin-top: 0;
}