html, body { min-height: 101%; }

body {
  margin: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 11pt;
  color: #000000;
  background: #ffffff;
}

a { color: #106ebe; }
a:visited { color: #106ebe; }
a:hover { color: #e74c3c; }

table.page { width: 950px; margin: 0 auto; }

/* Top navigation */
table.nav { margin-bottom: 18px; }
table.nav tr { background: #999999; }
table.nav td { text-align: center; padding: 1px; }
table.nav td:nth-child(1) { width: 140px; }
table.nav td:nth-child(2) { width: 270px; }
table.nav td:nth-child(3) { width: 240px; }
table.nav td:nth-child(4) { width: 150px; }
table.nav td:nth-child(5) { width: 150px; }
table.nav a, table.nav a:visited {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
}
table.nav a:hover { background: #c93d1b; color: #ffffff; }
table.nav a.current, table.nav a.current:visited, table.nav a.current:hover { color: #fff200; }

/* Section header bars */
table.section td { vertical-align: middle; }
td.label, td.tab { width: 1px; white-space: nowrap; }
td.label {
  background: #1a84b8;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding: 1px 14px;
}
td.tab { background: #999999; text-align: center; padding: 1px; }
td.tab a, td.tab a:visited {
  display: block;
  padding: 0 14px;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
}
td.tab a:hover { background: #c93d1b; color: #ffffff; }

/* Content blocks */
table.content td { vertical-align: top; padding: 2px 1px; }

/* Home page */
p.name { font-size: 20px; margin: 6px 0 12px; }
p.name img { vertical-align: top; margin-left: 12px; }
img.email { vertical-align: middle; }
a.scholar img { vertical-align: middle; }
ul.interests > li { margin-bottom: 8px; }

/* Publications */
ol.pubs li { margin-bottom: 1em; }

/* Honors */
ul.awards { margin: 14px 0; padding-left: 1.25em; list-style: disc outside; }
ul.awards li { margin-bottom: 1em; }
ul.awards .detail { display: block; }

/* Research group */
table.members { margin-bottom: 14px; }
table.members td { vertical-align: top; padding: 1px; }
table.members td.name { width: 150px; padding-left: 1em; text-indent: -1em; }
table.members td.name::before { content: "\2022\00a0"; }
table.members td.years { width: 220px; }
table.members td.notes { width: 580px; }
td.cell-with-border { border-top: 1px dotted #000000; }