body {
    font-family: Arial, Helvetica, sans-serif;
    max-width: 950px;
    margin: 0 auto;
    padding: 40px 24px;
    line-height: 1.65;
    color: #222;
    background: #fff;
}

header {
    border-bottom: 1px solid #ddd;
    margin-bottom: 36px;
    padding-bottom: 18px;
}

nav a {
    margin-right: 18px;
    color: #003DA5;
    text-decoration: none;
    font-weight: 500;
}

nav a:hover {
    text-decoration: underline;
}

h1 {
    margin-bottom: 4px;
    color: #111;
}

h2 {
    margin-top: 36px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 6px;
}

.subtitle {
    color: #555;
    margin-top: 0;
}

.footer {
    margin-top: 60px;
    padding-top: 18px;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 0.9em;
}

.hero{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    margin-bottom:25px;
}

.hero-text{
    flex:1;
}

.profile-photo{
    width:220px;
    height:auto;
    border-radius:10px;
    object-fit:cover;
}

.quick-links{
    margin-top:20px;
    margin-bottom:18px;
}

.quick-links a{
    margin-right:18px;
    text-decoration:none;
    font-weight:500;
}

.bio-box{
    margin-top:10px;
    margin-bottom:28px;
    padding:14px 18px;
    border:1px solid #dddddd;
    border-radius:8px;
    background:#fafafa;
}

.bio-box summary{
    cursor:pointer;
    font-size:1.05rem;
}

.bio-box h3{
    margin-top:20px;
    margin-bottom:8px;
}

.quick-links{

    margin-top:18px;
    margin-bottom:18px;

    display:flex;
    flex-wrap:wrap;
    gap:16px;
}

.quick-links a{

    display:flex;
    align-items:center;
    gap:8px;

    text-decoration:none;

    color:#003DA5;

    font-weight:500;
}

.quick-links a:hover{

    text-decoration:underline;
}

.quick-links i{

    font-size:1.1rem;
}

.fa-orcid{
    color:#A6CE39;
}

.fa-linkedin{
    color:#0A66C2;
}

.fa-github{
    color:#333;
}

.icon{

    width:20px;
    height:20px;

    vertical-align:middle;
}

.status {
    font-weight: 600;
    font-size: 0.9em;
}

.status-inpress {
    color: #0b6bcb;
}

.status-underreview {
    color: #b26a00;
}

.status-submitted {
    color: #666666;
}

.status-accepted {
    color: #1f7a3a;
}

.highlight {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 12px;
    background: rgb(255, 243, 205);
    color: #ff0000;
    font-size: 0.82em;
    font-weight: 500;
}

.highlight-award {

    background: #006928;
    color: rgb(255, 255, 0);    
}

.teaching-list li {
    margin-bottom: 18px;
}

.research-overview-image {
    width: 100%;
    max-width: 1100px;
    display: block;
    margin: 20px auto;
}

.research-topic {

    display: flex;

    gap: 32px;

    align-items: center;

    margin-top: 50px;

    margin-bottom: 50px;
}

.research-image {

    flex: 1;
}

.research-image img {

    max-width: 500px;

    margin: auto;

    display: block;

}

.research-text {

    flex: 1.2;
}

.research-text h3 {

    margin-top: 0;
}

.research-text ul {

    padding-left: 20px;
}

@media (max-width: 900px) {

    .research-topic {

        flex-direction: column;
    }

}