/* Layout helpers for the prose pages (download pages, PD session pages,
   class notes, the news archive). Used with zenburn-theme.css. Public
   domain (CC0). */

.container img { max-width: 100%; height: auto; }

/* A thumbnail beside the list of file formats a resource comes in. */
.formats {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1em 1.4em;
    margin: 0.5em 0 1.5em;
}
.formats img {
    flex: 0 0 auto;
    width: 150px;
    border: 1px solid #5F5F5F;
    border-radius: 4px;
}
.formats ul { margin: 0; padding-left: 1.2em; }
.formats li { margin-bottom: 0.3em; }

/* Footnotes (the Tufte sidenotes, now numbered notes at the end). */
sup.fn { font-size: 75%; line-height: 0; }
sup.fn a { text-decoration: none; }
.footnotes {
    font-size: 88%;
    border-top: 1px solid #5F5F5F;
    margin-top: 2em;
    padding-top: 0.6em;
}
.footnotes h2 { font-size: 100%; margin: 0 0 0.4em; }
.footnotes ol { margin: 0; padding-left: 1.6em; }
.footnotes li { margin-bottom: 0.4em; }
.footnotes li:target { outline: 2px solid #DFAF8F; outline-offset: 2px; }

dl dt { font-weight: bold; color: #F0E68C; }
dl dd { margin: 0 0 0.8em 1.2em; }

kbd {
    font-family: "Liberation Mono", monospace;
    font-size: 90%;
    background-color: #383838;
    border: 1px solid #5F5F5F;
    border-radius: 3px;
    padding: 0 0.3em;
}

/* Quoted passages (the Primer essay, the guides). */
blockquote {
    margin: 1em 0 1em 1.4em;
    padding-left: 1em;
    border-left: 3px solid #5F5F5F;
    font-style: italic;
}