/*
 * Headings that used to be <h1> were demoted to <h2> (one <h1> per page for SEO).
 * They are marked with .h1-like so they keep their original look:
 *  - site stylesheets duplicate every `h1` rule as `h2:where(.h1-like)`
 *  - this file mirrors Bootstrap's fluid <h1> font-size for headings with no explicit size
 */
h2.h1-like { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) { h2.h1-like { font-size: 2.5rem; } }