.article-entry {
  font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #555;
  line-height: 1.6em;
}

.article-entry p {
  margin: 1.6em 0;
}

.article-entry h1,
.article-entry h2,
.article-entry h3,
.article-entry h4,
.article-entry h5,
.article-entry h6 {
  font-weight: bold;
  line-height: 1.1em;
  margin: 1.1em 0;
}

.article-entry h1 { font-size: 2em; }
.article-entry h2 { font-size: 1.5em; }
.article-entry h3 { font-size: 1.3em; }
.article-entry h4 { font-size: 1.2em; }
.article-entry h5 { font-size: 1em; }
.article-entry h6 { font-size: 1em; color: #999; }

.article-entry a {
  color: #258fb8;
  text-decoration: none;
}

.article-entry a:hover {
  text-decoration: underline;
}

.article-entry ul,
.article-entry ol,
.article-entry dl {
  margin: 1.6em 20px;
  line-height: 1.6em;
}

.article-entry ul { list-style: disc; }
.article-entry ol { list-style: decimal; }

.article-entry dt { font-weight: bold; }

.article-entry img,
.article-entry video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

.article-entry table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.6em;
  margin: 1.6em 0;
}

.article-entry th {
  font-weight: bold;
  border-bottom: 3px solid #ddd;
  padding-bottom: 0.5em;
}

.article-entry td {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.article-entry blockquote {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.4em;
  margin: 1.6em 20px;
  text-align: center;
  border-left: 4px solid #ddd;
  padding-left: 1em;
}

.article-entry blockquote footer {
  font-size: 14px;
  margin: 1.6em 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.article-entry blockquote footer cite:before {
  content: "—";
  padding: 0 0.5em;
}

.article-entry hr {
  border: 1px dashed #ddd;
}

.article-entry strong { font-weight: bold; }
.article-entry em,
.article-entry cite { font-style: italic; }
.article-entry code {
  font-family: "Source Code Pro", Consolas, Monaco, Menlo, monospace;
  background: #eee;
  padding: 0 0.3em;
  border-radius: 3px;
}

.article-entry pre {
  background: #2d2d2d;
  padding: 15px 20px;
  border-radius: 3px;
  overflow: auto;
  color: #ccc;
  line-height: 1.6em;
}

.article-entry pre code {
  background: none;
  padding: 0;
  color: inherit;
}

pre .comment, pre .title { color: #999; }
pre .variable, pre .attribute, pre .tag, pre .regexp { color: #f2777a; }
pre .number, pre .preprocessor, pre .built_in, pre .literal { color: #f99157; }
pre .class { color: #9c9; }
pre .string, pre .value, pre .inheritance, pre .header { color: #9c9; }
pre .css .hexcolor { color: #6cc; }
pre .function, pre .javascript .title { color: #69c; }
pre .keyword, pre .javascript .function { color: #c9c; }

.article-entry .caption {
  color: #999;
  display: block;
  font-size: 0.9em;
  margin-top: 0.5em;
  text-align: center;
}

.article-entry .video-container {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}

.article-entry .video-container iframe,
.article-entry .video-container object,
.article-entry .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}