html { background: #fff; color: #000; font-family: serif; font-size: 18px; }
body { margin: 0; padding: 0; }
.page { margin: 0 auto; max-width: 38em; padding: 0.7em; }
header, footer { border-bottom: 2px solid #000; padding: 0.6em 0; }
footer { border-bottom: 0; border-top: 2px solid #000; clear: both; margin-top: 2em; }
a { color: #000; text-decoration: underline; }
.site-title { display: block; font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; }
nav a, .action, .download { display: inline-block; padding: 0.45em 0.2em; }
h1 { font-size: 1.65em; }
h2 { font-size: 1.25em; }
.book-list, .author-list { list-style: none; margin: 0; padding: 0; }
.book-row { border-top: 1px solid #777; min-height: 7em; overflow: hidden; padding: 0.8em 0; }
.book-row h2, .book-row p { margin: 0 0 0.35em; }
.cover-small { float: left; height: auto; margin: 0 0.8em 0.5em 0; max-width: 90px; }
.cover-large { height: auto; max-width: 180px; }
.quiet { color: #444; font-size: 0.9em; }
.pagination { line-height: 2.4; margin: 0.6em 0; }
.pagination a, .pagination strong { border: 1px solid #000; margin-right: 0.2em; min-width: 1.4em; padding: 0.3em 0.5em; text-align: center; }
label { display: block; font-weight: bold; margin-bottom: 0.3em; }
input { border: 2px solid #000; box-sizing: border-box; font: inherit; max-width: 100%; padding: 0.55em; width: 20em; }
button { background: #000; border: 2px solid #000; color: #fff; font: inherit; padding: 0.55em 0.8em; }
.logout { margin-top: 0.5em; }
.logout button { margin-left: 0.5em; padding: 0.3em 0.5em; }
.quick-code { border: 3px solid #000; font-family: monospace; font-size: 2em; font-weight: bold; letter-spacing: 0.15em; padding: 0.5em; text-align: center; }
dt { font-weight: bold; }
dd { margin: 0 0 0.7em; }
.overview { white-space: pre-line; }
.download { border: 2px solid #000; font-weight: bold; padding: 0.7em; }