body {
    font-family: "楷体", "KaiTi", "SimKai", "Times New Roman", serif;
    margin: 0;
    padding: 0;
    background-color: #fffacd;
}

.hidden {
    display: none;
}
.markdown-textarea {
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 0.5em;
}
.markdown-preview p:first-child { margin-top: 0; }
.markdown-preview p:last-child { margin-bottom: 0; }

nav.nav-main {
    background-color: #f08080;
    color: #000000;
}
.nav-inner {
    padding: 0.75em;
    margin: 0 auto;
    max-width: 48em;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
nav.nav-main a:link {
    color: #000000;
}
nav.nav-main a:visited {
    color: #000000;
}

nav.nav-hunt {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 0.5em;
    background-color: #fffacd;
}
.guesses {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 0.5em;
}
.nav-hunt p:first-child { margin-top: 0; }
.nav-hunt p:last-child { margin-bottom: 0; }
.guesses p:first-child { margin-top: 0; }
.guesses p:last-child { margin-bottom: 0; }

main {
    margin: 0 auto;
    max-width: 48em;
    padding: 0.75em;
}

table.classic {
    border-collapse: collapse;
    overflow-wrap: break-word;
}
table.classic th {
    padding: 0.5em;
    background-color: #fffacd;
}
table.classic td {
    padding: 0.5em;
    border-top: 1px solid #fffacd;
}
table.classic th.small {
    font-size: 85%;
}

samp {
    font-size: 1.2em;
}

h1 {
    margin-top: 0;
}

#puzzleframe {
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}