body { font-family: "Noto Sans", sans-serif; }

.title { font-family: 'Google Sans'; font-weight: 700; }

.portrait { overflow: hidden; }

.footer .footer-links a { font-size: 25px; color: #000; }

.publication-block .publication-title { width: fit-content; margin: 0 !important; font-weight: 600; font-size: 110% !important; }
.publication-block .publication-title a { color: #000; }
.publication-block .publication-venue { color: #555; width: fit-content; margin-top: 0; }
.publication-block .publication-venue-emph { font-style: normal; font-size: 80%; font-weight: 500; color: firebrick; padding-left: 0.25em; }
.publication-block .publication-awards { color: firebrick; width: fit-content; font-weight: bolder; }
.publication-block .publication-authors .author-me { color: #000; font-weight: 600; }
.publication-block .publication-authors a { color: #000 !important; }
.publication-block .publication-authors a:hover { text-decoration: underline; }
.publication-block .publication-image { border-radius: 2%; width: 100%; height: 100%; overflow: hidden; font-size: 0; }
.publication-block .publication-image img { width: 100%; }
.publication-block .publication-mousecell { position: relative; font-size: 0; }
.publication-block .publication-mousecell { width: 100%; height: 100%; display: inline-block; overflow: hidden; }
.publication-block .publication-mousecell video { display: none; }
.publication-block .publication-description { color: #333; margin: 0.5em 0; }
.publication-block .publication-links { margin: 0 !important; margin-top: 0.5em !important; }

.publication-tabs {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: -0.5rem 0 1.75rem;
}
.publication-tab {
  appearance: none;
  background: none;
  border: 0;
  color: #777;
  cursor: pointer;
  font: inherit;
  font-weight: 500;
  padding: 0.2rem 0;
}
.publication-tab:hover,
.publication-tab:focus-visible { color: #3273dc; }
.publication-tab:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.publication-tab.is-active { color: #111; font-weight: 700; }
.publication-tab-separator { color: #bbb; }
.publication-block[hidden] { display: none !important; }

.editable-note { color: #666; }
.placeholder-link { color: #666; cursor: default; }
.publication-placeholder {
  align-items: center;
  background: #f1f1f1;
  color: #555;
  display: flex;
  font-size: 0.9rem !important;
  font-weight: 600;
  justify-content: center;
  min-height: 7.5em;
  text-align: center;
}
.compact-publication { margin-bottom: 0.75rem !important; }
.footer { padding: 2rem 1.5rem; }

@media screen and (max-width: 768px) {
  .portrait { margin: 0 auto; max-width: 16rem; }
  .publication-placeholder { min-height: 4.5em; }
}
