article {
    border-left: 2px solid #d07e4b;
    padding-left: 1rem;
    margin-bottom: 2.5rem;
}

article figure img, article figure {
    max-width: 600px;
    margin: auto;
    min-width: 400px;
}
article img {
    max-width: max(500px, 100%);
}

article.special:before {
    padding-left: 40px;
    background-image: url("../icon.png");
    background-repeat: no-repeat;
    background-size: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    color: #a4b5b6;
    content: "Bean";
}
article.outing:before {
    content: "Bean is at..." !important;;
}
article.thought:before {
    content: "Bean is thinking..." !important;;
}
article.song:before {
    content: "Bean is listening to..." !important;;
}
.status {
  color: #d07e4b;
  line-height: 32px;
}
.status:before {
  content: "Bean has been... ";
  padding-left: 40px;
  background: url("../icon.png");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: left;
  display: inline-block;
  color: #a4b5b6;
}
.status::after {
  content: "!";
  color: #a4b5b6;
}
.tag::after {
    content: ", ";
}

.tag:last-child:after {
    content: "";
}

.taglink:before {
    content: "#";
}
date.dt-published {
    display: none;
}
date {
    text-align: right;
    flex: 100;
    color: #dbb32d;
}
.post-bottom {
    display: flex;
    margin-top: 12px;
}
date::before {
    margin-left: 0;
    margin-right: 1rem;
    background: linear-gradient(90deg, #d07e4b 0%, #dbb32d 100%);
    content: "";
    flex: 1;
    margin-left: 1rem;
    height: 2px;
}