@font-face {
    font-family: "ET Book";
    src: url("/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"),
         url("/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ET Book";
    src: url("/et-book/et-book-display-italic-old-style-figures/etbookot-italic-webfont.woff2") format("woff2"),
         url("/et-book/et-book-display-italic-old-style-figures/etbookot-italic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "ET Book";
    src: url("/et-book/et-book-bold-line-figures/etbookot-bold-webfont.woff2") format("woff2"),
         url("/et-book/et-book-bold-line-figures/etbookot-bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ET Book Old Style";
    src: url("/et-book/et-book-roman-old-style-figures/etbookot-roman-webfont.woff2") format("woff2"),
         url("/et-book/et-book-roman-old-style-figures/etbookot-roman-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "ET Book", Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

.numeral,
.sidenote-number:after,
.sidenote:before,
.footnote-ref sup {
    font-family: "ET Book Old Style";
}

/* The default x-height for code is slightly too large in side notes */
.marginnote code, .sidenote code {
    font-size: 0.9rem;
}

/* ... and slightly too small in body text */
code {
    font-size: 1.05rem;
}

/* Also make the sidenote numbers hang */
.sidenote {
    text-indent: -0.4rem;
}
.sidenote:before {
    /* removes trailing space from the counter content */
    content: counter(sidenote-counter);
    left: -0.4rem;
}

/* To get spacing between lists, use paragraphs.
 * 0.25rem of spacing between list elements looks bad. */
li:not(:first-child) {
    margin-top: initial;
}

/* Prevent superscripts and subscripts from affecting line-height */
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub {
    top: 0.4em;
}

/* Replicate styling from sidenote numbers to footnote numbers */
a.footnote-ref {
    background: unset;
    text-shadow: unset;
    font-size: 1rem;
    position: relative;
    top: -0.1rem;
    left: 0.1rem;
    display: inline;
}
.footnote-ref sup {
    font-size: inherit;
    vertical-align: inherit;
    line-height: inherit;
}

/* Homepage article listing */
.article-list {
    width: 55%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.article-list li {
    margin: 0;
    padding: 1.4rem 0;
    border-top: 1px solid #ccc;
}
.article-list li:last-child {
    border-bottom: 1px solid #ccc;
}
.article-list h3 {
    margin: 0 0 0.5rem;
}
.article-date {
    font-size: 1.2rem;
    font-style: italic;
}

@media (prefers-color-scheme: dark) {
    .article-list li {
        border-color: #555;
    }
}

@media (max-width: 760px) {
    .article-list {
        width: 100%;
    }
}