/* The original site's global heading sizes, independent of the former builder kit.
   Low specificity lets the existing native component rules keep their own sizes. */
:where(.viable-native) h1{font-size:48px;line-height:1.2}
:where(.viable-native) h2{font-size:36px;line-height:1.2}
:where(.viable-native) h3{font-size:24px;line-height:1.2}
:where(.viable-native) h4{font-size:20px;line-height:1.2}
@media(max-width:1024px){:where(.viable-native) h1{font-size:36px}:where(.viable-native) h2{font-size:30px}:where(.viable-native) h4{font-size:18px}}
@media(max-width:767px){:where(.viable-native) h1{font-size:30px}:where(.viable-native) h2{font-size:24px}:where(.viable-native) h4{font-size:16px}}