.lesson-page[data-chapter="12"] .hero-art{background-image:url("assets/chapter-12.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="13"] .hero-art{background-image:url("assets/chapter-13.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="14"] .hero-art{background-image:url("assets/chapter-14.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="15"] .hero-art{background-image:url("assets/chapter-15.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="16"] .hero-art{background-image:url("assets/chapter-16.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="17"] .hero-art{background-image:url("assets/chapter-17.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="18"] .hero-art{background-image:url("assets/chapter-18.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="20"] .hero-art{background-image:url("assets/chapter-20.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="21"] .hero-art{background-image:url("assets/chapter-20.webp");background-size:auto 150%;background-position:75% bottom;}
.lesson-page[data-chapter="17"] .hero h1,.lesson-page[data-chapter="20"] .hero h1{font-size:clamp(54px,6.7vw,82px);max-width:880px;}
@media(max-width:700px){.lesson-page[data-chapter="17"] .hero h1,.lesson-page[data-chapter="20"] .hero h1{font-size:52px}.chapter-links{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.chapter-links{grid-template-columns:1fr}}