/* ——— SITE-ETALON 05.11.2026 (Claude, D-110): эталон урока 1.1 на всех страницах сайта на старых системах (mlc / ml3 / ml-lesson).
   Колонка по центру, одинаковая высота блоков, контраст ≥ 4.5:1, без кикеров над заголовками, одна система движения (BRAND_KIT §2, §4.2, §5.1, §8).
   Уроки MVC — свои правила в классе mvc (ETALON-11, LAB-MOTION). Подключается mu-plugin matis-site-etalon.php. Откат — удалить этот mu-plugin. */
body .mlc,body .ml3{--muted:#686056;--clay:#94531f;--good:#2a7247}
body .ml-lesson{--ml-muted:#686056;--ml-clay:#94531f}
/* колонка по центру (§4.2) */
body .mlc .mlc-wrap > *{margin-left:auto;margin-right:auto}
/* без надписей-кикеров над заголовками (§5.1) */
body :is(.mlc,.ml3,.ml-lesson) :is(.mlc-kicker,.ml3-kicker,.ml-kicker,.ml-k):has(+ :is(h1,h2,h3,h4)){display:none}
/* мелочи браузера и отклик (§8.2) */
body :is(.mlc,.ml3,.ml-lesson) ::selection{background:rgba(253,126,47,.3);color:#0e0e0c}
body :is(.mlc,.ml3,.ml-lesson) :is(input,textarea){caret-color:#894a1f;accent-color:#894a1f}
body :is(.mlc,.ml3,.ml-lesson) :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid #894a1f;outline-offset:2px;transition:outline-offset .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){
  body :is(.mlc,.ml3,.ml-lesson) :is(.mlc-btn,.ml-cta,.brxe-button){transition:background-color .14s cubic-bezier(.2,.8,.2,1),border-color .14s cubic-bezier(.2,.8,.2,1),color .14s cubic-bezier(.2,.8,.2,1),translate .2s cubic-bezier(.2,.8,.2,1),scale .09s cubic-bezier(.2,.8,.2,1)}
  body :is(.mlc,.ml3,.ml-lesson) :is(.mlc-btn,.ml-cta,.brxe-button):hover{translate:0 -1px}
}
body :is(.mlc,.ml3,.ml-lesson) :is(.mlc-btn,.ml-cta,.brxe-button):active{translate:0 1px;scale:.985}
/* движение при прокрутке (§8.1): классы ставит site-etalon.js; без скрипта и при reduced-motion всё видно сразу */
@keyframes lm-up{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes lm-blur{from{opacity:0;filter:blur(8px);translate:0 10px}to{opacity:1;filter:blur(0);translate:0 0}}
@keyframes lm-hero{from{opacity:0;scale:1.025}to{opacity:1;scale:1}}
body .lm-s .lm-pre:not(.lm-in),body .lm-s .lm-kids:not(.lm-in) > *{opacity:0}
body .lm-s .lm-in{animation:lm-up .7s cubic-bezier(.16,1,.3,1) var(--lm-d,0s) backwards}
body .lm-s .lm-kids.lm-in{animation:none}
body .lm-s .lm-kid{animation:lm-up .6s cubic-bezier(.16,1,.3,1) var(--lm-d,0s) backwards}
body .lm-s :is(h2,h3).lm-in{animation-name:lm-blur}
body .lm-s .lm-head.lm-in{animation:none}
body .lm-s .lm-head.lm-in > :is(h2,h3){animation:lm-blur .8s cubic-bezier(.16,1,.3,1) .1s backwards}
body .lm-s .lm-head.lm-in > :not(h2):not(h3){animation:lm-up .7s cubic-bezier(.16,1,.3,1) .25s backwards}
body .lm-hero{animation:lm-hero 1.2s cubic-bezier(.16,1,.3,1) backwards}
body .lm-hero .lm-hk{animation:lm-up .8s cubic-bezier(.16,1,.3,1) var(--lm-d,.75s) backwards}
body .lm-hero h1.lm-hk{animation-name:lm-blur}
@media (prefers-reduced-motion:reduce){
  body .lm-s :is(.lm-in,.lm-kid,.lm-in *),body .lm-hero,body .lm-hero *{animation:none!important}
  body .lm-s .lm-pre,body .lm-s .lm-kids > *{opacity:1!important}
  body :is(.mlc,.ml3,.ml-lesson) :is(.mlc-btn,.ml-cta,.brxe-button){translate:none!important;scale:none!important}
}
/* появление и «наезд» обложки не дают горизонтальной прокрутки */
body #brx-content{overflow-x:clip}
/* ——— SITE-ETALON END ——— */