/* Deep Blue & Crisp White Theme */
        :root {
            --primary-color: #1A365D; /* Deep academic blue */
            --secondary-color: #2B6CB0; /* Lighter interactive blue */
            --background-color: #F7FAFC;
            --text-color: #2D3748;
            --white: #FFFFFF;
            --border-color: #E2E8F0;
        }

        body {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.6;
            color: var(--text-color);
            background-color: var(--background-color);
            margin: 0;
            padding: 0;
        }

        /* Header (Upgraded Fonts) */
        /*header {
            background-color: var(--primary-color);
            color: var(--white);
            padding: 4rem 1rem;
            text-align: center;
        }*/
        /* Header (Upgraded with Background Image) */
        header {
            /* We use a linear gradient to add a semi-transparent dark blue overlay 
               over the image so the white text remains perfectly legible. */
            background-image: linear-gradient(rgba(26, 54, 93, 0.85), rgba(26, 54, 93, 0.85)), url('/images/header-bg.png');
            
            /* These properties ensure the image fits beautifully into the space */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            
            color: var(--white);
            padding: 4rem 1rem;
            text-align: center;
        }

        header {
        position: relative; /* This is required so the credit stays inside the header */
        /* ... (your existing background image and padding code) ... */
        }

    .photo-credit {
        position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.6); /* White, but 60% transparent */
}

.photo-credit a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}
        

        header h1 {
            font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
            margin: 0;
            font-size: 5rem;
            letter-spacing: 1.5px;
            font-weight: bold;
        }

        header .subtitle {
            font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
            font-size: 2rem;
            margin-top: 0.5rem;
            color: #EBF8FF;
            font-style: italic;
            font-weight: bold;
        }

        header .details {
            font-size: 1.3rem;
            margin-top: 1.5rem;
            font-weight: bold;
            letter-spacing: 0.5px;
            color: #CBD5E0;
        }

        /* Navigation */
        nav {
            background-color: var(--white);
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        nav ul li a {
            display: block;
            padding: 1rem 1.5rem;
            color: var(--primary-color);
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        nav ul li a:hover, nav ul li a.active {
            background-color: #EDF2F7;
            color: var(--secondary-color);
            border-bottom: 3px solid var(--secondary-color);
        }

        /* Main Content */
        main {
            max-width: 800px; /* Kept narrow for comfortable reading */
            margin: 2rem auto;
            padding: 0 1.5rem;
        }

        section {
            background: var(--white);
            padding: 2.5rem;
            margin-bottom: 2rem;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        h2 {
            color: var(--primary-color);
            border-bottom: 2px solid var(--border-color);
            padding-bottom: 0.5rem;
            margin-top: 0;
            font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
        }

        h3 {
            color: var(--secondary-color);
            border-bottom: 1px dashed var(--border-color);
            padding-bottom: 0.5rem;
            margin-top: 2rem;
            margin-bottom: 1rem;
            font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
            font-size: 1.4rem;
            font-weight: normal;
        }

        /* Clean Vertical Lists */
        .simple-list {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .simple-list li {
            padding: 0.75rem 0;
            border-bottom: 1px solid var(--border-color);
        }

        .simple-list li:last-child {
            border-bottom: none;
        }

        .simple-list strong {
            color: var(--primary-color);
            font-size: 1.1rem;
        }

        .simple-list-organizers {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .simple-list-organizers li {
            padding: 0.75rem 0;
            border-bottom: 1px solid var(--border-color);
        }

        .simple-list-organizers li:last-child {
            border-bottom: none;
        }

        .simple-list-organizers strong {
            color: var(--primary-color);
            font-size: 1rem;
        }

        a {
            color: var(--secondary-color);
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        /* Footer */
        footer {
            background-color: var(--primary-color);
            color: #CBD5E0;
            text-align: center;
            padding: 2rem 1rem;
            margin-top: 3rem;
            font-size: 0.9rem;
        }

        /* Mobile Responsiveness */
        @media (max-width: 768px) {
            header h1 {
                font-size: 2.2rem;
            }
            header .subtitle {
                font-size: 1.2rem;
            }
            nav ul {
                flex-direction: column;
                text-align: center;
            }
            nav ul li a {
                border-bottom: 1px solid var(--border-color);
            }
            nav ul li a:hover, nav ul li a.active {
                border-left: 4px solid var(--secondary-color);
                border-bottom: 1px solid var(--border-color);
            }
            section {
                padding: 1.5rem;
            }
        }

.map-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;   /* 16:9 */
}

.map-container iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/* Funding & Sponsor Logos */
        .logo-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 2.5rem;
            margin-top: 2rem;
        }

        .sponsor-logo {
            max-height: 80px; /* Restricts the height so all logos look balanced */
            max-width: 200px;
            object-fit: contain;
            transition: transform 0.3s ease;
            filter: grayscale(100%); /* Optional: makes logos gray until hovered for a cleaner look */
        }

        .sponsor-logo:hover {
            transform: scale(1.05);
            filter: grayscale(0%); /* Brings the color back on hover */
        }