/* ==========================================================
   RECORDS — Ernest Bluff Public Records
   "Official government records"

   Palette: Bureaucratic, plain, functional — muted blues,
   light grays, minimal decoration. Feels like a government
   website that cares about function over form.
   Font: Roboto (clean government sans-serif),
   system fallbacks
   No image — plain government blue
   ========================================================== */

.site-records {
    font-family: 'Roboto', 'Alegreya', sans-serif;

    /* Page background — government gray */
    --color-bg: #eef0f2;
    --color-body-bg: #ffffff;

    /* Title bar — muted government blue */
    --color-title-bar-bg: #2e4a6e;
    --color-title-bar-text: #e8edf2;

    /* Header — no image, plain muted blue */
    --color-header-bg: #3b5d8a;
    --header-image: url('/images/headers/records.png');
    --header-height: 325px;

    /* Navigation — steel blue, no-frills */
    --color-menu-bg: #3b5d8a;
    --color-menu-text: #e8edf2;
    --color-menu-hover: #4a6f9e;
    --color-menu-hover-text: #ffffff;

    /* Container border */
    --color-container-border: #3b5d8a;

    /* Footer */
    --color-footer-bg: #2e4a6e;
    --color-footer-text: #a8b8cc;
    --color-helper-footer-bg: #1e3250;
    --color-helper-footer-text: #7a90a8;
}


/* Title bar — minimal government styling */
.site-records .site-title-bar .title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 0.02em;
    font-size: clamp(1rem, 3.5vw, 1.6rem);
}

.site-records .site-title-bar .subtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    letter-spacing: 0.04em;
    opacity: 0.8;
    font-size: clamp(0.65rem, 1.8vw, 0.8rem);
}


/* Header image */
.site-records .header-image {
    background-size: cover;
}


/* Menu — clean, functional government nav */
.site-records .menu-button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.02em;
}


/* Menu — Desktop alignment fix (3 nav items) */
@media (min-width: 768px) {
    .site-records .menu-button {
        flex: 0 1 auto;
        max-width: 240px;
        min-width: 140px;
        padding: 0.25em 1.5em;
    }
}


/* Content — plain, functional, government document feel */
.site-records #content {
    line-height: 1.6;
    color: #333333;
}

.site-records #content h1,
.site-records #content h2,
.site-records #content h3 {
    font-family: 'Roboto', sans-serif;
    color: #2e4a6e;
    font-weight: 500;
}

.site-records #content a {
    color: #3b5d8a;
}

.site-records #content a:hover {
    color: #2e4a6e;
    text-decoration: underline;
}


/* Footer — minimal government */
.site-records #site-footer {
    font-family: 'Roboto', sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.01em;
}