.nav-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: white;
            color: black;
            padding: 0.5rem 1rem;
        }

        .nav-bar .logo {
            font-size: 1.5rem;
            font-weight: bold;
			color:#000000
        }

        .nav-links {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .nav-links li {
            position: relative;
        }

        .nav-links a {
            text-decoration: none;
            color: black;
            padding: 0.5rem 1rem;
            display: block;
        }

        .nav-links a:hover {
            background-color: #f0f0f0;
        }

        .sub-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: white;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .sub-menu li {
            width: 200px;
        }

        .nav-links li:hover .sub-menu {
            display: block;
        }

        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
            position: relative; /* ensure on top of dropdown */
            z-index: 1001;
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation; /* eliminate 300ms delay / ghost clicks */
        }

        .hamburger div {
            width: 25px;
            height: 3px;
            background-color: black;
            margin: 4px 0;
        }

        @media (max-width: 768px) {
            .nav-bar { position: relative; }
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                background-color: white;
                position: static; /* push-down menu: expand in flow */
            }

            .nav-links.active {
                display: flex; /* stacked items will push content down */
            }

            .hamburger {
                display: flex;
            }

            .nav-links li {
                text-align: center;
            }

            .sub-menu {
                position: static;
            }

            .sub-menu li {
                width: 100%;
            }
        }

/* Custom background color for header rows (CSP-safe replacement for inline styles) */
.bg-teal-2a9d8f {
    background-color: #2A9D8F !important;
}