/* Adapted with permission from sdydk.github.io. Layout values intentionally
   match the reference; the site's existing font and publication styles remain. */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

body.reference-home {
  font-family: serif;
  width: 100%;
  margin: 0;
  background-color: #ffffff;
}

.reference-home .container {
  max-width: none;
  width: 100%;
}

.reference-home .top {
  background-color: #ffffff;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  line-height: 50px;
  padding-left: 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.reference-home .top ul {
  display: flex;
  list-style: none;
}

.reference-home .top ul li {
  flex: 1;
  font-size: 20px;
  margin-left: 18px;
  text-align: center;
}

.reference-home .top ul li a {
  color: #666666;
}

.reference-home .top ul li a:hover {
  border-bottom: 3px solid rgb(186, 183, 183);
  color: #c81623;
}

.reference-home .bottome {
  display: flex;
  margin-top: 60px;
  width: 100%;
}

.reference-home .bottome .left {
  flex: 1;
  overflow: hidden;
  position: fixed;
  width: 270px;
}

.reference-home .bottome .right {
  flex: 4;
  margin-left: 290px;
  min-width: 0;
  overflow: hidden;
}

.reference-home .bottome .right > section + section {
  margin-top: 26px;
}

.reference-home .bottome .left img {
  display: block;
  height: auto;
  margin: 10px auto;
  width: 190px;
}

.reference-home .bottome .left p {
  font-size: 18px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.reference-home .bottome .left .school {
  margin-bottom: 15px;
}

.reference-home .bottome .left .open-to-work {
  background: #fff3f0;
  border-left: 4px solid #c81623;
  color: #9f1720;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 15px 16px;
  padding: 9px 10px;
}

.reference-home .bottome .left .name {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
}

.reference-home .bottome .left li {
  font-size: 18px;
  list-style: none;
  margin-bottom: 10px;
  margin-left: 15px;
}

.reference-home .bottome .left ul li a {
  color: #000000;
}

.reference-home .bottome .left ul li a:hover {
  border-bottom: 2px solid rgb(186, 183, 183);
}

.reference-home .bottome .right .section-heading {
  color: var(--global-text-color);
  display: block;
  font-size: 24px;
  font-weight: bold;
}

.reference-home .bottome .right .b1 div {
  margin-bottom: 5px;
  margin-top: 5px;
}

.reference-home .bottome .right .b1 p {
  font-size: 18px;
  margin: 0 0 0.8rem;
}

.reference-home .bottome .right .b1 span {
  font-weight: bold;
}

.reference-home .bottome .right .b1 a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.14em;
}

.reference-home .bottome .right div ul {
  margin-bottom: 10px;
  margin-top: 10px;
}

.reference-home .bottome .right li {
  list-style-position: inside;
  margin-left: 10px;
}

.reference-home .bottome .right ul li .s1 {
  color: red;
  font-weight: bold;
}

.reference-home .bottome .right ul li .s2 {
  font-weight: bold;
}

.reference-home .bottome .right ul li {
  font-size: 18px;
  margin-bottom: 5px;
}

.reference-home .bottome .right .b3 {
  margin-bottom: 10px;
}

/* Homepage publications follow the three-line resume format. */
.reference-home .b3 .publication-note {
  font-size: 18px;
  margin: 10px 0;
}

.reference-home .b3 .research-glance {
  margin: 10px 0 16px;
}

.reference-home .b3 .statistics-table-wrap {
  background: #fafafa;
  border-radius: 4px;
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  padding: 6px 12px;
  -webkit-overflow-scrolling: touch;
}

.reference-home .b3 .research-glance table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 20px;
  min-width: 0;
  table-layout: auto;
  width: auto;
}

.reference-home .b3 .research-glance th,
.reference-home .b3 .research-glance td {
  background: transparent;
  border: 0;
  padding: 5px 12px;
  text-align: right;
  vertical-align: top;
}

.reference-home .b3 .research-glance thead th {
  border-bottom: 1px solid #e5e5e5;
  color: var(--global-text-color);
  font-size: 20px;
  font-weight: 600;
  white-space: nowrap;
}

