@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Roboto:wght@400;700&display=swap');

body {
 font-family: 'Merriweather', serif; /* Serif font for body text */
 color: #333;
 background-color: #fff; /* Completely white background */
 margin: 0;
 padding: 0;
 line-height: 1.6;
}

a {
 text-decoration: none;
 color: #2a7dc1;
}

.container {
 max-width: 960px;
 margin: 20px auto;
 padding: 20px;
 background-color: #fff; /* Ensure container is also completely white */

}

.header {
 text-align: center;
 margin-bottom: 70px;
 margin-top: 30px;
 font-family: 'Roboto', sans-serif
}

.name, .profession {
 font-family: 'Roboto', sans-serif; /* Sans-serif font for headings */
 margin: 0;
}

.name {
 color: #2c3e50;
}

.profession {
 color: #7f8c8d;
 font-size: 1.1em
}



/* Default mobile styles with increased specificity or !important */
.content {
 display: block !important;
}

.column {
 width: 100% !important; /* Ensure column takes full width on smaller screens */
}

/* Media query for screens wider than 768px */
@media (min-width: 768px) {
 .content {
  display: flex !important;
  column-gap: 20px;
 }
 .column {
  flex: 1;
 }
}



.section {
 margin-bottom: 50px;
}

h2 {
 font-family: 'Roboto', sans-serif; /* Sans-serif font for section headings */
 color: #222;
 /*border-bottom: 2px solid #2980b9;*/
 padding-bottom: 5px;
 margin-bottom: 30px;
 font-size: 1em;
 text-transform: uppercase;
}

.publications ul, .interests p {
 list-style: none;
 padding-left: 0;
}

.publications li strong {
 font-family: 'Merriweather', serif; /* Maintain serif font for emphasis */
}

ul, p {
 margin-top: 0;
 margin-bottom: 1em;
}

.publication {
 margin-bottom: 30px
}

.pub-title {
 font-size: 1.125rem;
 line-height: 1.3333;
 font-weight: bold;
 font-family: 'Merriweather', times, 'serif';
 margin-bottom: 5px;
}

.pub-title a {
 text-decoration: none;
 color: #2a7dc1;
}

.pub-authors {
 font-size: 0.875rem;
 line-height: 1.3333;
 font-weight: normal;
 font-family: 'Merriweather', Roboto, sans-serif;
 color: #777;
 margin-bottom: 5px;
}
.pub-venue {
 font-size: 0.875rem;
 line-height: 1.3333;
 font-weight: bold;
 font-family: Roboto, sans-serif;
 color: #94b8d6;

}

.mugshot {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    border: 4px solid #d8e3ea;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    margin-bottom: 16px;
}