/* ========== HEADER (brand + nav) ========== */
header .navbar-brand,
header a.navbar-brand,
header nav > a {
    font-size: 1.75rem !important;
    font-weight: 500 !important;
    color: #2d6cdf !important;
}

header .navbar-brand:hover,
header a.navbar-brand:hover {
    color: #1b4fb5 !important;
}

header .navbar-nav a,
header nav ul li a {
    font-size: 1.5rem !important;
    font-weight: 300 !important;
}

/* ========== FOOTER ========== */
/* Optional: only keep if you plan to restore a footer later */
body > footer {
    color: #888;
    font-size: 0.95rem;
    text-align: center;
    padding: 1rem 0;
}

/* ========== HOMEPAGE FEATURE ICONS ========== */
.features img {
    width: 180px;
    height: auto;
    object-fit: contain;
    margin: 0 auto 1.5rem;
    display: block;
}

.features h3 {
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.features p {
    color: #333;
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 350px;
    margin: 0 auto;
}

/* ========== CONTENT IMAGES (docs, blog) ========== */
article p img,
.markdown p img {
    display: block;
    margin: 1.5rem auto;
    max-width: 100%;
    height: auto;
}

/* Captions under images */
article p img + em,
.markdown p img + em,
article p:has(> img) + p > em,
.markdown p:has(> img) + p > em {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 0.9rem;
    margin-top: 0.25rem;
    color: #666;
}

/* Optional: figure styling if you ever use <figure> in docs */
figure {
    display: block;
    margin: 2rem auto;
    text-align: center;
}
figure img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
figure figcaption {
    margin-top: 0.35rem;
    font-style: italic;
    font-size: 0.9rem;
    color: #666;
}