#main .container { max-width: 960px; }
.profile { display: flex; gap: 2.5em; align-items: center; margin-bottom: 3em; }
.profile .portrait { flex: 0 0 200px; }
.profile .portrait img { width: 200px; height: 200px; object-fit: cover; border-radius: 50%;
    border: 3px solid #4da3ff; display: block; background-color: #1c1d26; }
.profile h1 { font-size: 2em; margin: 0 0 0.2em 0; line-height: 1.2; }
.profile .role { color: rgba(255, 255, 255, 0.6); margin-bottom: 0.4em; }
.profile .lab { margin-bottom: 0.8em; }
.profile .links { margin-bottom: 0; }
.profile .links a, .profile .links .email { margin-right: 1.2em; white-space: nowrap; }
.profile .links .email { color: rgba(255, 255, 255, 0.75); }
#main a { color: #4da3ff; border-bottom-color: rgba(77, 163, 255, 0.4); }
#main section h2 { font-size: 1.4em; color: #fff; border-bottom: 1px solid rgba(77, 163, 255, 0.35);
    padding-bottom: 0.3em; margin: 0 0 0.8em 0; }
#main section { margin-bottom: 2.5em; }
#main section h3 { font-size: 1.05em; color: rgba(255, 255, 255, 0.85); margin: 1.2em 0 0.6em 0; }
ul.interests { list-style: disc; padding-left: 1.2em; }
ul.interests li { padding-left: 0.2em; }
ul.pubs { list-style: none; padding-left: 0; }
ul.pubs li { margin-bottom: 1.1em; padding-left: 0; line-height: 1.55; }
ul.pubs .title { font-weight: bold; display: block; }
ul.pubs .authors { display: block; color: rgba(255, 255, 255, 0.75); }
ul.pubs .venue { font-style: italic; color: rgba(255, 255, 255, 0.6); }
.more { color: rgba(255, 255, 255, 0.6); font-size: 0.95em; }
@media screen and (max-width: 736px) {
    .profile { flex-direction: column; text-align: center; gap: 1.5em; }
    .profile .portrait { flex-basis: auto; }
    .profile .portrait img { width: 170px; height: 170px; }
    .profile h1 { font-size: 1.6em; }
    .profile .links a, .profile .links .email { margin: 0 0.6em; display: inline-block; }
}
.profile .bio { min-width: 0; }
ul.pubs .title { border-bottom: none; }
@media screen and (max-width: 736px) {
    .profile { align-items: center; }
    .profile .bio { width: 100%; }
    .profile .links a, .profile .links .email { white-space: normal; }
    #main section, .profile { max-width: 100%; overflow-wrap: anywhere; }
}