.article:first-child .article--title {
  margin-top: .4em;
}

.article:not(:last-of-type) {
  border-bottom: 1px solid var(--color-fg-light);
  padding-bottom: var(--half-block-pad);
}

.article--title {
  font-size: var(--font-size-big);
  margin-bottom: 0;
}

.article--permalink {
  text-decoration: none;
  color: var(--color-fg-light);
  font-size: var(--font-size-small);
}

.article--date {
  color: var(--color-fg-light);
  font-weight: normal;
  font-size: var(--font-size-small);
  display: block;
}

.article--content img {
  max-height: 350px;
  max-width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, .25);
}

.article--image-wrap {
  text-align: center;
}

.lightbox-gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;

  padding: 1em;
  background-color: #3f3f3f;
  list-style: none;
}

.lightbox-gallery li {
  display: inline-block;
  margin: 0;
  padding: .25em .5em;
}

.lightbox-gallery li img {
  max-height: 120px;
}

pre {
  padding: 1em;
  background-color: #000;
  color: #ccc;
  font-size: .9em;
  overflow: auto;
  overflow-y: scroll;
  max-height: 24.1em;
}

table {
  border-collapse: collapse;
}

th, td {
  padding: .2em .6em;
  border: 1px solid black;
}

blockquote {
  border-left: 2px solid #789922;
  color: #789922;
  margin: 0 0 0 .2em;
  padding-left: .5em;
}

.implication {
  color: #789922;
  text-decoration: none;
}

/* https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */

.youtube-embed {
  background-color: #444;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}