.SubjectHtml {
  /* Component styles here... */
  line-height: 22px;
  word-break: break-word;
  font-size: 16px;
}

.SubjectHtml pre {
  margin-bottom: 20px;
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 5px;
  max-height: 606px;
  overflow: auto;
}

.SubjectHtml code {
  font-family: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', 'Liberation Mono', Menlo, Monaco, Consolas, monospace;
  border-radius: 3px;
  background-color: #f0f0f0;
  padding: 0 4px;
  font-size: 14px;
}

.SubjectHtml pre + code {
  padding: 10px;
  background-color: #f0f0f0;
}

.SubjectHtml pre code {
  display: block;
  padding: 0;
  line-height: 1.4;
}

.SubjectHtml .hljs {
  color: #383a42;
  background: #f0f0f0;
  padding: 0;
  border-radius: 3px;
  overflow: auto;
}

.SubjectHtml blockquote {
  padding: 12px 12px 12px 20px;
  margin: 16px;
  color: #515960;
  position: relative;
}

.SubjectHtml blockquote:before {
  background: #c7ccd0;
  border-radius: 3px;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

.SubjectHtml table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 16px;
}

.SubjectHtml table thead {
  background-color: #f8f9f9;
}

.SubjectHtml table th,
.SubjectHtml table td {
  border: 1px solid #d5d9db;
  padding: 8px;
  font-size: 13px;
  line-height: 20px;
}

.SubjectHtml table th {
  font-weight: bold;
  line-height: 15px;
  text-align: left;
}

.SubjectHtml h1 {
  margin-top: 1.5667em;
  font-size: 37px;
  margin-bottom: 0.6em;
}

.SubjectHtml h2 {
  margin-top: 1.667em;
  font-size: 21px;
  margin-bottom: 0.7em;
}

.SubjectHtml h3 {
  margin-top: 1.4667em;
  font-size: 19px;
  margin-bottom: 0.74em;
}

.SubjectHtml h4 {
  margin-top: 1.6667em;
  font-size: 17px;
  margin-bottom: 1.1em;
}

.SubjectHtml h5 {
  margin-top: 1.6667em;
  font-size: 15px;
  margin-bottom: 0.5em;
}

.SubjectHtml h1:first-child,
.SubjectHtml h2:first-child,
.SubjectHtml h3:first-child,
.SubjectHtml h4:first-child,
.SubjectHtml h5:first-child {
  margin-top: 0;
}

.SubjectHtml p {
  margin-bottom: 1.1em;
  /* davojan: This breaks anticipated behaviour of markdown, don't uncomment */
  /* white-space: pre-wrap; */
}

.SubjectHtml p:last-child {
  margin-bottom: 0;
}

.SubjectHtml ul,
ol {
  padding: 0;
  margin-left: 30px;
  margin-bottom: 16px;
}

.SubjectHtml li {
  margin-bottom: 8px;
}

.SubjectHtml a {
  text-decoration: underline;
}

.SubjectHtml img {
  max-width: 100%;
  max-width: calc(100% - 2px);
  max-height: 600px;
  margin: 1px;
  border: 5px solid #f6f6f6;
  box-shadow: 0 0 0 1px #ececec;
  cursor: pointer;
}

.SubjectHtml video {
  max-width: 100%;
  max-width: calc(100% - 2px);
  max-height: 600px;
  border: 5px solid #f6f6f6;
  box-shadow: 0 0 0 1px #ececec;
}

.SubjectHtml hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #d5d9db;
}