/* @group @variables */

[class*="m-article-body"] {
--article-subhead-place-items: center start;
--article-subhead-padding-bottom: calc(1.125rem - var(--article-subhead-border-bottom-width));
--article-subhead-border-bottom-width: 2px;
--article-subhead-border-image-width: 4.5rem;

--article-subhead-border-image-color: var(--color-premier);
--article-subhead-border-color: var(--color-gainsboro);
}

/* @end @variables */

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

[class*="m-article-body"] h2 {
box-sizing: border-box;
position: relative;
display: grid;
place-items: var(--article-subhead-place-items);
grid-template-columns: repeat(1, 1fr);
gap: var(--article-subhead-gap);
padding-bottom: var(--article-subhead-padding-bottom);
box-shadow: var(--article-subhead-separater);
border-style: solid;
border-width: 0 0 var(--article-subhead-border-bottom-width);
background-color: transparent;
border-image: linear-gradient(45deg, var(--article-subhead-border-image-color) 0%, var(--article-subhead-border-image-color) var(--article-subhead-border-image-width), transparent var(--article-subhead-border-image-width), transparent calc(var(--article-subhead-border-image-width) + 1px), var(--article-subhead-border-color) calc(var(--article-subhead-border-image-width) + 1px), var(--article-subhead-border-color) 100%) 1;
}

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