/* Minimalist CSS with 'Honey Pot' Palette (Brightened) */

:root {
/* --- HYBRID COLOR PALETTE --- */
--bg-color: #ffffff;       /* Crisp white background */
--text-main: #003a37;      /* Darkest forest green for highly readable text */
--accent-color: #045149;   /* Deep rich green for your name and headings */
--link-color: #d84f2a;     /* Darker orange (from Honey Pot) for resting links */
--link-hover: #f9744b;     /* Bright coral/orange (from Honey Pot) for hovering */
--border-color: #dae0e5;   /* Soft cool gray for subtle dividing lines */
--box-bg: #f2f0e4;         /* Bright, warm cream for the contact box */
}

body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.6;
color: var(--text-main);
background-color: var(--bg-color);
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
}

header {
border-bottom: 2px solid var(--border-color);
padding-bottom: 20px;
margin-bottom: 40px;
}

h1 {
font-size: 2.5rem;
margin: 0 0 10px 0;
letter-spacing: -0.05rem;
color: var(--accent-color);
}

h2 {
font-size: 1.5rem;
margin-top: 40px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 5px;
color: var(--accent-color);
}

h3 {
font-size: 1.2rem;
margin-top: 30px;
margin-bottom: 10px;
color: var(--text-main);
}

/* Navigation Menu Styling */
nav a {
margin-right: 15px;
color: var(--text-main); 
text-decoration: none;
font-weight: 500;
transition: all 0.2s ease;
opacity: 0.7; /* Slightly faded when not active */
}

nav a:hover, nav a.active {
color: var(--link-color);
opacity: 1;
border-bottom: 2px solid var(--link-color); 
padding-bottom: 2px;
}

ul {
padding-left: 20px;
}

li {
margin-bottom: 12px;
}

/* Contact Box Styling */
.contact-info {
background-color: var(--box-bg);
padding: 20px;
border-radius: 8px; 
margin-top: 60px;
border-left: 4px solid var(--accent-color); 
}

a {
color: var(--link-color);
text-decoration: none;
transition: color 0.2s ease;
}

a:hover {
color: var(--link-hover);
text-decoration: underline;
}

.paper-title {
font-weight: bold;
color: var(--text-main);
}

.coauthors {
font-style: italic;
opacity: 0.8;
}

.teaching-year {
font-weight: bold;
margin-top: 25px;
margin-bottom: 5px;
color: var(--accent-color);
border-bottom: 1px dashed var(--border-color);
display: inline-block;
}