/* Additions only.
 *
 * styles1.css is the legacy site's stylesheet and owns the layout, typography, header, banner and
 * footer. Anything in here that restyled those would fight it, so this file is limited to the few
 * things the CMS adds and the static site never had. */

/* Shown on a page that is saved but not published. Only staff can reach one. */
.draft-banner {
    background: #fff4d6;
    border: 1px solid #e0b400;
    color: #4a3b00;
    padding: .6rem 1rem;
    margin: 1rem auto;
    max-width: 60rem;
    border-radius: .4rem;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* The "no home page yet" and error views, which exist outside the imported content. */
.empty-state {
    max-width: 40rem;
    margin: 4rem auto;
    padding: 0 1.5rem;
    text-align: center;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.empty-state code {
    background: rgba(0, 0, 0, .07);
    padding: .1rem .35rem;
    border-radius: .25rem;
}

.muted { opacity: .7; }
.small { font-size: .875rem; }