/* Ensure the Hero container doesn't create layout shifts */
.md-hero {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Harmonizing Title Spacing */
.md-content h1 {
    margin-top: 2rem !important; /* Set a fixed, consistent top margin */
    position: relative;
    z-index: 1; /* Ensures text stays above the mesh */
}

/* Fix for Dark Mode Mesh Container */
:root [data-md-color-scheme="slate"] .mesh-gradient-container {
    position: absolute; /* Ensures it doesn't take up physical space */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Contained within the hero area */
    pointer-events: none; /* Prevents interference with clicks */
    overflow: hidden;
}

/* Ensure Light Mode matches the exact same geometry */
:root [data-md-color-scheme="default"] .md-content h1 {
    margin-top: 2rem !important; /* Matches the Slate mode exactly */
}