/* TF3 (10 Nov 2026): headings moved to another level so they go in order (TF3SEO's deploy gate, check 13)
   keep the look of the level they had. The sizes are the theme's own (Astra) for that level, at each width. */
:is(h1,h2,h3,h4,h5,h6).tf3-look-h1{font-size:54px;font-size:3.375rem;font-weight:600;font-family:bauhausregular;line-height:1.4em}
:is(h1,h2,h3,h4,h5,h6).tf3-look-h3{font-size:36px;font-size:2.25rem;font-weight:400;font-family:bauhausregular;line-height:1.3em}
:is(h1,h2,h3,h4,h5,h6).tf3-look-h4{font-size:25px;font-size:1.5625rem;line-height:1.2em;font-weight:600;font-family:bauhausregular}
:is(h1,h2,h3,h4,h5,h6).tf3-look-h5{font-size:20px;font-size:1.25rem;line-height:1.2em;font-weight:400;font-family:bauhausregular}
@media (max-width:921px){
  :is(h1,h2,h3,h4,h5,h6).tf3-look-h1{font-size:45px}
  :is(h1,h2,h3,h4,h5,h6).tf3-look-h3{font-size:26px}
  :is(h1,h2,h3,h4,h5,h6).tf3-look-h4{font-size:22px;font-size:1.375rem}
  :is(h1,h2,h3,h4,h5,h6).tf3-look-h5{font-size:18px;font-size:1.125rem}
}
@media (max-width:544px){
  :is(h1,h2,h3,h4,h5,h6).tf3-look-h1{font-size:32px}
  :is(h1,h2,h3,h4,h5,h6).tf3-look-h3{font-size:22px}
  :is(h1,h2,h3,h4,h5,h6).tf3-look-h4{font-size:20px;font-size:1.25rem}
  :is(h1,h2,h3,h4,h5,h6).tf3-look-h5{font-size:20px;font-size:1.25rem}
}