#tag-name {
  display: inline-block;
}

#posts > date {
  display: flex;
  margin-block: 0.5em;
  gap: 1em;
}

#posts > div {
  --fake-mask: linear-gradient(to bottom, var(--main-bg-color), transparent 150%), center / cover no-repeat;

  margin-inline: -0.5em;
  list-style: none;
  padding: 0.5em;
  border-radius: var(--border-radius);
  background-position: center;
}

#posts > div[style] {
  margin-bottom: 1em;
}

#posts > div > a {
  font-size: 1.375rem;
}

#posts > div > a abbr {
  cursor: alias;
}

#posts > div > date {
  float: right;
  margin-left: 0.25em;
  margin-block: 0.25em;
  font-size: 0.875rem;
}

#posts > div p {
  margin-block: 0.5em;
  overflow-y: auto;
  scrollbar-color: var(--code-color) transparent;
}

#posts > div[style] p {
  height: 150px;
}

@media (min-width: 1536px) {
  #posts > div[style] p {
    height: 200px;
  }
}

#posts > div abbr {
  text-decoration: none;
  cursor: help;
}