html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0 none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

* {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  margin: 2em auto;
  width: 835px;
  font-family: Open Sans Light, Helvetica, sans-serif;
  font-size: 14px;
  background: #eee;
}

a {
  color: #043d98;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #f09228;
  text-decoration: none;
}

img {
  border: none;
}

h1,
h2,
h3,
strong,
pre,
code {
  font-family: Open Sans Light, Helvetica, sans-serif;
}

h1 {
  font-size: 20pt;
  font-weight: inherit;
  line-height: 150%;
}

h2 {
  font-size: 15pt;
  font-weight: 700;
}

h3 {
  font-size: 16px;
  font-weight: 700;
}

strong {
  font-size: 13px;
  font-weight: bold;
}

pre,
code {
  font-size: 13px;
  margin: 1em 0;
  padding: 0;
}

ul {
  list-style: circle;
}

li {
  margin-left: 1.4em;
  padding-bottom: 0.5em;
}

em,
i {
  font-style: italic;
}

sup {
  line-height: 0;
  font-size: xx-small;
  vertical-align: super;
}

[hidden] {
  display: none !important;
}

main {
  display: block;
}

.section-shell {
  clear: both;
}

.section {
  clear: both;
  margin-bottom: 1.2em;
  background: #eee;
}

.copy-body {
  color: #262626;
}

.hero-card,
.bio,
.bar,
.paper {
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
}

.hero-card {
  margin-bottom: 1em;
  padding: 1em;
  height: 200px;
}

.hero-inner {
  display: flex;
  align-items: center;
  gap: 6.25em;
  margin: 0 auto;
}

.hero-photo {
  display: block;
  flex: 0 0 auto;
  height: 197px;
  margin-left: 1em;
  padding-top: 0.1em;
}

.hero-content {
  flex: 1 1 auto;
  min-height: 197px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-links,
.hero-meta {
  line-height: 150%;
}

.hero-content > * + * {
  margin-top: 0.85em;
}

.bio,
.bar,
.paper {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 0.7em;
  padding: 0.55em 0.8em 0.6em;
}

.bar,
.paper {
  line-height: 130%;
}

.spacer-sm {
  margin-bottom: 4px;
}

.disc-list {
  margin-top: 5px;
  list-style-type: disc;
}

.underlined-link {
  color: #3477ba;
  text-decoration: underline;
}

.annotation {
  display: block;
  margin-top: 0.35em;
  font-size: 14px;
}

.paper-title {
  color: #20639b !important;
  font-weight: bold;
}

.paper-color {
  color: #820000 !important;
}

.paper-summary {
  white-space: pre-wrap;
}

.paper-action,
.selection_button {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
}

.selection_block {
  font-size: 16px;
}

.selection_button {
  color: #3477ba;
}

.selection_button:hover,
.paper-action:hover {
  cursor: pointer;
}

.paper-action {
  color: #043d98;
}

.activated {
  color: coral;
  font-weight: bold;
  text-decoration: underline;
}

.topic-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2em 0.75em;
  margin-top: 0.35em;
}

.topic-link {
  color: #556879;
  font-size: 13px;
  line-height: 1.35;
  text-decoration: none;
}

.topic-separator {
  color: #7a858f;
  font-size: 13px;
  line-height: 1.35;
}

.topic-link:hover,
.topic-link:focus {
  color: #043d98;
  text-decoration: underline;
}

.topic-section {
  margin-top: 1.2em;
  scroll-margin-top: 1em;
}

.topic-section:first-child {
  margin-top: 0;
}

.topic-heading {
  margin-bottom: 0.35em;
  color: #4d535c;
}

.text-link {
  color: #3477ba;
}

.gt-color {
  color: #eeb211;
  font-weight: bold;
}

.mila-color {
  color: rgb(100, 16, 106);
  font-weight: bold;
}

.cuhksz-color {
  color: rgb(64, 32, 123);
  font-weight: bold;
}

.udem-color {
  color: #4682b4;
  font-weight: bold;
}

.mpi-color {
  color: rgb(46, 109, 98);
  font-weight: bold;
}