.reference-home .b3 .research-glance th:first-child,
.reference-home .b3 .research-glance tbody th {
  padding-left: 0;
  text-align: left;
}

.reference-home .b3 .research-glance tbody th {
  border-bottom: 0;
  font-size: 19px;
  font-weight: 400;
}

.reference-home .b3 .research-glance tbody td {
  border-bottom: 0;
  font-size: 19px;
  font-weight: 400;
}

.reference-home .b3 .publications {
  margin-top: 10px;
}

.reference-home .b3 .publications ol.bibliography {
  padding: 0;
}

.reference-home .b3 .publications ol.bibliography li {
  list-style: none;
  margin-left: 0;
}

.reference-home .b3 .resume-publication {
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 18px;
}

.reference-home .b3 .publication-title,
.reference-home .b3 .publication-authors,
.reference-home .b3 .publication-meta {
  margin: 0;
}

.reference-home .b3 .publication-title strong,
.reference-home .b3 .publication-authors strong,
.reference-home .b3 .publication-meta strong {
  font-weight: 700 !important;
}

.reference-home:not(.publications-page) .b3 .publication-index {
  display: inline-block;
  font-weight: 700;
  min-width: 0;
}

.reference-home:not(.publications-page) .b3 .publication-authors,
.reference-home:not(.publications-page) .b3 .publication-meta {
  padding-left: 0.9em;
}

.reference-home .b3 .publication-authors sup {
  font-size: 0.72em;
  line-height: 0;
}

.reference-home .b3 .publication-link {
  margin-left: 0.35em;
  white-space: nowrap;
}

.reference-home .b3 .publication-link a,
.reference-home .b3 .all-publications-link a {
  color: var(--global-text-color);
  font-size: inherit;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

.reference-home .b3 .all-publications-link {
  font-size: 18px;
  margin: 10px 0;
}

.reference-home .bottome .right .b5 ul li {
  font-size: 18px;
  margin-top: 10px;
}

.reference-home.publications-page .publications-content {
  margin: 70px auto 0;
  max-width: 1040px;
  padding: 10px 24px 32px;
}

.reference-home.publications-page .publications-page-header h1 {
  color: var(--global-text-color);
  font-size: 30px;
  margin: 0 0 24px;
}

@media (max-width: 768px) {
  .reference-home .top {
    padding-left: 0;
  }

  .reference-home .top ul {
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 10px;
  }

  .reference-home .top ul li {
    flex: none;
    font-size: 14px;
    margin-left: 0;
    white-space: nowrap;
  }

  .reference-home .top ul li a {
    display: block;
    padding: 0 6px;
  }

  .reference-home .bottome {
    flex-direction: column;
    margin-top: 60px;
  }

  .reference-home .bottome .left {
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    overflow: visible;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
  }

  .reference-home .bottome .left img {
    margin-left: 0;
  }

  .reference-home .bottome .left .name {
    text-align: center;
  }

  .reference-home .bottome .left .open-to-work {
    max-width: 430px;
    text-align: center;
  }

  .reference-home .bottome .left ul {
    max-width: 430px;
    width: 100%;
  }

  .reference-home .bottome .right {
    margin-left: 0;
    min-width: 0;
    padding: 10px 15px;
    width: 100%;
  }

  .reference-home.publications-page .publications-content {
    margin-top: 60px;
    padding: 10px 15px 24px;
  }

  .reference-home .b3 .research-glance th,
  .reference-home .b3 .research-glance td {
    padding: 5px 10px;
  }

}

@media (max-width: 480px) {
  .reference-home.publications-page .publications-page-header h1 {
    font-size: 26px;
  }

  .reference-home .bottome .right .section-heading {
    font-size: 22px;
  }

  .reference-home .bottome .right .b1 p,
  .reference-home .bottome .right ul li,
  .reference-home .b3 .resume-publication,
  .reference-home .b3 .all-publications-link {
    font-size: 16px;
  }

  .reference-home .b3 .research-glance table,
  .reference-home .b3 .research-glance thead th {
    font-size: 16px;
  }

  .reference-home .b3 .research-glance tbody th,
  .reference-home .b3 .research-glance tbody td {
    font-size: 15px;
  }
}