@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@400&display=swap');

.article-body { font-family: 'Klee One', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'MS PMincho', 'MS Mincho', serif; font-size: var(--type-body); font-weight: 400; line-height: 1.8; letter-spacing: 0; margin-top: var(--heading-gap); overflow-wrap: anywhere; }
.article-body p + p { margin-top: calc(1.8em * var(--journal-paragraph-lines, 1)); }
.article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 { font-family: var(--font-sans); font-weight: 700; letter-spacing: var(--tracking-heading); text-wrap: balance; margin: var(--space-8) 0 var(--copy-gap); font-size: var(--type-heading); line-height: var(--leading-heading); }
.article-body h3, .article-body h4, .article-body h5, .article-body h6 { font-size: var(--type-subheading); }
.article-body h2 { position: relative; margin-top: var(--space-12); padding-top: var(--space-4); padding-left: calc(var(--space-4) + 4px); border-top: var(--border-default); }
.article-body h2::before { content: ''; position: absolute; top: var(--space-4); bottom: 0; left: 0; border-left: 4px solid var(--gg-teal); }
.article-body h3 { font-weight: 600; margin-bottom: var(--space-3); }
.article-body h2 + h3 { margin-top: var(--space-6); }
.article-body > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.article-body > h2:first-child::before { top: 0; }
.article-body ul, .article-body ol { padding-left: 1.5em; margin-block: var(--heading-gap); }
.article-body blockquote { margin: var(--heading-gap) 0; padding-left: var(--space-4); border-left: var(--border-default); }
.article-body pre { white-space: pre-wrap; overflow-wrap: anywhere; margin-block: var(--heading-gap); }
.article-body code { font-size: .85em; }
@media (max-width: 760px) {
  .article-body h2 { margin-top: var(--space-8); }
  .article-body h3 { margin-top: var(--space-6); }
  .article-body > h2:first-child { margin-top: 0; }
}