.skip-link {
        position: absolute; 
        top: -500px; 
        left: 0; 
        background: var(--color-primary, #2563eb); 
        color: white; 
        padding: 1rem; 
        z-index: 9999;
    }
    .skip-link:focus { 
        top: 0; 
    }

    /* NEW: Gradient Link Styles */
    .gradient-link {
        /* Fallback color */
        color: #4A00E0; 
        
        /* The Gradient */
        background: linear-gradient(90deg, #D9005B 0%, #4A00E0 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        
        /* Formatting */
        font-weight: 800;
        display: inline-block; 
        transition: all 0.3s ease;
        text-decoration: none; 
        
        /* Positioning for the custom underline */
        position: relative; 
    }

    /* The Custom Underline */
    .gradient-link::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px; /* Matches standard link thickness */
        background-color: #D9005B; /* Matches the pink text start */
        bottom: 4px; /* Align with text baseline */
        left: 0;
    }

    .gradient-link:hover::after {
        /* We ONLY hide the underline */
        opacity: 0;
    }
    
    .gradient-link:focus {
        outline: 2px solid #4A00E0;
        outline-offset: 4px;
        border-radius: 2px;
    }

    /* --- HEADER LAYOUT --- */

    .header-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        column-gap: 1rem; 
        row-gap: 0px; 
    }

    .main-nav ul {
        display: flex;
        flex-wrap: wrap; 
        align-items: center;
        column-gap: 1.5rem; 
        row-gap: 0.75rem;
        padding-top: 0; 
        padding-bottom: 0px;
        padding-left: 0;
        padding-right: 0;
        list-style: none;
        margin: 0;
    }
    .main-nav a { text-decoration: none; color: var(--color-text); font-weight: 500; text-decoration: underline; font-size: 1.15rem; }
    .main-nav a:hover { text-decoration: none; }


    /* font left menu search form */
    h1, h2, h3, h4, h5, h6, p, a, li, span, label, input, button {
        font-family: inherit !important;
    }

    /* --- MOBILE CENTER LOGO FIX --- */
    @media (max-width: 768px) {
        .header-inner {
            display: grid !important; 
            grid-template-columns: 1fr auto 1fr; /* Left spacer, Logo center, Right Menu */
            align-items: center;
        }

        .logo {
            grid-column: 2; /* Place logo in the center column */
            justify-self: center; /* Center horizontally */
        }

        .mobile-nav-toggle {
            grid-column: 3; /* Place in the right column */
            justify-self: end; /* Push to the right */
        }

        /* Ensure nav drops below grid */
        .main-nav, .header-actions {
            grid-column: 1 / -1; /* Span full width */
        }
    }