.heading-actions,.lesson-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-tools{margin-top:14px}.related-lessons{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.explanation-article{max-width:820px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:17px;padding:clamp(22px,5vw,42px);box-shadow:var(--shadow)}.explanation-article h1{font-size:clamp(2rem,4vw,2.7rem)}.explanation-content{color:#3d4b45}.explanation-content h1,.explanation-content h2,.explanation-content h3{margin:1.45em 0 .5em}.explanation-content h1{font-size:1.7rem}.explanation-content h2{font-size:1.4rem}.explanation-content h3{font-size:1.15rem}.explanation-content p,.explanation-content li{max-width:72ch}.explanation-content ul{padding-left:24px}.explanation-content code{background:#f1f3ee;padding:2px 5px;border-radius:4px;font-size:.88em}.explanation-content a,.about-content a{overflow-wrap:anywhere}.profile-area{flex-wrap:wrap}.profile-area select{max-width:175px}@media(max-width:760px){.profile-area{gap:5px}.profile-area select{max-width:120px}.heading-actions{justify-content:flex-end}.lesson-tools{align-items:flex-start}}
.lesson-illustration,.hint-illustration{margin:22px auto 8px;max-width:760px}.lesson-illustration img,.hint-illustration img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#fbfcfa}.lesson-illustration figcaption,.hint-illustration figcaption{margin-top:8px;color:var(--muted);font-size:.82rem;line-height:1.45}