/* Illustration layout: ornaments never obscure the task or the tap target. */
.illustrated-lessons{gap:18px}
.illustrated-lessons .lesson{min-height:255px;padding:24px;isolation:isolate}
.illustrated-lessons .lesson-top small{display:inline-block;background:#fff9;border-radius:30px;padding:5px 13px;color:#742909;font-weight:700}
.illustrated-lessons .lesson-words{background:#FF986A}
.illustrated-lessons .lesson-coach{background:var(--sky)}
.lesson-art{position:absolute;right:6px;top:45px;width:42%;height:165px;object-fit:contain;z-index:-1;pointer-events:none}
.lesson-copy{width:62%;padding-right:5px}
.lesson-copy h3{margin:18px 0 8px;line-height:1.4;overflow-wrap:anywhere}
.lesson-copy p{font-size:.9rem;line-height:1.7}
.illustrated-lessons .lesson-footer{gap:12px;font-size:.8rem;font-weight:600;margin-top:auto;min-height:42px}
.lesson-arrow{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--amaranth)}
.lesson-arrow svg{width:25px;height:25px}
.illustrated-lessons .lesson:hover{box-shadow:0 7px 20px #22527b16}
@media(min-width:701px) and (max-width:1100px){.illustrated-lessons{grid-template-columns:1fr}.illustrated-lessons .lesson{min-height:215px}.lesson-art{right:16px;top:25px;width:36%;height:165px}.lesson-copy{width:66%}}
@media(max-width:700px){.illustrated-lessons{grid-template-columns:1fr;gap:14px}.illustrated-lessons .lesson{min-height:228px;padding:20px}.lesson-art{right:0;top:53px;width:40%;height:133px}.lesson-copy{width:64%}.lesson-copy h3{font-size:1.22rem}.lesson-copy p{font-size:.89rem}.illustrated-lessons .lesson-footer{font-size:.78rem}.lesson-top small{font-size:.78rem}.side-quote{display:none}}
html.large .lesson-copy{width:100%;padding-right:0}html.large .lesson-art{position:static;align-self:flex-end;width:110px;height:95px;margin-bottom:-15px}html.large .illustrated-lessons{grid-template-columns:1fr}
@media(max-width:350px){.lesson-art{width:32%;height:110px;top:66px}.lesson-copy{width:70%}.lesson-copy h3{font-size:1.08rem}.illustrated-lessons .lesson{padding:17px}.lesson-arrow{width:32px;height:32px}}