/* @group @variables */

[class*="m-article-image"] {
--font-size: .75rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
--color: var(--color-dimgray);
}

h2 + [class*="m-article-image"],
h3 + [class*="m-article-image"],
[class*="m-article-image"] + [class*="m-article-image"] {
--margin-top: 0;
}

/* @end @variables */

/* @group @m-article-image */

[class*="m-article-image"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 1.5rem;
margin-top: .75rem;
margin-bottom: .75rem;
text-align: var(--text-align-deutero);
}

[class*="m-article-image"] img {
width: 100%;
}

[class*="m-article-image"] figcaption {
padding-bottom: calc(1.5rem - 1px);
border-bottom: 1px solid var(--color-gainsboro);
}

/* @end @m-article-image */