/* !important is required here: several of these headings carry an inline
   `style={{ margin: ... }}` shorthand from shared components (e.g.
   GlossaryIndex's category h2), and inline styles otherwise beat any
   external stylesheet regardless of selector specificity. */.alt-page h2,.compare-page h2,.glossary-page h2,.glossary-term-page #glossary-term-faq-heading,.glossary-term-page #glossary-term-related-heading,.hub-page h2:not([id^=bc-]),.resources-index-page h2{text-align:center!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}.resources-index-page .rs-cat-blurb{text-align:center!important;max-width:620px!important;margin:0 auto!important}.alt-page .report-author-card,.compare-page .report-author-card,.hub-page .report-author-card{flex-direction:column;align-items:center;text-align:center}@media (max-width:768px){.alt-page h2,.compare-page h2,.glossary-page h2,.glossary-term-page #glossary-term-faq-heading,.glossary-term-page #glossary-term-related-heading,.hub-page h2:not([id^=bc-]),.resources-index-page h2{text-align:left!important;margin-left:0!important;margin-right:0!important}.resources-index-page .rs-cat-blurb{text-align:left!important;margin-left:0!important}.alt-page.container,.compare-page.container,.hub-page.container{padding-left:20px!important;padding-right:20px!important}}