/* @group @m-content-article */

[class*="m-content-article"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem;
}

/* @end @m-content-article */

/* -------------------------------------------------------- */

/* @group @m-article-content */

[class*="m-article-content"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3rem;
}

/* @end @m-article-content */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-article-body"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 1.5rem;
--font-size: .9375rem;
--paragraph-line-height: 2;
--head-2-margin-top: 1.5rem;
/*--head-2-font-family: var(--font-family-heading); */
--head-2-font-size: 1.5rem;
--head-2-line-height: 1.5;
--head-2-font-weight: 300;
--head-2-font-variation-settings: "wght" 300;
--head-2-color: var(--color-black);

--head-3-font-size: 1.25rem;
--head-3-line-height: 1.5;
--head-3-font-weight: 300;
--head-3-font-variation-settings: "wght" 300;
--head-3-color: var(--color-black);

--head-4-font-size: 1.125rem;
--head-4-line-height: 1.66666667;
--head-4-font-weight: 300;
--head-4-font-variation-settings: "wght" 300;
--head-4-color: var(--color-black);
}

[class*="m-article-body"] section {
--gap: .75rem;
--head-3-margin-top: 1.5rem;
--head-3-margin-bottom: .75rem;
}

[class*="m-article-body"] h2 + section {
--head-3-margin-top: .75rem;
}

/*[class*="m-article-body"] p + h2,
[class*="m-article-staff-comment"] + h2 {
--head-3-margin-top: 1.5rem;
}

[class*="m-article-body"] p + h3,
[class*="m-article-staff-comment"] + h3 {
--head-3-margin-top: 1.5rem;
}*/

[class*="m-article-body"] h2:first-child {
--head-2-margin-top: 0;
}

[class*="m-article-body"] p strong:not([class]),
[class*="m-article-body"] ul strong:not([class]),
[class*="m-article-body"] ol strong:not([class]),
[class*="m-article-body"] dl strong:not([class]),
[class*="m-article-body"] table strong:not([class]),
[class*="m-article-body"] figcaption strong:not([class]) {
--font-weight: 500;
--font-variation-settings: "wght" 500;
}

[class*="m-article-body"] em:not([class]) {
font-style: italic;
}

/* @end @variables */

/* @group @m-article-body */

[class*="m-article-body"],
[class*="m-article-body"] section {
display: grid;
align-content: var(--align-content);
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

/* @end @m-article-body */