/* Minimal custom CSS for effects Tailwind can't handle */
    
    /* Subtle vertical line overlay */
    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 20%;
        width: 1px;
        height: 100vh;
        background-color: rgb(var(--vp-color-black-rgb) / 0.03);
        z-index: -1;
        pointer-events: none;
    }

    @media (max-width: 768px) {
        body::before {
            left: 10%;
        }
    }


    /* Button hover effect */
    .btn-hover{
        background: rgb(var(--vp-color-essential-free-accent-rgb));
    }
    .btn-hover::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background: rgb(var(--vp-color-slate-900-rgb)); 
        transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 0;
    }

    .btn-hover:hover::before {
        width: 100%;
    }

    .btn-hover span {
        position: relative;
        z-index: 1;
    }

    /* Sticky label dash */
    .label-dash::before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 1px;
        background: rgb(var(--vp-color-essential-free-accent-rgb));
        margin-right: 16px;
    }