/* Core Styling */
body {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    color: #555;
    line-height: 1.5em;
    width: 100%;
    margin: 0;
}

h1 { color: #696969; font-size: 2.5em; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: bold; }
h2 { color: #006633; font-size: 1.5em; font-weight: normal; }
p { color: #696969; }
a { text-decoration: none; color: #1E1E1E; transition: color 0.2s; }
a:hover { color: #FFCC33; }

/* Layout */
.content { margin: 0 auto; padding: 2em; width: 100%; max-width: 60em; box-sizing: border-box; }
section { border-top: 0.1em solid #E8E8E8; padding-top: 1.5em; margin-bottom: 2em; }

/* Align Name with top of image */
.title { 
    margin: 0 0 0.2em 0; /* Removes top margin, adds small bottom space */
    font-size: 2.5em;
    line-height: 1.1; 
}

Position text styling
.position {
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #006633; /* Using your GMU green for the title */
}
hr {
    margin-top: 4em;    /* Distance from the content above */
    margin-bottom: 2em; /* Distance to the bottom of the page */
}
/* Address styling */
address {
    margin-bottom: 0;
    line-height: 1.4;
}

/* Ensure the photo doesn't get too large on big screens */
.profile-photo {
    max-width: 180px;
    width: 100%;
    height: auto;
}

/* Mobile Fix: Stack them normally on small phones */
@media (max-width: 767px) {
    .row { display: block; }
    .profile-photo { margin: 0 auto 1em auto; }
}


/* Publication List & Toggle Logic */
.pub-list { 
    padding-left: 0; 
    margin: 0; 
}

.pub-list li { 
    margin-top: 1.5em; 
}

/* Consistent Indentation for both modes */
body.mode-selected .pub-list,
body.mode-all .pub-list { 
    margin-left: 2.5em; /* This aligns the text start-point for both */
}

/* Mode: Selected (Bullets) */
body.mode-selected .pub-list { 
    list-style: disc; 
}

body.mode-selected .pub-list li:not(.selected) { 
    display: none; 
}

/* Mode: All (Numbered) */
body.mode-all .pub-list { 
    list-style-type: decimal; 
}

body.mode-all .pub-list li { 
    display: list-item; 
}



/* Toggle Button Styling */
.papers-toggle { margin: 1em 0; display: flex; gap: 10px; }
.papers-btn { border: 1px solid #d0d7de; background: #f6f8fa; padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 14px; }
.papers-btn.active { background: #006633; color: white; border-color: #006633; font-weight: bold; }