@media (prefers-color-scheme: dark) {
    body {
        background: black;
        color: white;
    }
    a:link {
        color: skyblue;
    }
    a:visited {
        color: plum;
    }
}

body {
    font-family: serif;
    font-size: large;
    line-height: 1.5;
    max-width: 80ch;
    margin-inline: auto;
    padding-inline: clamp(1rem, 4vw, 3rem);
    h1,h2,h3,h4 {
        font-family: sans-serif;
    }
    header {
        h1.title {
            text-align: center;
        }
        p {
            text-align: right;
        }
    }
    figure {
        /* width: max-content; */
        text-align: center;
    }
    dl {
        dt {
            margin-top: 0.1rem;
            font-family: sans-serif;
            font-weight: bold;
        }
        dd {
            margin-top: 0.1rem;
            margin-lef: 0.5rem;
            margin-bottom: 0.5rem;
        }
    }
    blockquote {
        font-family: "LXGW WenKai", "KaiTi", "STKaiti", "楷体", "楷体_GB2312", "Libertinus Sans", "Linux Biolinum", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
        margin: 1em 2em;
        padding-left: 1em;
        border-left: 0.1rem solid;
    }
    #table-of-contents {
        border-top: 0.1rem dashed;
        border-bottom: 0.1rem dashed;
    }
    #footnotes {
        font-size: medium;
        .footdef {
            display: flex;
            align-items: flex-start;
            margin-bottom: 0.5em;
            sup {
                vertical-align: baseline;
                position: relative;
                margin-right: 0.5em;
            }
            .footpara {
                display: inline;
                margin: 0;
            }
        }
    }
    #postamble {
        font-family: sans-serif;
        text-align: center;
        border-top: 0.1rem solid;
    }
}

img {
    max-width: 85%;
}

table {
    margin: 1em auto;
    border-top: 1px solid;
    border-collapse: collapse;
}
table,
thead {
  border-bottom: 2px solid
}
table td+td,
table th+th {
  border-left: 1px solid grey
}
table tr {
  border-top: 2px solid
}
td,
th {
  padding:.3em .6em;
  vertical-align:middle
}
th.org-center,
th.org-left,
th.org-right {
    text-align:center;
}
td.org-right {
    text-align:right;
}
td.org-left {
    text-align:left;
}
td.org-center {
    text-align:center;
}

.timestamp {
    font-family: monospace;
}