/* ночь 19 · основная линия «лист», выжатая по разбору J-BASE и аудиту A2. Действует во всех обликах, кроме «Прогон 18 · как было» (html[data-look="r18"]). Файлы разделов не трогаются: правила — поверх выбранных Романом вариантов (пульт 23:25). Пути картинок — от s0. */ /* ---------- I Направления (paint18): разные «кожи», одна рамка вместо двух, одна главная кнопка ---------- */ :root:not([data-look=r18]) .v-paint18 .d18-cd{--sk-bg:#f3eee3;background:var(--sk-bg);transition:transform .35s ease, box-shadow .35s ease} :root:not([data-look=r18]) .v-paint18 .d18-cd:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(36,38,43,.16)} :root:not([data-look=r18]) .v-paint18 .d18-panel{background:transparent;box-shadow:none;padding-left:calc(6 * var(--u));padding-right:calc(6 * var(--u))} :root:not([data-look=r18]) .v-paint18 .d18-cd[data-dir="ielts"]{--sk-bg:#29466f} :root:not([data-look=r18]) .v-paint18 .d18-cd[data-dir="business"]{--sk-bg:#2c5a4e} :root:not([data-look=r18]) .v-paint18 .d18-cd[data-dir="immigration"]{--sk-bg:#1f3658} :root:not([data-look=r18]) .v-paint18 .d18-cd:is([data-dir="ielts"],[data-dir="business"],[data-dir="immigration"]) .d18-panel{ --fg:#fbf8f1;--fg-soft:rgba(251,248,241,.82);--accent:#e9cf8e;color:#fbf8f1} :root:not([data-look=r18]) .v-paint18 .d18-cd:is([data-dir="ielts"],[data-dir="business"],[data-dir="immigration"]) :is(.d16-h,.d16-ln){color:#fbf8f1} :root:not([data-look=r18]) .v-paint18 .d18-cd:is([data-dir="ielts"],[data-dir="business"],[data-dir="immigration"]) .d18-plate img{box-shadow:0 0 0 1px rgba(233,207,142,.35),0 10px 26px rgba(0,0,0,.35)} /* тон-в-тон: та же гравюра крупно за картой (Вирджиния m05) */ :root[data-look=l19] .v-paint18 .d18-cd .lf19-ton{position:absolute;inset:-8%;z-index:-1;background:center/cover no-repeat;opacity:.13;mix-blend-mode:luminosity;filter:grayscale(1) contrast(1.3);pointer-events:none} :root[data-look=l19] .v-paint18 .d18-cd:not([data-dir="ielts"]):not([data-dir="business"]):not([data-dir="immigration"]) .lf19-ton{mix-blend-mode:multiply;opacity:.07} /* кнопки карточек → ссылка; одна главная кнопка под сеткой */ :root:not([data-look=r18]) .v-paint18 .d16-act .btn{all:unset;cursor:pointer;font:600 max(15px, calc(16 * var(--u)))/1.3 var(--f-body, Georgia, serif); color:var(--azure);border-bottom:1px solid currentColor;padding-bottom:1px} :root:not([data-look=r18]) .v-paint18 .d16-act .btn::after{content:" →"} :root:not([data-look=r18]) .v-paint18 .d18-cd:is([data-dir="ielts"],[data-dir="business"],[data-dir="immigration"]) .d16-act .btn{color:#e9cf8e} :root:not([data-look=r18]) .v-paint18 .d16-act .btn-bot{display:none} :root:not([data-look=r18]) .v-paint18 .d16-act .btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px} .lf19-main{display:none} :root:not([data-look=r18]) .lf19-main{display:flex;justify-content:center;align-items:center;gap:calc(22 * var(--u));margin-top:calc(34 * var(--u))} :root:not([data-look=r18]) .lf19-main .btn{--btn-h:58;font-size:max(16px, calc(18 * var(--u)));padding:0 calc(30 * var(--u))} :root:not([data-look=r18]) .lf19-main a.bot{color:var(--fg-soft);font-size:max(15px, calc(16 * var(--u)))} @media (max-width:1023.98px){:root:not([data-look=r18]) .lf19-main{flex-direction:column;gap:12px;padding:0 16px}:root:not([data-look=r18]) .lf19-main .btn{width:100%;box-sizing:border-box;justify-content:center;white-space:normal;text-align:center}} /* живой знак на шве раздела (Вирджиния: один медленный знак на секцию, 17–20 с) */ .lf19-sign{display:none} :root[data-look=l19] .lf19-sign{display:block;position:absolute;z-index:2;width:calc(var(--s,64) * var(--u));aspect-ratio:1;pointer-events:none; background:center/contain no-repeat;animation:lf19-spin var(--t,19s) linear infinite;opacity:var(--o,.9)} :root[data-look=l19] .lf19-sign.ccw{animation-direction:reverse} @media (max-width:1023.98px){:root:not([data-look=r18]) .lf19-sign{display:none}} @keyframes lf19-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){:root .lf19-sign{animation:none}} /* ---------- II Преподаватели: плашка имени лазурью, регалии свёрнуты, знак на шве ---------- */ :root:not([data-look=r18]) .v-r10 .t10-cap{background:linear-gradient(0deg,rgba(41,70,111,.94) 0,rgba(41,70,111,.82) 55%,rgba(41,70,111,0) 100%)} :root:not([data-look=r18]) .v-r10 .t10-acc > summary{display:inline-flex;align-items:center;gap:.55em;min-height:44px;list-style:none;cursor:pointer; font:italic 500 max(16px, calc(18 * var(--u)))/1.2 var(--f-head);color:var(--azure)} :root:not([data-look=r18]) .v-r10 .t10-acc > summary::-webkit-details-marker{display:none} :root:not([data-look=r18]) .v-r10 .t10-acc > summary::after{content:"";width:.42em;height:.42em;border-right:1.5px solid var(--gold-d);border-bottom:1.5px solid var(--gold-d);transform:translateY(-25%) rotate(45deg);transition:transform .3s ease} :root:not([data-look=r18]) .v-r10 .t10-acc[open] > summary::after{transform:translateY(15%) rotate(225deg)} :root:not([data-look=r18]) .v-r10 .t10-st b{color:var(--azure)} /* ---------- Запись одной строкой: из бумажной строки — плита яри (цвет в первой половине страницы, J-BASE п. 1) ---------- */ :root:not([data-look=r18]) #quick .zq{background:#2c5a4e!important;box-shadow:none!important; --fg:#fbf8f1;--fg-soft:rgba(251,248,241,.82);--accent:#e9cf8e;--lang:#e9cf8e;--cta-bg:#fbf8f1;--cta-fg:#24262b;color:#fbf8f1;position:relative;overflow:hidden} :root:not([data-look=r18]) #quick .zq :is(.zq-h,.zq-sub,.q-note){color:#fbf8f1} :root:not([data-look=r18]) #quick .zq .zq-h em{color:#e9cf8e} :root:not([data-look=r18]) #quick .zq a{color:#e9cf8e} :root:not([data-look=r18]) #quick .zq .input{background:#fbf8f1;color:#24262b;border-color:transparent} :root:not([data-look=r18]) #quick .zq .qform .btn.btn{background:#fbf8f1!important;color:#24262b!important;border-color:#fbf8f1!important} :root:not([data-look=r18]) #quick .zq .qform .btn.btn:hover{background:#e9cf8e!important;border-color:#e9cf8e!important} :root:not([data-look=r18]) #quick .zq .lf19-ton{position:absolute;z-index:0;pointer-events:none;background:#173a31!important;-webkit-mask:var(--mk) center/contain no-repeat;mask:var(--mk) center/contain no-repeat;opacity:.9} :root:not([data-look=r18]) #quick .zq > *:not(.lf19-ton):not(.lf19-perch){position:relative;z-index:1} /* ---------- IV Отзывы: ровно три окна, одинаковая высота и итог на одной линии, цветные карточки, плашка-бенто ---------- */ @media (min-width:1024px){ :root:not([data-look=r18]) .v-sheet17 .rv17-track{grid-auto-columns:calc((100% - 2 * var(--g)) / 3)} } :root:not([data-look=r18]) .v-sheet17 .rv17-txt{flex:0 0 auto;height:calc(20 * 1.36 * 7 * var(--u));max-height:none} :root:not([data-look=r18]) .v-sheet17 .rv17-foot{margin-top:auto} :root:not([data-look=r18]) .v-sheet17 .rv17-card:is([data-tone="az"],[data-tone="vd"]){color:#fbf8f1;--fg:#fbf8f1;--fg-soft:rgba(251,248,241,.8);--hair:rgba(251,248,241,.2)} :root:not([data-look=r18]) .v-sheet17 .rv17-card[data-tone="az"]{background:#29466f} :root:not([data-look=r18]) .v-sheet17 .rv17-card[data-tone="vd"]{background:#2c5a4e} :root:not([data-look=r18]) .v-sheet17 .rv17-card:is([data-tone="az"],[data-tone="vd"]) :is(.rv17-q,.rv17-who,.rv17-who b,.rv17-stat,.rv17-more){color:#fbf8f1} :root:not([data-look=r18]) .v-sheet17 .rv17-card:is([data-tone="az"],[data-tone="vd"]) .rv17-stat{color:#e9cf8e} :root:not([data-look=r18]) .v-sheet17 .rv17-card:is([data-tone="az"],[data-tone="vd"]) .rv17-cap{background:#fbf8f1;color:var(--ink)} :root:not([data-look=r18]) .v-sheet17 .rv17-card:is([data-tone="az"],[data-tone="vd"]) .rv17-txt::-webkit-scrollbar-thumb{background:#e9cf8e} :root:not([data-look=r18]) .v-sheet17 .rv17-card:is([data-tone="az"],[data-tone="vd"]) .rv17-txt.is-long:not(.at-end){-webkit-mask-image:linear-gradient(#000 calc(100% - 2.2em),transparent)} .lf19-badge{display:none} :root[data-look=l19] .lf19-badge{display:inline-flex;justify-self:start;width:max-content;max-width:100%;grid-column:1;align-items:baseline;gap:.5em;margin-top:calc(10 * var(--u));padding:calc(10 * var(--u)) calc(18 * var(--u));border-radius:calc(var(--r-s) * var(--u)); background:#29466f;color:#fbf8f1;font:500 max(15px, calc(17 * var(--u)))/1.3 var(--f-head)} :root[data-look=l19] .lf19-badge b{font:500 calc(30 * var(--u))/1 var(--f-head);color:#e9cf8e} /* ---------- V Как проходит обучение: панель — бумага (Роман 22.10: «синяя коробка тяжело»), «60–70 %» лазурью; шаги без второй рамки и без линеек ---------- */ :root:not([data-look=r18]) .v-talk18{--o-big:#29466f} :root:not([data-look=r18]) .v-talk18 .ho-steps li:not(.ho-key){background:transparent;box-shadow:none} /* ---------- VII Цены: кнопка в одну строку, лилии со свитком живут; «Учим на совесть» отделён воздухом и знаком ---------- */ :root:not([data-look=r18]) #prices .x10-trial .x10-btn{white-space:nowrap} :root:not([data-look=r18]) #prices .x10-gobj img{transform-origin:30% 85%;animation:lf19-sway 6.5s ease-in-out infinite} @keyframes lf19-sway{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg) translateY(-2px)}} @media (prefers-reduced-motion:reduce){:root #prices .x10-gobj img{animation:none}} :root:not([data-look=r18]) #prices .h18{margin-top:calc(150 * var(--u))!important;position:relative} :root:not([data-look=r18]):not([data-look=leaf]) #prices .h18::before{content:"";position:absolute;left:50%;top:calc(-96 * var(--u));width:calc(52 * var(--u));aspect-ratio:1;margin-left:calc(-26 * var(--u)); background:url(leaf19/sign-cross.svg) center/contain no-repeat;animation:lf19-spin 21s linear infinite} @media (max-width:1023.98px){:root:not([data-look=r18]) #prices .h18{margin-top:calc(110 * var(--u))!important}} /* ---------- Ритм: тяжёлые подряд разведены воздухом (J-BASE п. 5) ---------- */ :root:not([data-look=r18]) :is(#channel,#contacts){margin-top:calc(130 * var(--u))} :root:not([data-look=r18]):not([data-look=leaf]) #foot{margin-top:calc(150 * var(--u))!important;position:relative} :root:not([data-look=r18]):not([data-look=leaf]) #foot::before{content:"";position:absolute;left:50%;top:calc(-100 * var(--u));width:calc(52 * var(--u));aspect-ratio:1;margin-left:calc(-26 * var(--u)); background:url(leaf19/sign-rose.svg) center/contain no-repeat;animation:lf19-spin 23s linear infinite reverse} @media (max-width:1023.98px){:root:not([data-look=r18]) :is(#channel,#contacts){margin-top:calc(96 * var(--u))} :root:not([data-look=r18]):not([data-look=leaf]) #foot{margin-top:calc(110 * var(--u))!important}} /* ---------- Фоновые рисунки слоя B3: крупно или никак (J-BASE: мелкое бледное = запрет REJECTED п. 24) ---------- */ @media (min-width:1024px){ :root:not([data-look=r18])[data-bgl] section#faq>.bg18--book{display:none} :root:not([data-look=r18])[data-bgl] section#faq>.bg18--oak{width:min(52vw,900px);right:-4%;top:-6%;--b18o:.13} :root:not([data-look=r18])[data-bgl] .bg18--quill{display:none} :root:not([data-look=r18])[data-bgl] .zm-plate>.bg18--bell{left:auto;right:2%;top:auto;bottom:3%;width:clamp(170px,13vw,230px);--b18o:.22} } /* ---------- IX Между уроками: у канала — имя и кнопка, клуб «Подслушники» на плите яри ---------- */ .lf19-chbtn{display:none} :root:not([data-look=r18]) .lf19-chbtn{display:inline-flex;margin-top:calc(14 * var(--u))} :root[data-look=l19] .v-row18 .nw-club .ea-text{background:#2c5a4e;padding:calc(22 * var(--u)) calc(22 * var(--u)) calc(20 * var(--u));border-radius:calc(var(--r-s) * var(--u));color:#fbf8f1;--fg:#fbf8f1;--fg-soft:rgba(251,248,241,.84);--accent:#e9cf8e} :root[data-look=l19] .v-row18 .nw-club .ea-text :is(h3,.nw-d,.nw-facts b,.nw-facts span){color:#fbf8f1} :root[data-look=l19] .v-row18 .nw-club .ea-text :is(.nw-k){color:#e9cf8e} :root[data-look=l19] .v-row18 .nw-club .ea-text a{color:#e9cf8e} :root[data-look=l19] .v-row18 .nw-club .ea-text .btn{background:#fbf8f1;color:#24262b;border-color:#fbf8f1} /* ---------- Шапка: звезда — насыщенное золото, вдвое меньше, вращается 18 с; ответный малый знак у «Узнать свой уровень» ---------- */ @media (min-width:1024px){ :root:not([data-look=r18]):not([data-look=glass])[data-bgl] .hero>.bg18--star{display:none} } /* ---------- Телефон плотнее: цены (три карточки) — лента со свайпом, выглядывает следующая ---------- */ .lf19-sw{display:contents} @media (max-width:1023.98px){ :root:not([data-look=r18]) .lf19-sw{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none; margin:0;padding:0 0 8px;align-items:start} :root:not([data-look=r18]) .lf19-sw::-webkit-scrollbar{display:none} :root:not([data-look=r18]) .lf19-sw > article{scroll-snap-align:start;border-radius:calc(8 * var(--u));min-width:0} :root:not([data-look=r18]) .lf19-sw .x10-trial :is(.x10-t,.x10-k){padding-right:calc(86 * var(--u))} :root:not([data-look=r18]) .lf19-swhint{display:block;text-align:center;font:italic 15px/1.3 var(--f-head);color:var(--fg-soft);margin-top:6px} } .lf19-swhint{display:none} /* ---------- Тон-в-тон: крупные гравюры за текстом (приём Вирджинии m02/m05; Роман 26.10: «едва заметные, но заполняют пустоту») ---------- */ .lf19-bgt{display:none} :root[data-look=l19]:not([data-look=glass]) .lf19-bgt{display:block;position:absolute;z-index:-1;pointer-events:none;background:var(--c,#24262b);-webkit-mask:var(--mk) center/contain no-repeat;mask:var(--mk) center/contain no-repeat;opacity:var(--o,.1)} @media (max-width:1023.98px){:root:not([data-look=r18]) .lf19-bgt{opacity:calc(var(--o,.1) * .7)}} :root:not([data-look=r18]) #quick .zq .qform .btn::before{background:transparent!important} :root:not([data-look=r18]) #quick .zq .qform .btn:hover::before{background:rgba(233,207,142,.35)!important} /* ---------- Живые маргиналии на кромках коробок (пульт «mg»): зверёк из рукописи сидит на краю плиты (предмет поверх шва, Вирджиния m08) ---------- */ .lf19-perch{display:none} :root[data-mg="on"] .lf19-perch{display:block;position:absolute;z-index:4;width:var(--w,140px);pointer-events:auto;cursor:pointer;transform-origin:50% 100%} .lf19-perch img{display:block;width:100%;height:auto;transform-origin:50% 100%;filter:drop-shadow(0 4px 5px rgba(36,38,43,.18))} .lf19-perch:hover img{animation:lf19-hop .7s ease-in-out 1} .lf19-perch.hop img{animation:lf19-hop .7s ease-in-out 1} @keyframes lf19-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} @keyframes lf19-sw2{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}} @keyframes lf19-crawl{0%,100%{transform:translateX(0)}50%{transform:translateX(-36px)}} @keyframes lf19-hop{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-14px) rotate(-5deg)}70%{transform:translateY(-3px) rotate(2deg)}} @media (max-width:1023.98px){:root:not([data-look=r18]) .lf19-perch{--w:84px!important}} @media (prefers-reduced-motion:reduce){.lf19-perch img{animation:none!important}} html[data-look="glass"] .lf19-perch{display:none!important} /* телефон: форма записи сразу после текста, башня — после формы (J-BASE: форма слишком глубоко) */ @media (max-width:1023.98px){ :root:not([data-look=r18]) .v-tw18 .zz > .zz-form, :root:not([data-look=r18]) .v-tw18 .zz .zz-form{order:1} :root:not([data-look=r18]) .v-tw18 .zt-scene{order:3} } /* ---------- III Доска: цитата под заголовком; у стены — земля и тень, фигуры стоят ---------- */ :root:not([data-look=r18]) #board .rubric .dr-lead{grid-column:1 / -1;margin:calc(6 * var(--u)) 0 0;font:italic 400 max(16px, calc(19 * var(--u)))/1.4 var(--f-head);color:var(--azure);max-width:36em} :root:not([data-look=r18]) #board .d18-wall::after{content:"";position:absolute;left:-6%;right:-4%;bottom:calc(-26 * var(--u));height:calc(46 * var(--u));pointer-events:none; background:radial-gradient(60% 60% at 50% 40%, rgba(36,38,43,.20), rgba(36,38,43,0) 70%)} :root:not([data-look=r18]) #board .dr-fig::after{content:"";position:absolute;left:8%;right:12%;bottom:calc(-6 * var(--u));height:calc(22 * var(--u));pointer-events:none;background:radial-gradient(50% 50% at 50% 50%, rgba(36,38,43,.26), transparent 72%);z-index:-1} html[data-look="glass"] #board .rubric .dr-lead{color:#8fb3e6} @media (min-width:1024px){ :root:not([data-look=r18])[data-nst="gold"] #board .rubric .dr-lead{padding-left:calc(2.1 * var(--fs-h2) * var(--u));grid-column:1} } /* ---------- X Контакты: голубь живёт (предмет, не фигура: покачивание ±2°, 6 с) ---------- */ :root:not([data-look=r18]) .s18-dove{transform-origin:40% 60%;animation:lf19-dove 6.5s ease-in-out infinite} @keyframes lf19-dove{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}} @media (prefers-reduced-motion:reduce){:root .s18-dove{animation:none}} /* телефон: посты канала — одна карточка и край следующей (24 px), «Скоро» (пилигрим, YouTube) — лентой */ @media (max-width:1023.98px){ :root:not([data-look=r18]) .v-row18 .pz-posts{grid-auto-columns:calc(100% - 34px)} :root:not([data-look=r18]) .v-row18 .r17-stack{grid-auto-flow:column;grid-auto-columns:88%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch} :root:not([data-look=r18]) .v-row18 .r17-stack > *{scroll-snap-align:start;min-width:0} } /* ---------- Шапка (пульт «hp»): лазурная плита за ангелом — цвет на первом экране, ангел перекрывает край плиты (Вирджиния m01) ---------- */ .lf19-hplate{display:none} @media (min-width:1024px){ :root:not([data-look=r18]):not([data-look=glass])[data-hp="on"] .v-angel18 .lf19-hplate{display:block;position:absolute;z-index:1;left:calc(706 * var(--u) + var(--x,0px) * .85 - 70 * var(--u));top:calc(96 * var(--u)); width:calc(660 * var(--u));height:calc(560 * var(--u));border-radius:calc(var(--r) * var(--u));background:#29466f;overflow:hidden; box-shadow:inset 0 0 0 calc(3 * var(--u)) #c9a84c,inset 0 0 0 calc(5 * var(--u)) #29466f,inset 0 0 0 calc(6 * var(--u)) rgba(233,207,142,.6),0 calc(24 * var(--u)) calc(60 * var(--u)) calc(-24 * var(--u)) rgba(20,32,55,.45)} .v-angel18 .lf19-hplate i{position:absolute;inset:-6%;background:#3a5a88;-webkit-mask:url(leaf19/mk-callig-1200.webp) 60% 40%/120% auto no-repeat;mask:url(leaf19/mk-callig-1200.webp) 60% 40%/120% auto no-repeat;opacity:.55} .v-angel18 .lf19-hplate b{position:absolute;right:calc(34 * var(--u));top:calc(30 * var(--u));width:calc(96 * var(--u));aspect-ratio:1;background:url(leaf19/sign-star.svg) center/contain no-repeat;animation:lf19-spin 18s linear infinite} :root:not([data-look=r18]):not([data-hp="off"]) .v-angel18 .lf19-hplate ~ .lf19-sign{display:none} } /* ---------- «Подслушники»: один послушник слушает, в руке Райша (художник G; жюри 17: пара объёмная и кремовая) ---------- */ :root:not([data-look=r18]):not([data-look=glass]) .v-row18 .nw-monks img{content:url(leaf19/novice-520.webp);object-fit:contain} :root[data-look=l19] .v-row18 .nw-club .ea-text h3{font-size:calc(32 * var(--u));overflow-wrap:anywhere} :root:not([data-look=r18]) .v-row18 .nw-club .ea-text .nw-facts{flex-wrap:wrap;row-gap:calc(8 * var(--u))} /* ---------- VI Тесты: лестница на книгах — в руке Райша (художник G; J-BASE: глянцевая генерация выпадала из гравюры) ---------- */ :root:not([data-look=r18]):not([data-look=glass]) .v-duo18 .d7-lv .d7-books, :root:not([data-look=r18]):not([data-look=glass]) .v-duo18 .d7-lv .d7-stud, :root:not([data-look=r18]):not([data-look=glass]) .v-duo18 .d7-lv .d7-psh{visibility:hidden} :root:not([data-look=r18]):not([data-look=glass]) .v-duo18 .d7-lv .d7-climb{background:url(leaf19/climber-900.webp) 50% 100%/auto 96% no-repeat} /* Вопросы: подчёркивание открытого вопроса — лазурью (киноварь только на букве, закон 26.10) */ :root:not([data-look=r18]) .v-owl18 [aria-expanded="true"]{text-decoration-color:#29466f!important;border-bottom-color:#29466f!important} /* «Подслушники»: фон Босха заметнее (A2: «почти не виден») */ :root:not([data-look=r18]):not([data-look=glass]) .v-row18 .r18-wood{opacity:.62} /* телефон: листки доски — две строки лентой со свайпом (A2 п. 18); меньше пустой бумаги под ангелом (A2 п. 17) */ @media (max-width:1023.98px){ :root:not([data-look=r18]) #board.v-door18 .lf-notes{display:grid!important;grid-template-rows:auto auto;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px} :root:not([data-look=r18]) #board.v-door18 .lf-notes > li{scroll-snap-align:start} } /* ---------- Шкала пустот (рецензент «после», японская вёрстка): лёгкие разделы — 96, тяжёлые плиты — 150–160, со знаком ✛ — как было (≈200) ---------- */ :root:not([data-look=r18]) :is([data-sec="teachers"],[data-sec="quick"],[data-sec="board"],[data-sec="reviews"],[data-sec="faq"]):not([hidden]) > .sec{margin-top:calc(96 * var(--u))} :root:not([data-look=r18]) [data-sec="how"]:not([hidden]) > .sec{margin-top:calc(150 * var(--u))} :root:not([data-look=r18]) :is(#channel,#contacts){margin-top:calc(156 * var(--u))} @media (max-width:1023.98px){ :root:not([data-look=r18]) :is([data-sec="teachers"],[data-sec="quick"],[data-sec="board"],[data-sec="reviews"],[data-sec="faq"]):not([hidden]) > .sec{margin-top:calc(56 * var(--u))} :root:not([data-look=r18]) [data-sec="how"]:not([hidden]) > .sec, :root:not([data-look=r18]) :is(#channel,#contacts){margin-top:calc(96 * var(--u))} }