.lesson-page{background:#f7f8fa;--paper:#f7f8fa;--ink:#193247;--muted:#516579;--line:#dce4eb}
.lesson-page .header{background:rgba(255,255,255,.96);color:#193247;backdrop-filter:blur(18px);border-bottom:0}
.lesson-page .header-inner{height:86px}
.lesson-page .brand{font-weight:650}
.lesson-page .brand img{border-radius:10px;box-shadow:0 0 0 1px #d4dfe8}
.lesson-page .brand-sub{color:#516579}
.lesson-page .nav-telegram{border-color:#cdd9e3;border-radius:999px;color:#c14c16}
.lesson-page .lesson-header-actions>a:first-child{color:#425b70}
.lesson-page .reading-track{height:3px;background:#e3eaf0}
#reading-progress-bar{display:block;width:0;height:3px;background:#c14c16}
.lesson-page .breadcrumbs{color:#516579;letter-spacing:.5px;font-size:11px}
.lesson-page .breadcrumbs span[aria-current]{color:#193247}
.lesson-page .lesson-hero{gap:60px;grid-template-columns:1fr 270px;padding-block:44px 49px}
.lesson-page .lesson-hero h1{font-size:49px;font-weight:550;letter-spacing:-2.1px;line-height:1.12}
.lesson-page .lesson-hero .eyebrow{color:#516579;font-size:11px;letter-spacing:1.5px}
.lesson-page .lesson-dot{background:#c14c16}
.lesson-page .lesson-subtitle{font-size:11px;color:#516579}
.lesson-page .button{border-radius:999px;font-size:11px;gap:26px;padding:17px 21px;transition:transform .2s,background .2s}
.lesson-page .orange{background:#c14c16;color:#ffffff}
.lesson-page .orange:hover{background:#a83e10;transform:translateY(-3px)}
.lesson-page .lesson-cover{background:radial-gradient(ellipse at 80% 70%,#d7e6f0,#edf3f7 70%);border:1px solid #c7d7e4;border-radius:20px;box-shadow:0 18px 35px #1932470b;min-height:290px}
.lesson-page .lesson-cover>span{color:#425b70;font-size:11px;letter-spacing:1.3px}
.lesson-page .lesson-cover>strong{font-size:100px;letter-spacing:-6px;font-weight:400;color:#c14c16}
.lesson-page .lesson-cover>p{color:#516579;font-size:11px}
.lesson-page .cover-layers{right:-15px;bottom:28px;transform:rotate(-20deg)}
.lesson-page .cover-layers i{background:#ffab70;box-shadow:0 8px 0 #c26f3c;border-color:#bb6f3d}
.lesson-page .lesson-layout{padding-top:44px;gap:65px;grid-template-columns:250px minmax(0,760px)}
.reader-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px 13px;background:#edf3f7;border:1px solid #d4dfe8;border-radius:10px;gap:12px}
.reader-tools>span{font:9px monospace;color:#425b70}
.reader-tools>div{display:flex;gap:4px}
.reader-tools button{border:1px solid #c4d2dd;background:#ffffff;color:#425b70;border-radius:5px;font-size:11px;width:28px;height:27px;cursor:pointer}
.reader-tools button:hover{background:#ffe8d7}
.reader-tools button:disabled{opacity:.35;cursor:default}
.lesson-page .lesson-toc{border:1px solid #d4dfe8;background:#ffffff;border-radius:13px;padding:20px 17px}
.lesson-page .lesson-toc summary{font-size:11px;font-weight:600;color:#193247}
.lesson-page .lesson-toc a{font-size:11px;line-height:1.7;border:0;padding:10px 8px;margin-inline:-8px;border-radius:7px;transition:background .2s}
.lesson-page .lesson-toc a>span{font-size:11px;color:#647586}
.lesson-page .lesson-toc a[aria-current=location]{background:#ffe8d7;color:#923607;border:0}
.lesson-page .lesson-toc a[aria-current=location]>span{color:#a83e10}
.lesson-page .lesson-toc a:hover{background:#edf3f7;color:#193247}
.lesson-page .lesson-sidebar-note{padding:24px 12px}
.lesson-page .lesson-sidebar-note .eyebrow{color:#516579;font-size:7px}
.lesson-page .lesson-sidebar-note p{font-size:11px;color:#516579}
.lesson-page .lesson-sidebar-note a{font-size:11px;color:#a83e10}
.lesson-page .lesson-article{font-size:var(--reader-font-size,16px);line-height:1.98;color:#425b70}
.lesson-page .lesson-article>p:first-child{font-size:calc(var(--reader-font-size,16px) + 3px);color:#193247;line-height:1.9}
.lesson-page .lesson-article h2{font-size:30px;letter-spacing:-1px;color:#193247;line-height:1.3;margin-bottom:24px}
.lesson-page .lesson-section{padding-top:36px;border-top:1px solid #dce4eb;margin-top:32px}
.lesson-page .lesson-article strong{font-weight:600;color:#193247}
.lesson-page .lesson-article a{color:#a83e10;text-decoration-color:#c58e6d;text-underline-offset:5px}
.lesson-page .lesson-figure{border:1px solid #d4dfe8;border-radius:15px;box-shadow:0 7px 23px #19324708;margin-block:32px}
.lesson-page .lesson-figure>a{cursor:zoom-in}
.lesson-page .lesson-figure img{transition:transform .5s}
.lesson-page .lesson-figure>a:hover img{transform:scale(1.015)}
.lesson-page .lesson-figure figcaption{background:#edf3f7;font-size:11px;line-height:1.9;color:#516579;padding:18px 22px}
.lesson-page .lesson-figure figcaption>span{font-size:11px;color:#516579;letter-spacing:.3px}
.lesson-page .practice-list li{background:#ffffff;border:1px solid #d4dfe8;border-radius:11px;color:#425b70;padding:19px 22px 19px 55px;font-size:calc(var(--reader-font-size,16px) - 2px)}
.lesson-page .practice-list li:before{top:22px;left:20px;color:#a83e10;font-size:11px}
.lesson-page .practice-list strong{color:#193247}
.lesson-page .lesson-tags{color:#516579}
.lesson-page .lesson-end{background:radial-gradient(ellipse at right bottom,#fff4eb,#fff4eb 80%);border:1px solid #efcbb1;border-radius:20px;padding:37px;color:#193247}
.lesson-page .lesson-end .eyebrow{font-size:11px;color:#a83e10;letter-spacing:1.6px}
.lesson-page .lesson-end h2{color:#193247;font-size:32px;font-weight:500}
.lesson-page .lesson-end p{color:#516579;font-size:11px}
.lesson-page .lesson-end .dark{background:#c14c16;color:#ffffff}
.lesson-page .lesson-end .dark:hover{background:#a83e10;transform:translateY(-3px)}
.lesson-page .lesson-bottom-nav{font-size:11px;color:#425b70}
.lesson-page .lesson-bottom-nav .first-lesson{font-size:11px;color:#516579}
.lesson-page .lesson-useful{color:#516579;font-size:11px}
.lesson-page .footer{color:#516579;border-color:#dce4eb;padding-block:30px 37px}
.lesson-page .footer .brand{color:#193247}
.lesson-page .footer p{font-size:11px;color:#516579}
.lesson-page .footer p>span{font-size:11px;color:#516579}
.lesson-page .footer .brand-sub{color:#516579}
.image-viewer{background:#152128;color:#d9e4d9;border:1px solid #425b70;border-radius:18px;padding:18px;width:min(1100px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #01080d88}
.image-viewer::backdrop{background:#08131ce6;backdrop-filter:blur(12px)}
.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.viewer-toolbar>span{font-size:12px;color:#ecf1f5}
.image-viewer button{background:#253f54;border:1px solid #5a758a;color:#f5f8fa;font-size:11px;border-radius:999px;padding:10px 15px}
.image-viewer button:hover{background:#37566e}
.image-viewer>img{width:100%;height:auto;max-height:66dvh;object-fit:contain;background:#fff;border-radius:10px}
.image-viewer>p{font-size:11px;line-height:1.8;color:#ccd7e0;margin:16px 0;max-width:900px}
.viewer-nav{display:flex;gap:20px;justify-content:space-between;align-items:center}
.viewer-nav>span{font:10px monospace;color:#ffffff}
@media(max-width:1150px){.lesson-page .lesson-hero{grid-template-columns:1fr 230px;gap:40px}.lesson-page .lesson-hero h1{font-size:42px}.lesson-page .lesson-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.lesson-page .lesson-article{font-size:var(--reader-font-size,15px)}.lesson-page .lesson-article>p:first-child{font-size:calc(var(--reader-font-size,15px) + 3px)}.lesson-page .lesson-end h2{font-size:28px}}
@media(max-width:900px){.lesson-page .lesson-hero{grid-template-columns:1fr 190px;gap:30px}.lesson-page .lesson-hero h1{font-size:37px}.lesson-page .lesson-cover{min-height:250px}.lesson-page .lesson-cover>strong{font-size:80px}.lesson-page .lesson-layout{grid-template-columns:185px minmax(0,1fr);gap:30px}.lesson-page .lesson-toc{padding:18px 13px}.lesson-page .lesson-toc a{font-size:11px}.reader-tools{padding:9px;gap:6px}.reader-tools>span{font-size:11px}.reader-tools button{width:23px;height:25px;font-size:11px}.lesson-page .lesson-article{font-size:var(--reader-font-size,14px)}.lesson-page .lesson-article>p:first-child{font-size:calc(var(--reader-font-size,14px) + 3px)}.lesson-page .lesson-article h2{font-size:26px}.lesson-page .practice-list li{font-size:calc(var(--reader-font-size,14px) - 1px)}.lesson-page .lesson-end{padding:30px}.lesson-page .lesson-end h2{font-size:28px}}
@media(max-width:680px){.lesson-page .header-inner{height:76px}.lesson-page .nav-telegram{padding:9px 11px}.lesson-page .lesson-header-actions>a:first-child{font-size:11px}.lesson-page .breadcrumbs{margin-top:21px!important;font-size:11px!important;color:#8ca07f}.lesson-page .lesson-hero{grid-template-columns:1fr;gap:0;padding-block:32px}.lesson-page .lesson-hero h1{font-size:37px;letter-spacing:-1.7px;line-height:1.15;margin-block:20px}.lesson-page .lesson-hero .eyebrow{font-size:11px;letter-spacing:1.3px}.lesson-page .lesson-subtitle{font-size:11px;line-height:1.9}.lesson-page .button{padding:16px 20px;font-size:11px}.lesson-page .lesson-layout{display:flex;gap:25px;padding-top:25px}.reader-tools{padding:10px 14px;margin-bottom:12px;gap:15px}.reader-tools>span{font-size:11px}.reader-tools button{width:32px;height:29px;font-size:11px}.lesson-page .lesson-toc{padding:20px;border-radius:12px}.lesson-page .lesson-toc summary{font-size:12px}.lesson-page .lesson-toc a{font-size:11px;line-height:1.8;padding:10px 8px}.lesson-page .lesson-toc a>span{font-size:11px}.lesson-page .lesson-article{font-size:var(--reader-font-size,15px);line-height:1.95}.lesson-page .lesson-article>p:first-child{font-size:calc(var(--reader-font-size,15px) + 2px);line-height:1.9}.lesson-page .lesson-section{padding-top:26px;margin-top:28px}.lesson-page .lesson-article h2{font-size:27px;letter-spacing:-.8px;margin-bottom:22px}.lesson-page .lesson-figure{border-radius:12px;margin-block:27px}.lesson-page .lesson-figure figcaption{padding:16px;font-size:11px}.lesson-page .lesson-figure figcaption>span{font-size:11px}.lesson-page .practice-list li{font-size:calc(var(--reader-font-size,15px) - 2px);padding:17px 17px 17px 48px;border-radius:9px}.lesson-page .practice-list li:before{left:16px;top:21px;font-size:11px}.lesson-page .lesson-end{padding:26px;border-radius:16px}.lesson-page .lesson-end h2{font-size:27px}.lesson-page .lesson-end p{font-size:11px}.lesson-page .lesson-bottom-nav{font-size:11px!important}.lesson-page .lesson-useful{font-size:11px}.image-viewer{width:calc(100% - 20px);padding:13px;border-radius:14px;max-height:calc(100dvh - 25px)}.viewer-toolbar{gap:12px}.viewer-toolbar>span{font-size:11px}.image-viewer button{font-size:11px;padding:9px 12px}.image-viewer>img{max-height:55dvh}.image-viewer>p{font-size:11px}.viewer-nav{gap:10px}.viewer-nav>span{font-size:11px}}
@media print{.reader-tools,.reading-track,.image-viewer{display:none!important}.lesson-page{background:white}.lesson-page .lesson-article{font-size:12pt;color:black}.lesson-page .lesson-article>p:first-child{font-size:13pt}.lesson-page .lesson-section{border:0}.lesson-page .practice-list li{font-size:11pt}.lesson-page .lesson-figure{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.lesson-page *{transition:none!important}}
.lesson-page .cover-layers{width:90px;right:-40px;bottom:12px}
.lesson-page .cover-layers i{width:90px;height:58px}
.lesson-page .lesson-cover>p{max-width:130px;position:relative;z-index:1}

.lesson-page .header{border-bottom:1px solid #dce4eb}.lesson-page .lesson-article{font-size:var(--reader-font-size,17px)}.lesson-page .lesson-figure figcaption{font-size:12px}.lesson-page .lesson-sidebar-note p{font-size:12px}.lesson-page .lesson-toc a{font-size:12px}.reader-tools>span{font-size:11px}.lesson-page .lesson-cover>p{font-size:12px;max-width:145px}.lesson-page .lesson-hero .eyebrow{font-size:11px}.lesson-page .lesson-subtitle{font-size:13px}.lesson-page .lesson-end p{font-size:13px}.lesson-page .lesson-bottom-nav,.lesson-page .lesson-useful{font-size:12px}.lesson-page .footer p{font-size:12px}.lesson-page .footer p>span{font-size:11px}.image-viewer button{min-height:36px;font-size:12px}.viewer-toolbar>span{font-size:13px}.image-viewer>p{font-size:13px}.viewer-nav>span{font-size:12px}
@media(max-width:900px){.lesson-page .lesson-layout{grid-template-columns:195px minmax(0,1fr);gap:30px}.lesson-page .lesson-article{font-size:var(--reader-font-size,16px)}.lesson-page .lesson-article>p:first-child{font-size:calc(var(--reader-font-size,16px) + 2px)}.lesson-page .lesson-toc a{font-size:11px}.reader-tools{padding:10px 8px;gap:6px}.reader-tools button{width:25px}.lesson-page .lesson-cover>p{font-size:11px;max-width:110px}}
@media(max-width:680px){.lesson-page .lesson-layout{display:flex}.lesson-page .lesson-hero h1{font-size:36px}.lesson-page .lesson-article{font-size:var(--reader-font-size,16px);line-height:1.95}.lesson-page .lesson-article>p:first-child{font-size:calc(var(--reader-font-size,16px) + 2px)}.lesson-page .lesson-toc a{font-size:13px}.reader-tools{padding:11px 14px}.reader-tools>span{font-size:12px}.reader-tools button{width:34px;height:32px;font-size:12px}.lesson-page .practice-list li{font-size:calc(var(--reader-font-size,16px) - 1px)}.lesson-page .lesson-figure figcaption{font-size:12px}.lesson-page .lesson-figure figcaption>span{font-size:11px}.lesson-page .lesson-end p{font-size:13px}.lesson-page .lesson-bottom-nav{font-size:12px!important}.lesson-page .lesson-useful{font-size:11px}.image-viewer>p{font-size:12px}.image-viewer button{font-size:11px;padding-inline:12px}}