/*
 * Page header title (.breadcrumb-wrap .page-title).
 *
 * The heading is an <h1> for SEO - it names the page and is its only top-level
 * heading. It used to be an <h2>, and the .breadcrumb-wrap .page-title rule in
 * main-style.css pins every visual property it needs except line-height, which
 * came from the h2 tag itself (1.3444). As an <h1> it would pick up 1.0833
 * instead and the block would tighten, so re-assert the h2 value here.
 *
 * Scoped to >=576px deliberately: below that, responsive.css already sets both
 * font-size and line-height for this element, and that rule has to keep
 * winning. This file prints after it, so an unscoped rule would override it.
 */
@media only screen and (min-width: 576px) {
    .breadcrumb-wrap .page-title {
        line-height: 1.34444444444444444;
    }
}