/* Прототип: исключительно первые пять тем продажи лидов. */
.focus-nav-icon{display:none;width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nav-icons-ready #cabinet-navigation .nav-number{display:none!important}
.nav-icons-ready #cabinet-navigation .focus-nav-icon{display:block}
.focus-preview #sidebar-toggle{font-size:0;border-color:transparent;background:transparent}
.focus-preview #sidebar-toggle:before{content:'☰';font:21px/1 Arial,sans-serif;color:var(--ink)}
html.dark .focus-preview #sidebar-toggle:before{color:#eee}
.focus-preview #sidebar-toggle:hover{border-color:var(--line)}
.focus-preview #main{max-width:none;margin:0;padding:26px 12px 48px 22px}
.focus-preview .course-layout{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:14px;align-items:start}
.focus-preview.focus-aside-open .course-layout{grid-template-columns:minmax(0,1fr) minmax(220px,260px)}
.focus-preview .lesson-paper{padding:clamp(18px,2vw,28px);min-width:0}
.focus-preview .lesson-aside{display:block;position:sticky;top:16px;padding:0;min-width:0;justify-self:stretch}
.focus-aside-toggle{display:grid;place-items:center;width:44px;height:42px;margin:0 0 10px auto;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:21px/1 Arial,sans-serif;cursor:pointer}
.focus-aside-toggle:hover,.focus-course-mini button:hover{border-color:#be0f00}
.focus-aside-toggle:focus-visible,.focus-course-mini button:focus-visible,.focus-turn a:focus-visible{outline:2px solid #be0f00;outline-offset:3px}
.focus-preview:not(.focus-aside-open) .lesson-aside>.eyebrow,.focus-preview:not(.focus-aside-open) .lesson-aside>.course-groups{display:none}
.focus-course-mini{display:grid;gap:6px;justify-items:end;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin}
.focus-aside-open .focus-course-mini{display:none}
.focus-course-mini button{display:grid;place-items:center;width:46px;height:41px;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.focus-course-mini button.active{border:2px solid #be0f00}
.focus-course-mini svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.focus-course-mini button.active svg{color:#e13a2c}
.focus-preview .lesson-bottom .actions>a[href^="#lesson/"]{display:none}
.focus-turn{pointer-events:none;position:fixed;inset:0;z-index:4}
.focus-turn a{pointer-events:auto;position:absolute;top:50%;display:grid;place-items:center;width:70px;height:108px;transform:translateY(-50%);color:#d52318;text-decoration:none;font:140px/1 'Roboto Condensed',Arial,sans-serif;text-shadow:0 3px 5px #000b,0 8px 24px #000a;background:transparent;opacity:.8;transition:opacity .2s ease,transform .2s ease,color .2s ease}
.focus-turn a span{display:block;animation:focus-float 3s ease-in-out infinite}
.focus-turn a:hover{opacity:1;transform:translateY(-50%) scale(1.08);color:#be0f00}
@keyframes focus-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.focus-turn-prev{left:calc(var(--sidebar) + 4px)}.focus-turn-next{right:78px}
.focus-aside-open .focus-turn-next{right:272px}
@media(min-width:741px){.focus-preview.sidebar-collapsed .view-mode label{position:absolute}}
@media(max-width:850px){
 .focus-preview #main{padding:18px 68px 38px 14px}
 .focus-preview .course-layout,.focus-preview.focus-aside-open .course-layout{display:block}
 .focus-preview .course-layout>.lesson-aside{display:block;position:fixed;right:4px;top:70px;width:58px;max-height:calc(100vh - 80px);z-index:9;background:var(--paper)}
 .focus-preview.focus-aside-open .course-layout>.lesson-aside{width:min(270px,calc(100vw - 25px));padding:8px;border:1px solid var(--line);box-shadow:0 15px 40px #0007;overflow:auto}
 .focus-preview .lesson-aside>.course-groups{max-height:calc(100vh - 145px);overflow:auto}
 .focus-turn-prev{left:4px}.focus-turn-next,.focus-aside-open .focus-turn-next{right:64px}
 .focus-turn a{width:44px;height:76px;font-size:90px}
}
@media(max-width:740px){.focus-preview #sidebar-toggle{font-size:0}.focus-preview .sidebar-head{margin-bottom:6px}.focus-preview .sidebar-collapsed .nav{display:none}}
@media(prefers-reduced-motion:reduce){.focus-turn a{transition:none}.focus-turn a span{animation:none}}
@media print{.focus-aside-toggle,.focus-course-mini,.focus-turn{display:none!important}.focus-preview #main{padding:0}.focus-preview .course-layout{display:block}.focus-preview .lesson-paper{padding:0}}

/* Прежняя форма стрелок, чуть выше середины экрана. */
.focus-turn a{top:calc(50% - 36px)}
@media(max-width:850px){.focus-turn a{top:calc(50% - 22px)}}

/* Сохраняем одобренную форму и увеличиваем сам знак. */
@media(min-width:851px){.focus-turn a{font-size:185px;width:80px;height:120px}}
@media(max-width:850px){.focus-turn a{font-size:110px}}