.lesson-page[data-chapter="6"] .hero-art{background-image:url('assets/chapter-6.webp')}
.lesson-page[data-chapter="7"] .hero-art{background-image:url('assets/chapter-7.webp')}
.lesson-page[data-chapter="8"] .hero-art{background-image:url('assets/chapter-8.webp')}
.lesson-page[data-chapter="9"] .hero-art{background-image:url('assets/chapter-9.webp')}
.lesson-page[data-chapter="9.5"] .hero-art{background-image:url('assets/interlude.webp')}
.lesson-page[data-chapter="10"] .hero-art{background-image:url('assets/chapter-10.webp')}
.lesson-page:is([data-chapter="6"],[data-chapter="7"],[data-chapter="8"],[data-chapter="9"],[data-chapter="9.5"],[data-chapter="10"]) .hero-art{background-position:75% bottom;background-size:auto 150%}
.lesson-page[data-chapter="8"] .hero h1{font-size:clamp(54px,5.8vw,82px);max-width:830px}
.chapter-links{grid-template-columns:repeat(4,minmax(0,1fr))}
.chapter-links a{min-width:0;overflow-wrap:anywhere}
@media(max-width:1000px){.chapter-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.chapter-links{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-page[data-chapter="8"] .hero h1{font-size:54px;letter-spacing:-1.7px}}
@media(max-width:480px){.chapter-links{grid-template-columns:1fr}}