<commit_before>/*
 * header
 */

.Article-header {
  display: flex;
  flex-direction: column;
}

.Article-title {
  margin: 1.2em 0 0 0;
  font-size: var(--font-size-title);
  line-height: var(--font-line-height-title);
  font-family: var(--font-family-heading);
  font-weight: normal;
  color: var(--color-gray-dark);
}

.Article-datetime {
  margin-top: 0.2em;
  font-size: var(--font-size-paragraph);
  line-height: var(--font-line-height-paragraph);
  font-family: var(--font-family-paragraph);
  font-style: italic;
}

/*
 * content
 */

.Article-content {
  margin-top: 2.8rem;
}

/*
 * comments
 */

.Article-comments {
}

.Article-comments-heading {
  margin: 0;
  padding: var(--font-padding-headline);
  font-size: var(--font-size-headline);
  line-height: var(--font-line-height-headline);
  font-family: var(--font-family-heading);
  font-weight: normal;
  color: var(--color-gray-dark);
}

/*
 * headings
 */

.Article-content h2 {
  margin: 0;
  padding: var(--font-padding-headline);
  font-size: var(--font-size-headline);
  line-height: var(--font-line-height-headline);
  font-family: var(--font-family-heading);
  font-weight: normal;
  color: var(--color-gray-dark);
}

.Article-content h3 {
  margin: 0;
  padding: var(--font-padding-headline-small);
  font-size: var(--font-size-headline-small);
  line-height: var(--font-line-height-headline-small);
  font-family: var(--font-family-heading);
  font-weight: normal;
  color: var(--color-gray-dark);
}

/*
 * paragraphs
 */

.Article-content p {
  margin: var(--paragraph-spacing) 0 0 0;
  font-size: var(--font-size-paragraph);
  line-height: var(--font-line-height-paragraph);
  font-family: var(--font-family-paragraph);
}

.Article-content small {
  margin: var(--paragraph-spacing) 0 0 0;
  font-size: var(--font-size-paragraph-small);
  line-height: var(--font-line-height-paragraph-small);
  font-family: var(--font-family-paragraph);
  color: var(--color-gray-dark);
}

.Article-content em {
  font-style: italic;
}

.Article-content strong {
  font-weight: bold;
}

.Article-content mark {
  background-color: var(--color-yellow);
}

.Article-content s {
  text-decoration: line-through;
}

/*
 * images
 */

.Article-content img {
  display: block;
  margin: var(--paragraph-spacing) 0 0 0;
}

.Article-content figure {
  margin: var(--paragraph-spacing) 0 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-paragraph);
  line-height: var(--font-line-height-paragraph);
}

.Article-content figure figcaption {
  font-size: var(--font-size-paragraph-small);
  font-family: var(--font-family-paragraph);
  line-height: var(--font-line-height-paragraph-small);
}

/*
 * links
 */

.Article-content a {
  color: var(--color-blue-dark);
  transition: 0.2s border ease-in-out;
}

.Article-content a:visited {
  color: var(--color-blue-dark);
}

/*
 * Lists
 */

.Article-content ul,<commit_msg>[blog] responsive videos in articles<commit_after>/*
 * header
 */

.Article-header {
  display: flex;
  flex-direction: column;
}

.Article-title {
  margin: 1.2em 0 0 0;
  font-size: var(--font-size-title);
  line-height: var(--font-line-height-title);
  font-family: var(--font-family-heading);
  font-weight: normal;
  color: var(--color-gray-dark);
}

.Article-datetime {
  margin-top: 0.2em;
  font-size: var(--font-size-paragraph);
  line-height: var(--font-line-height-paragraph);
  font-family: var(--font-family-paragraph);
  font-style: italic;
}

/*
 * content
 */

.Article-content {
  margin-top: 2.8rem;
}

/*
 * comments
 */

.Article-comments {
}

.Article-comments-heading {
  margin: 0;
  padding: var(--font-padding-headline);
  font-size: var(--font-size-headline);
  line-height: var(--font-line-height-headline);
  font-family: var(--font-family-heading);
  font-weight: normal;
  color: var(--color-gray-dark);
}

/*
 * headings
 */

.Article-content h2 {
  margin: 0;
  padding: var(--font-padding-headline);
  font-size: var(--font-size-headline);
  line-height: var(--font-line-height-headline);
  font-family: var(--font-family-heading);
  font-weight: normal;
  color: var(--color-gray-dark);
}

.Article-content h3 {
  margin: 0;
  padding: var(--font-padding-headline-small);
  font-size: var(--font-size-headline-small);
  line-height: var(--font-line-height-headline-small);
  font-family: var(--font-family-heading);
  font-weight: normal;
  color: var(--color-gray-dark);
}

/*
 * paragraphs
 */

.Article-content p {
  margin: var(--paragraph-spacing) 0 0 0;
  font-size: var(--font-size-paragraph);
  line-height: var(--font-line-height-paragraph);
  font-family: var(--font-family-paragraph);
}

.Article-content small {
  margin: var(--paragraph-spacing) 0 0 0;
  font-size: var(--font-size-paragraph-small);
  line-height: var(--font-line-height-paragraph-small);
  font-family: var(--font-family-paragraph);
  color: var(--color-gray-dark);
}

.Article-content em {
  font-style: italic;
}

.Article-content strong {
  font-weight: bold;
}

.Article-content mark {
  background-color: var(--color-yellow);
}

.Article-content s {
  text-decoration: line-through;
}

/*
 * images
 */

.Article-content img {
  display: block;
  margin: var(--paragraph-spacing) 0 0 0;
}

.Article-content figure {
  margin: var(--paragraph-spacing) 0 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-paragraph);
  line-height: var(--font-line-height-paragraph);
}

.Article-content figure figcaption {
  font-size: var(--font-size-paragraph-small);
  font-family: var(--font-family-paragraph);
  line-height: var(--font-line-height-paragraph-small);
}

/*
 * videos
 */

.Article-content video {
  max-width: 100%;
  height: auto;
}

/*
 * links
 */

.Article-content a {
  color: var(--color-blue-dark);
  transition: 0.2s border ease-in-out;
}

.Article-content a:visited {
  color: var(--color-blue-dark);
}

/*
 * Lists
 */

.Article-content ul,
{'fraction_non_alphanumeric': 0.19033898305084745, 'fraction_numerical': 0.01, 'mean_word_length': 3.208987161198288, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6630671', 'n_tokens_mistral': 2296, 'n_tokens_neox': 2191, 'n_words': 372}