:root {
    --ink:#243c35;
    --paper:#f7f3e9;
    --line:#c8b99b;
    --muted:#59675d;
}

* {box-sizing:border-box}

body {
    margin:0;
    background:#fcfbf8;
    color:var(--ink);
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.6;
}

#content-view {
    min-height:55vh;
}

.page {
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:40px 28px 64px;
}

.page h1,
.page h2,
.page h3 {
    font-family:Georgia,serif;
    line-height:1.25;
}

.page h1 {
    font-size:42px;
    margin:12px 0;
}

.page .lead {
    font-size:18px;
    max-width:760px;
    color:var(--muted);
}

.card {
    border:1px solid var(--line);
    padding:22px;
    background:white;
    border-radius:5px;
}

.card h2,
.card h3 {
    margin-top:0;
}

.grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px;
}

.pending {
    padding:20px;
    border-left:3px solid #c9c5b6;
    background:#efede5;
    color:var(--muted);
    font-size:14px;
}

.page a {
    color:#245a50;
}

.page details summary {
    cursor:pointer;
}

.page a:focus-visible,
.page summary:focus-visible {
    outline:3px solid #b87738;
    outline-offset:3px;
}

footer {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px 22px;
    padding:18px 28px;
    background:#f7f3e9;
    border-top:1px solid #c8b99b;
    color:#243c35;
    font:12px/1.5 Arial,Helvetica,sans-serif;
}

footer a {
    color:inherit;
}

footer #contact:empty {
    display:none;
}

footer #mv-footer-email {
    overflow-wrap:anywhere;
}

footer #banner-photo-credit {
    color:#59675d;
}

@media(max-width:600px) {
    .page {
        padding:28px 18px 45px;
    }

    .page h1 {
        font-size:32px;
    }

    footer {
        padding:12px 16px;
    }
}
/* Authoritative About background */
body,
#content-view,
#page,
#page .card,
#page .heritage-card,
#page .mv-goals-widget,
#page .mv-goal-panel {
    background-color: #f7f3e9 !important;
    background-image: none !important;
}

/* Scope and Mission use the same page background.
   This rule also overrides earlier inline background colors. */
#page [data-project-scope],
#page .mv-about-open-section,
#page .mv-scope-mission-style {
    background-color: transparent !important;
    background-image: none !important;
}