/* index.css — the aggregator landing page only.
 *
 * The shared chrome (frame.css) and the book page layout (layout.css) come
 * from buildtools/site via the submodule. This file is the handful of rules
 * that exist only on the landing page: the list of book cards.
 *
 * These used to be inlined in a hand-maintained index.html, along with a
 * verbatim copy of the whole of frame.css. That copy drifted.
 */

body { max-width: 1140px; margin: 0 auto; }

.sm-page {
    max-width: 46rem;
    margin: 0 auto;
    padding: 1rem;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #212529;
}

.sm-page ul { list-style: none; padding: 0; }

.sm-page li { margin: 0 0 1.75rem; }

.sm-page h2 { font-size: 1.25rem; margin: 0 0 .25rem; }

.sm-page p { margin: 0; color: rgba(0, 0, 0, .7); }

/* The date is a content date, from the last commit touching the book's
   chapters — not a build date. Some of these are deliberately old. */
.sm-when {
    margin-top: .3rem !important;
    font-size: .85rem;
    color: rgba(0, 0, 0, .55) !important;
}