/* 1. LOGO ALIGNMENT */
#header .navbar-brand.logo {
    display: flex;
    align-items: center;
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
}

#header .navbar-brand.logo img {
    display: block;
    height: auto;
    max-height: 45px;
}

/* 2. HERO BUTTONS */
.modular-hero .btn {
    font-size: 1.1rem;
    padding: 0.6rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 1;
    height: auto;
    letter-spacing: 0.5px;
}

/* 3. READABILITY AND CONTRAST */

/* Make body text darker and slightly thicker */
body {
    color: #222; /* Darker gray, almost black */
    font-weight: 450; /* Slightly thicker than standard 400 */
}

/* Make all links a darker, high-contrast blue */
a, a:visited {
    color: #004499 !important; /* Deep professional blue */
    text-decoration: underline; /* Better for accessibility */
}

a:hover {
    color: #002255 !important; /* Even darker on hover */
}

/* Fix Notice Box (!!!) contrast */
.notices {
    border-left-width: 5px;
    color: #111 !important; /* Ensure text inside is very dark */
}

/* If you used the '!!!' notice, it usually has a light background. 
   This ensures the text inside is bold and readable. */
.notices p {
    font-weight: 500;
}