/* Keep the three title lines intact without changing the hero layout. */
.exam-hero .exam-hero-copy{container-type:inline-size;min-width:0}
.exam-hero .exam-hero-copy h1{font-size:30px;letter-spacing:0;white-space:nowrap}
.exam-hero .exam-hero-copy h1>span,.exam-hero .exam-hero-copy h1>strong{display:block;white-space:nowrap}
@container(min-width:280px){.exam-hero .exam-hero-copy h1{font-size:32px}}
@container(min-width:310px){.exam-hero .exam-hero-copy h1{font-size:36px}}
@container(min-width:340px){.exam-hero .exam-hero-copy h1{font-size:39px}}
@container(min-width:400px){.exam-hero .exam-hero-copy h1{font-size:48px}}
@container(min-width:480px){.exam-hero .exam-hero-copy h1{font-size:56px}}
@container(min-width:560px){.exam-hero .exam-hero-copy h1{font-size:64px}}
@container(min-width:610px){.exam-hero .exam-hero-copy h1{font-size:72px}}
@media(max-width:1100px){.exam-hero .exam-hero-copy h1{font-size:48px}}
@media(max-width:900px){.exam-hero .exam-hero-copy h1{font-size:43px}}
@media(max-width:600px){.exam-hero .exam-hero-copy h1{font-size:39px}}
@media(max-width:380px){.exam-hero .exam-hero-copy h1{font-size:36px}}
@media(max-width:340px){.exam-hero .exam-hero-copy h1{font-size:30px}}