body[data-lesson] *{box-sizing:border-box}body[data-lesson]{margin:0;background:#fffaf0;color:#30574d;font-family:system-ui,sans-serif}body[data-lesson] header{padding:12px 5%;display:flex;justify-content:space-between;background:white}body[data-lesson] a{color:inherit}body[data-lesson] main{max-width:760px;padding:16px;margin:auto}body[data-lesson] h1{font-size:clamp(23px,4vw,31px)}body[data-lesson] .reading-box{background:#f0f7e6;border:2px solid #cfdfbd;border-radius:25px;padding:22px;text-align:center}body[data-lesson] progress{width:75%;accent-color:#51816b}body[data-lesson] #count{font-size:13px}body[data-lesson] #task{font-size:21px}body[data-lesson] #target{font-size:clamp(50px,12vw,90px);margin:25px 0;letter-spacing:.03em}body[data-lesson] button,body[data-lesson] .next-link{font:inherit;padding:12px 18px;border-radius:14px;border:2px solid #b6ccb6;background:white;color:#30574d;cursor:pointer}body[data-lesson] button:focus-visible,body[data-lesson] a:focus-visible{outline:4px solid #e0a043;outline-offset:3px}body[data-lesson] .controls,body[data-lesson] #choices{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0}body[data-lesson] .primary,body[data-lesson] .next-link{background:#467a65;color:white;border-color:#467a65;display:inline-block;text-decoration:none}body[data-lesson] #note{min-height:54px;font-size:14px;line-height:1.6}body[data-lesson] .parent{line-height:1.7;margin-top:25px;font-size:14px}body[data-lesson] [hidden]{display:none!important}.reading-road{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reading-road a{padding:17px;border:2px solid #c9debb;border-radius:19px;background:#f2f8e9;text-decoration:none}.reading-road strong,.reading-road small{display:block}.reading-road strong{font-size:20px}.reading-road small{margin-top:8px}@media(max-width:500px){body[data-lesson] main{padding:12px}body[data-lesson] .reading-box{padding:17px}.reading-road{grid-template-columns:1fr}body[data-lesson] #task{font-size:19px}}