/* Fotoloka pages. water.css does the heavy lifting - this only adds the few things it has
   no opinion about: the page-to-page nav, the download panel and the placeholder markers. */

nav.pages {
    margin: 0 0 1.5rem 0;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--border);
    font-size: 0.95rem;
}

nav.pages a {
    margin-right: 1.2rem;
    white-space: nowrap;
}

/* The current page is named but not a link, so a reader can see where they are. */
nav.pages span.here {
    margin-right: 1.2rem;
    white-space: nowrap;
    font-weight: bold;
    color: var(--text-main);
}

.download {
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 1rem 1.2rem;
    margin: 1.5rem 0;
    background: var(--background-alt);
}

.download h3 {
    margin-top: 0;
}

.download .meta {
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* A checksum is long and must not be re-wrapped in the middle of a byte. */
.download code.sha {
    font-size: 0.78rem;
    word-break: break-all;
}

/* Marks something that is not live yet, so nobody clicks it twice wondering why. */
.placeholder {
    color: var(--text-muted);
    font-style: italic;
}

/* Two- and three-column reference tables read better without full-width stretching on a
   wide screen, but must still be able to scroll on a phone. */
.table-scroll {
    overflow-x: auto;
}

footer.site {
    margin-top: 3rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
    font-size: 0.9rem;
    color: var(--text-muted);
}