/* /Layout/NavMenu.razor.rz.scp.css */
nav[b-s3m4s926wf] {
    container-type: inline-size;
    display: grid;
    grid-template-columns: 1fr auto;
    width: 100%;

    & .menu-toggle {
        display: none;
        cursor: pointer;
        padding: 0.5rem;
    }

    & .nav-links[b-s3m4s926wf] {
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }

    @container (max-width: 600px) {
        flex-direction: column;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        
        .menu-toggle[b-s3m4s926wf] {
            display: inline-flex;
        }
        .nav-links[b-s3m4s926wf] {
            grid-column: 1 / span 2;
            display: none;
            flex-direction: column;
            margin-top: 2rem;
            gap: 0.5rem;
            width: 100%;
        }
        .nav-links.open[b-s3m4s926wf] {
            display: flex;
        }
    }
}