.article-b{.page-heading { h1 { margin-bottom: 0; } @media (min-width: 56.25em) { .article-nav { grid-column: 1 / 13; grid-row: 1; margin-bottom: 0; } h1 { grid-row: 2; } h2 { grid-row: 3; } h1, h2 { grid-column: 4 / 11; margin-right: 1.875rem; } .page-tag { align-self: center; grid-row: 1; grid-column: 4 / 11; } } @media (min-width: 75em) { h1, h2 { margin-right: 0; } } } .page-content { > h3, > h4 { font-size: var(--font-size-6); font-weight: 400; font-family: "DM Mono"; } > h3 { @media (min-width: 56.25em) { grid-column: 1 / 4; } + p { @media (min-width: 56.25em) { margin-top: 2rem; } } } > p + h3, > p + h4 { margin-top: 2rem; } @media (min-width: 56.25em) { >*:not(.quote, .page-heading, .hero, .author, figure, h3, .banners-container) { grid-column: 4/11; } > ol, > ul { margin-left: 12%; } :is(.quote, .page-heading, .hero, .author, figure) + h3 { + p { margin-top: 0; } } } }}