/* @group @variables */

[class*="m-magazine-info"] {
--magazine-info-grid-template-columns: repeat(1, 1fr);
--magazine-info-gap: 2.25rem;
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-primary);
--head-3-text-align: center;
--head-3-word-break: keep-all;
--head-3-overflow-wrap: anywhere;
--font-size: .875rem;
--line-height: 1.71428571;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-magazine-info"] {
--magazine-info-grid-template-columns: repeat(2, 1fr);
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-magazine-info"] {
--magazine-info-grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-magazine-info */

[class*="m-magazine-info"] {
display: grid;
align-items: start;
grid-template-columns: var(--magazine-info-grid-template-columns);
gap: var(--magazine-info-gap);
text-align: center;
}

:where([class*="m-magazine-info"]) li {
display: grid;
grid-auto-flow: row;
gap: .75rem;
text-decoration: none;
}

[class*="a-magazine-media"] {
text-align: center;
}

:where([class*="m-magazine-info"]) img {
width: auto;
height: 12rem;
}

/* @end @m-magazine-info */