body {
            background-color: #3e2723; /* Deep Espresso Brown */
            color: #efebe9;           /* Soft off-white */
            font-family: 'Georgia', serif; 
            line-height: 1.6;
            max-width: 800px;
            margin: 40px auto;
            padding: 0 10px;
        }

        nav {
            border-bottom: 1px solid #5d4037;
            padding-bottom: 10px;
            margin-bottom: 30px;
        }

        nav a {
            color: #d7ccc8; /* Light Tan */
            margin-right: 20px;
            text-decoration: none;
            font-weight: bold;
        }

        nav a:hover {
            color: #ffffff;
        }

        .profile-section { 
            display: flex; 
            align-items: center; 
            gap: 20px; 
            margin-top: 20px;
        }

        .profile-text { flex: 2; }

        .profile-pic { 
            flex: 1; 
            border: 1px solid #5d4037; 
            background: #4e342e; 
            text-align: center; 
            padding: 20px; 
        }
        
        h1 { color: #ffffff; }
        hr { border: 0; border-top: 1px solid #5d4037; }

        /* Styles all links that are NOT in the navigation bar */
        a {
            color: #b39ddb; /* Dusty Lavender */
            text-decoration: none; /* Removes the default underline */
            font-style: italic; /* Makes links look a bit more distinct */
        }

        a:hover {
            color: #d1c4e9; /* Lightens when you hover over it */
            text-decoration: underline; /* Adds underline back on hover */
        }

        /* Keeps your navigation links looking like Tan, as they were */
        nav a {
            color: #d7ccc8; 
            font-style: normal;
        }

        /* Only adds spacing to the research papers */
        .publication-list li {
            margin-bottom: 10px;
        }

        /* All other list items (like on the Teaching page) 
        will use the default tight spacing. */
        li {
            margin-bottom: 3px; 
        }

        /* Responsive adjustments for mobile phones */
        @media (max-width: 600px) {
        body {
            margin: 20px auto; /* Reduces top/bottom margin on small screens */
            padding: 0 15px;   /* Adds a tiny bit more side-padding so text doesn't hit the screen edge */
        }
        
        .profile-section {
            flex-direction: column; /* Stacks the photo on top of the text */
            text-align: center;      /* Centers the text for a better mobile look */
        }

        .profile-pic {
            max-width: 250px;       /* Prevents the photo from becoming too huge */
            margin: 0 auto 20px auto; /* Centers the photo and adds space below it */
        }
    
        nav {
            text-align: center;     /* Makes the menu easier to tap on a phone */
        }

        nav a {
            display: inline-block;
            margin: 10px;           /* Adds a bit more 'tap space' around links */
        }
        }