:root{--paper:#f8f6f0;--dark:#252725;--ink:#282827;--gold:#b89453;--muted:#89877f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b89453;outline-offset:4px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:var(--dark);color:#f1eee5;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:15px;padding:30px 24px;border-bottom:1px solid #ffffff15;font:20px/1.1 Georgia,serif}.brand img{width:66px;height:66px;border-radius:50%}.brand small{display:block;font:8px sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c7c1b5;margin-top:10px}.course-head{padding:32px 27px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:var(--muted);margin:0 0 14px}.sidebar .eyebrow{color:#b9b6aa}h2{font:27px Georgia,serif;font-weight:400;margin:0 0 27px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#d0cbc0;margin-bottom:13px}.progress-track{height:5px;background:#ffffff12;border-radius:5px;overflow:hidden}#progress-fill{height:100%;width:0;background:#d0ac69;transition:width .25s}.module-label{padding:18px 27px;border-top:1px solid #ffffff12;font:16px Georgia,serif}#lessons button{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;color:#d8d4cb;padding:19px 27px;text-align:left;font-size:13px;border-left:3px solid transparent}#lessons button:hover{background:#ffffff08}#lessons button.active{background:linear-gradient(90deg,#b894532e,transparent);border-left-color:#cba768;color:#fff}#lessons .circle{display:grid;place-items:center;border:1px solid #707269;border-radius:50%;width:24px;height:24px;font-size:10px;flex-shrink:0}#lessons .done .circle{background:#cba768;color:#292922;border-color:#cba768}.sidebar-foot{margin-top:auto;padding:25px;border-top:1px solid #ffffff12}.sidebar-foot button{border:0;background:none;color:#cdc7b8;font-size:11px;padding:5px 0}.sidebar-foot p{font-size:10px;line-height:1.7;color:#92948a;margin:12px 0 0}main{margin-left:280px}header{display:flex;align-items:center;justify-content:space-between;height:90px;padding:0 48px;border-bottom:1px solid #e6e2d8;font-size:12px}.breadcrumb{color:#89877f}.breadcrumb i{font-style:normal;margin:0 15px;color:#bbb7ac}.profile{display:flex;align-items:center;gap:10px}.profile>span{display:grid;place-items:center;width:30px;height:30px;background:#e7e0d1;border-radius:50%;font:15px Georgia,serif}#menu{display:none}.content{max-width:1210px;padding:35px 48px 0;margin:auto}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.title-row .eyebrow{color:#9c8252;margin-bottom:9px}h1{font:48px/1.1 Georgia,serif;letter-spacing:-.035em;font-weight:400;margin:0}.demo-badge{font-size:9px;color:#998964;border:1px solid #d7cbb1;padding:7px 11px;border-radius:20px;white-space:nowrap}.video{aspect-ratio:16/8.5;position:relative;border-radius:9px;overflow:hidden;background:#35352f}.video>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.6)}.video-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,#161811b8)}#play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:1px solid #ffffff90;background:#fff2;backdrop-filter:blur(9px);color:white;border-radius:50%;font-size:22px;padding-left:9px;transition:background .2s}#play:hover{background:#fff4}.video-caption{position:absolute;left:27px;bottom:22px;color:white;display:flex;align-items:center;gap:18px;font-size:13px}.video-caption small{font-size:10px;color:#e3dfd2}.video-note{font-size:13px;color:#776949;border:1px solid #e2d4b9;padding:15px;margin-top:15px;border-radius:5px;line-height:1.6}.tabs{display:flex;gap:32px;border-bottom:1px solid #ddd7cb;margin-top:20px}.tabs button{padding:19px 2px 15px;background:none;border:0;border-bottom:2px solid transparent;color:#929083;font:17px Georgia,serif}.tabs button[aria-selected=true]{border-color:#ae8b49;color:#292827}.tabs span{font:9px sans-serif;padding:3px 5px;background:#e9e4d8;border-radius:4px;margin-left:6px}[role=tabpanel]{padding:25px 0 20px;min-height:125px}#description{font:19px/1.6 Georgia,serif;margin:0}.quiet{font-size:11px;color:#999488;margin:14px 0 0;line-height:1.6}.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.primary{background:#a18448;color:#fffdf7;border:0;border-radius:5px;padding:17px 22px;font-size:12px}.primary span{margin-left:20px}.primary:hover{background:#8d7038}.next{background:none;border:1px solid #d2c8b2;border-radius:5px;padding:16px 20px;font-size:12px;color:#645c49}.next:disabled{opacity:.4;cursor:default}.next span{margin-left:20px}.status{font-size:11px;color:#8b764d;min-height:16px;margin:15px 0 25px}footer{border-top:1px solid #e4ded2;color:#898475;font:12px Georgia,serif;padding:23px 0;display:flex;justify-content:space-between;gap:15px}footer span{font:9px sans-serif;color:#a19b8b}.attachment{display:flex;align-items:center;gap:16px;border:1px solid #e0d9cc;border-radius:5px;padding:15px}.file-icon{font-size:25px;color:#a18448}.attachment strong{display:block;font-size:12px;font-weight:500}.attachment small{display:block;font-size:10px;color:#999080;margin-top:6px}.attachment a{margin-left:auto;font-size:11px;color:#92733d}.shade{position:fixed;inset:0;background:#0007;z-index:9}@media(min-width:1500px){.content{padding-top:45px}}@media(max-width:1050px){.sidebar{width:240px}.brand{padding:25px 17px;font-size:17px;gap:10px}.brand img{width:56px;height:56px}main{margin-left:240px}header{padding:0 30px}.content{padding:30px 30px 0}h1{font-size:42px}.demo-badge{display:none}.video-caption{left:18px;bottom:15px;display:block}.video-caption small{display:block;margin-top:6px}}@media(max-width:760px){main{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .2s;width:280px}.sidebar.open{transform:translateX(0)}header{height:65px;padding:0 20px;gap:15px}.breadcrumb{font-size:10px;flex:1}.breadcrumb i{margin:0 6px}.profile{font-size:0;gap:0}.profile>span{font-size:13px;width:27px;height:27px}#menu{display:block;background:none;border:0;padding:5px;color:#73664d;font-size:20px}.content{padding:27px 20px 0}h1{font-size:37px}.title-row{margin-bottom:22px}.video{aspect-ratio:4/3}.video-caption{font-size:11px}#play{width:54px;height:54px;font-size:18px}.tabs{gap:27px;margin-top:12px}.tabs button{font-size:16px}.lesson-actions{gap:12px;align-items:stretch}.primary,.next{font-size:10px;padding:15px 12px}.primary span,.next span{margin-left:8px}#description{font-size:18px}.quiet{font-size:10px}footer{flex-direction:column;gap:10px}.attachment{gap:10px;padding:12px}.attachment strong{font-size:11px}.attachment a{font-size:10px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Selected light classic layout */
body{background:#faf8f3}.sidebar{background:#f1ede4;color:#38372f}.sidebar .eyebrow{color:#9b917f}.brand{border-color:#ded7ca}.brand small{color:#958872}.course-head{padding-top:38px}.progress-label{color:#8c806b}.progress-track{background:#e2dbcf}.module-label,.sidebar-foot{border-color:#ded7ca}#lessons button{color:#7d776b}#lessons button.active{color:#393b31;background:#e7e0d2;border-left-color:#a18448}#lessons .circle{border-color:#c9c1b0}.sidebar-foot button{color:#8f8069}.sidebar-foot p{color:#a49b8d}.video{border-radius:14px}.primary{border-radius:7px}.next{border-radius:7px} .sidebar{width:252px}main{margin-left:252px}.brand{padding:28px 22px;font-size:19px}.brand img{width:54px;height:54px}.content{max-width:1100px}.sidebar-foot{padding-bottom:30px}
@media(max-width:760px){main{margin-left:0}.sidebar{width:280px}.brand{padding:25px 22px}.content{padding:27px 20px 0}}

/* Модули, статус урока и блок вопросов к мастеру. Добавлено 16.09.2026. */
.module-head{padding:20px 27px 11px;margin:0;border-top:1px solid #ded7ca}
.module-head strong{display:block;font:15px/1.3 Georgia,serif;font-weight:400;color:#3a3930}
.module-head small{display:block;font-size:10px;color:#a49b8d;margin-top:5px;line-height:1.5}
#lessons button{padding:15px 27px}
#lessons .gap .circle{border-color:#c6a86a;color:#8a6f36}
#lessons button.gap{color:#8a7b5c}
.lesson-state{font-size:9px;color:#7f7660;border:1px solid #d9d1bf;background:#f2eee4;padding:7px 11px;border-radius:20px;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase}
.lesson-state.gap{color:#8a6320;border-color:#ddc08a;background:#f8f0dd}
.todo{border:1px solid #e0d9cc;border-left:3px solid #b89453;border-radius:6px;padding:20px 22px;margin-top:22px;background:#fbf9f3}
.todo-head{font:13px sans-serif;font-weight:600;letter-spacing:.04em;color:#7a6634;margin:0 0 12px;text-transform:uppercase}
.todo ul{margin:0;padding-left:20px}
.todo li{font-size:14px;line-height:1.75;color:#5c584c}
.todo-foot{font-size:11px;color:#9a9284;margin:13px 0 0;line-height:1.6}
@media(max-width:760px){.module-head{padding:16px 27px 9px}.todo{padding:16px 17px}.todo li{font-size:13px}.lesson-state{font-size:8px;padding:6px 9px}}
@media(max-width:760px){.title-row{flex-direction:column;align-items:flex-start;gap:14px}.title-row>div{order:2}.lesson-state{order:1}}

/* Прокрутка списка уроков и закрытые уроки. Добавлено 16.09.2026. */
.brand,.course-head,.sidebar-foot{flex-shrink:0}
#lessons{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.sidebar-foot{margin-top:0}
#lessons button.locked{color:#a9a294;cursor:default}
#lessons button.locked:hover{background:none}
#lessons .locked .circle{border-style:dashed;border-color:#cdc6b6;color:#b3ac9d}
.lesson-state.locked{color:#6f6a5e;border-color:#d4cdbd;background:#efebe1}
.locked-note{border:1px solid #e0d9cc;border-left:3px solid #a9a294;border-radius:6px;padding:18px 20px;margin-top:22px;background:#f7f5ef;font-size:14px;line-height:1.7;color:#5f5a4e}
.sidebar-foot .rule{font-size:10px;line-height:1.7;color:#a49b8d;margin:0 0 12px}
@media(max-width:760px){body.menu-open{overflow:hidden}.course-head{padding:20px 27px}.course-head h2{margin-bottom:18px}.sidebar-foot{padding:18px 25px}.sidebar .brand{padding:20px 22px}}

/* Реквизиты ИП и куки-плашка. Добавлено 17.09.2026. */
.legal{font-size:10px;line-height:1.6;color:#a19b8b;padding:0 0 26px;margin-top:-8px;text-wrap:balance}
.legal a{color:inherit;text-decoration:underline}
.cookie-bar{position:fixed;left:0;right:0;bottom:0;width:100%;background:#fffdf8;box-shadow:0 -6px 16px -8px rgba(40,40,39,.22);padding:7px 20px;text-align:center;z-index:100}
.cookie-bar[hidden]{display:none!important}
.cookie-bar p{max-width:640px;margin:0 auto;font-size:11px;line-height:1.6;color:var(--muted)}
.cookie-bar strong{color:var(--ink)}
.cookie-bar a{color:var(--muted);text-decoration:underline}
.cookie-bar button{display:inline-block;vertical-align:middle;margin-left:8px;background:transparent;color:#8d7038;border:1px solid #d7cbb1;border-radius:6px;padding:3px 11px;font-size:11px;font-weight:600;cursor:pointer}
.cookie-bar button:hover{border-color:#a18448}
.sidebar{bottom:var(--cookie-h,0px)}
/* Плашка не должна отъедать место у списка уроков (найдено независимой проверкой 17.09.2026). */
.sidebar{bottom:0}
@media(min-width:761px){.cookie-bar{left:252px;width:auto}}
@media(max-width:760px){body.menu-open .cookie-bar{display:none!important}}