.publication {
  margin-bottom: 0;
  padding: 0.6rem 0;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #f0f0f0;
}

.publication:last-child {
  border-bottom: none;
}

.publication-side {
  flex-shrink: 0;
  padding-right: 1rem;
  text-align: left;
  opacity: 0.5;
  min-width: 80px;
}

@media only screen and (max-width: 600px) {
  .publication-side {
    display: none;
  }
}

.publication-body {
  flex-grow: 1;
}

.publication-body p {
  margin: 0;
  padding: 0;
}

.authors {
  opacity: 0.7;
}

.award {
  color: #cf222e;
  font-weight: 700;
}

.award a {
  color: #cf222e !important;
  text-decoration: none;
}

.award a:hover {
  text-decoration: underline !important;
}

.tag-row {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.tag-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8em;
  height: 1.8em;
  color: #57606a;
  font-size: 0.95em;
  text-decoration: none;
  border-radius: 4px;
  transition: color 0.15s, background-color 0.15s;
}

.tag-icon:hover {
  color: #0969da;
  background-color: rgba(9, 105, 218, 0.08);
}

/* Brand icon colors */
.tag-icon.arxiv {
  color: #B31B1B;
  font-size: 1.1em;
}
.tag-icon.arxiv:hover {
  color: #B31B1B;
  background-color: rgba(179, 27, 27, 0.1);
}

.tag-icon.github {
  color: #24292f;
}
.tag-icon.github:hover {
  color: #24292f;
  background-color: rgba(36, 41, 47, 0.1);
}

.tag-icon.huggingface {
  color: #FF9D00;
}
.tag-icon.huggingface:hover {
  color: #FF9D00;
  background-color: rgba(255, 157, 0, 0.1);
}
.tag-icon.huggingface svg {
  display: block;
}


.date-tag {
  display: inline-block;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  opacity: 0.5;
}

.blog-entry {
  margin-bottom: 0;
  padding: 0.6rem 0;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #f0f0f0;
}

.blog-entry:last-child {
  border-bottom: none;
}

.blog-entry .publication-body p {
  margin: 0;
  padding: 0;
}