/* 
Theme Name: Advent

Theme URI: https://riggo.ru
Author: Baddy Riggo
Author URI: https://riggo.ru, https://baddim.ru
Description: Adventure theme General Style CSS 
Version: 1.0 (rev.03)
Advent General Style CSS (шпаргалка внизу)
*/
/* ver.2025-09-11 */



/* ------- */
/* ЛЕГЕНДА */
/* ------- */

/* ЕДИНИЦЫ ИЗМЕРЕНИЯ */
/* 
pt - абс.ед. 
px - элементарная точка, зависит от разрешения экрана
em - пропорциональный размер относительно родительского элемента
rem - пропорциональный размер относительно базового элемента html
vw, vh - пропорциональный размер относительно ширины/высоты экрана

Базовый шрифт по умолчанию для Mozilla - 16px
16px = 100% = 1rem
13.12px - 82% (по умолчанию в body, принят за 1rem) 
rem задает базовый формат сайта/браузера, em - относительный от родителя
*/

/* Адаптивные условия */
/* Определение viewport: esolutions.se/test */
/* viewport для планшета Samsung - 712x972 / 1138x545) */
/* viewport для Redmi 8 - 360x760 / 720x1520) */


/* Глобальные блоки, внешние блоки сайта */
html, body {}
#basic, #casing, #content, .content {}
.blur {}

/* Глобальный div (вместо basic, устранение конфликта css для файла и сайта) */
/* блокировщик рекламы adblock блокирует класс adv, поэтому использовать расширенные названия класса advent/adventure */
[id*=advent], #advent, 
[class*=advent], .advent {}

/* Header (Hat), Footer (Feet), Coordinator, Buttons */
/* пересечение разных свойств классов header*, footer* на сайте и в advent! Изменить имена на Hat/Feet */ 
#advent_header {}
[id*=advent_feet], #advent_feet {} 
[class*=feet], [class*=advent_feet] {}
.coord {}
[class*=block-], .block-coord, .block-name, .block-xN {}
[class*=butt], .butt-name, .butt-xN {}

/* Заголовки */
/* H6 - отдельный заголовок для сносок */
h1-h6, .title {}

/* Подзаголовки (Локации, Даты) */
.sub-title, [class^=sub-], [class^=loc], .loc, .date {} 

/* Эпиграф */
[class*=epig], .epig, .epig-XX {} 

/* Прямая речь (din), внутренние диалоги (dir) */
/* (din - табуляция, dir - внутри абзацев) */
.din, .dir {}

/* Цитаты, внешние диалоги (без полей с табуляцией) */
.quot {}
/* Многострочные цитаты (с полями, без табуляции) */
[class^=cit], .citate, .cite {} 

/* Увеличенный шрифт (цитаты, комменты, выделение мысли) */
[class*=big], [class*=large] {}

/* Коментарии (Серые), Ремарки (в скобках) */
[class*=comm], .comm, .comment {}
.rem {}

/* Блок комментариев (встроенный), прочие классы с текстом comment */
[class*=comment], [class*=commT], [class*=commS], [class*=_comm] {}

/* Cтихи, строфы (с полями, без табуляции) */
[class*=lir], .lir, .lirXX, .lir-XX, 
.poem, .stanza

/* Нестихотворные блоки на страницах стихов */
.non-poem

/* Стихи: припев/рефрен */
.ref, .refXX, .ref-XX, .refrain {}

/* Стихи: эпиграф, дата, автор */
:is([class*=lir], .poem, .non-poem, [class*=poem]) :is([class*=epig], .date, .author) {}

/* Выделение (фон за буквами) */
.bck, .cifer, .cross {}

/* Скрытый, модерированный текст (Красный, Бордо) */
.moder, .hidden {}

/* Нижний индекс */
.sub-index {}

/* Примечания */
#prim, .prim, .hiddprim {}

/* Картинки (избегать названий прочих классов с фрагментом "pic". Разобраться с классом modula jpg.pic) */
[class*=pic], .pic, .picXX, .pic-close, .closepic {} /* блок картинок и сами картинки */

/* Modula (полностью обрабатывается в style) */
.modula-gallery, [class*=modula] {}

/* Списки */
/* mark - галочки, num - арабская нумерация, numa - латинские буквы */
.mark, .num, .numa {}

/* Подпись (лого) */
.logo, .copy {}

/* Даты, Тэги, Крошки */
.date, .tag, .tags {}
[id*=bread], [class*=bread], .bread {}


/* МАТЕРИАЛЫ САЙТА */
/* Пост (single) */
.post {}
/* Краткое представление поста в списке категорий (category) */
/* Отдельный пост (flex) */
.cat-post {}
.flex-cat {}
/* Тамб-картинка */
.pic-thumb {}
/* Краткий текст */
.entry {}
/* Скрытие части текста в кратком представлении */
.entry-none {}


/* Шрифты */
.fХХ {}
/* Табуляция, вертикальные поля */
.tab, .vert {}
/* Поля, Отступы, Границы */
.marg, .marg-XX, .padd-XX {}
/* Линия */
.line {}
/* Размеры, Адаптивные условия */
.mXX, .mob, .mobXX {}

/* ---- */


/* ---- */
/* ROOT */
/* ---- */

/* Множители (применять: значение - var(--name), значение в формуле - calc(var(--name)...)) */
/* Подробней см. root.css */
/* 
1vw = 1280px/100, 1vh = 1024/100. Xpx/12.8px = vw, Xpx/10.24 = vh
2px = 0.1953vh / 0.1563vw
3px = 0.2930vh / 0.2344vw
5px = 0.4883vh / 0.3906vw
7px = 0.6836vh / 0.5469vw
10px = 0.9766vh / 0.7813vw
15px = 1.4648vh / 1.1719vw
20px = 1.9531vh / 1.5625vw
36px = 2.813vw
*/


:root {

/* ЕДИНИЦЫ PX/VW */
/* 1vw = 100vw / 100 */
--1px: calc(1vw / 12.8); 
--2px: calc(var(--1px) * 2); 
--3px: calc(var(--1px) * 3); 
--4px: calc(var(--1px) * 4); 
--5px: calc(var(--1px) * 5); 
--6px: calc(var(--1px) * 6); 
--7px: calc(var(--1px) * 7); 
--8px: calc(var(--1px) * 8); 
--10px: calc(var(--1px) * 10); 
--12px: calc(var(--1px) * 12); /* 0.9375vw / calc(12 / 1vw) / 12px/12.8 */
--13px: calc(var(--1px) * 13);
--14px: calc(var(--1px) * 14); 
--15px: calc(var(--1px) * 15); 
--20px: calc(var(--1px) * 20); 
--22px: calc(var(--1px) * 22); 
--30px: calc(var(--1px) * 30); 
--50px: calc(var(--1px) * 50); 

/* х12 */
--24px: calc(var(--12px) * 2); 
--36px: calc(var(--12px) * 3); 
--48px: calc(var(--12px) * 4); 
--60px: calc(var(--12px) * 5); 
--72px: calc(var(--12px) * 6); 
--84px: calc(var(--12px) * 7); 
--96px: calc(var(--12px) * 8); 
--108px: calc(var(--12px) * 9); 
--120px: calc(var(--12px) * 10); 
--132px: calc(var(--12px) * 11); 
--144px: calc(var(--12px) * 12); 
--156px: calc(var(--12px) * 13); 
--168px: calc(var(--12px) * 14); 
--180px: calc(var(--12px) * 15); 
--200px: calc(var(--12px) * 16); /* 192px */

/* х8 */
--16px: calc(var(--8px) * 2); 
--40px: calc(var(--8px) * 5); 
--56px: calc(var(--8px) * 7); 
--64px: calc(var(--8px) * 8); 
--80px: calc(var(--8px) * 10); 
--104px: calc(var(--8px) * 13); 
--152px: calc(var(--8px) * 19); 

/* VH */
--vh: 1vh; 
--1vh: 1vh; 
--2vh: 2vh; 
--3vh: 3vh; /* 2.4vh */
--4vh: 4vh; 
--5vh: 5vh; /* calc(var(--3vh) + var(--2vh)); */
--6vh: 6vh; 

/* Header, Footer */
--header: 70px; 
--footer: 80px; 
--ancor: calc((var(--header) + 15px));


/* ШРИФТЫ */
/* Базовый множитель размера шрифта */
--k-font: 1.0;

/* Базовый размер */
/* 16px = var(--f16) = 1rem */
--1rem: 1.0rem;

/* Базовый шрифт (font0 - без учета множителя, font - c множителем) */
/* --font:  calc(.918rem * var(--k-font)); /* OLD - 14.688 */
/* --font-nk: .9219rem; /* NEW - 14.75px = 0.9219 * 16px */
--font-nk: 1.0rem; /* 2024-06-13 - 16px */
--font: calc(var(--font-nk) * var(--k-font)); 

/* Без учета множителя */
--rem9-nk: calc(var(--font-nk) * .9); 
--rem92-nk: calc(var(--font-nk) * .92); 
--rem105-nk: calc(var(--font-nk) * 1.063); 
--rem110-nk: calc(var(--font-nk) * 1.1); 
--rem120-nk: calc(var(--font-nk) * 1.2); 

--f14-nk: calc(var(--font-nk) * .875); 
--f22-nk: calc(var(--font-nk) * 1.375); 
--f26-nk: calc(var(--font-nk) * 1.625); 

/* С учетом множителя */
--rem82: calc(var(--font) * .825); /* 13.2px */
--rem84: calc(var(--font) * .84); /* 13.44px */
--rem85: calc(var(--font) * .85); /* 13.6px */
--rem9: calc(var(--font) * .9); /* 14.4px */
--rem95: calc(var(--font) * .95); /* 15.2px */
--rem96: calc(var(--font) * .96); /* 15.36 */
--rem97: calc(var(--font) * .97); /* 15.52 */
--rem105: calc(var(--font) * 1.063); /* 17px = var(--f17) */
--rem110: calc(var(--font) * 1.1); /* 17.6px */
--rem120: calc(var(--font) * 1.2); /* 19.2px */
--rem135: calc(var(--font) * 1.35); /* 21.6px */

--f5: calc(var(--font) * .2755); /* 4.5px */
--f6: calc(var(--font) * .375); /* 6px */ 
--f7: calc(var(--font) * .4375); /* 7px */ 
--f8: calc(var(--font) * .5); /* 8px */ 
--f9: calc(var(--font) * .5625); /* 9px */ 
--f10: calc(var(--font) * .625); /* 10px */
--f11: calc(var(--font) * .6875); /* 11px */
--f12: calc(var(--font) * .75); /* 12px */
--f13: calc(var(--font) * .8125); /* 13px */
--f14: calc(var(--font) * .875); /* 14px */
--f15: calc(var(--font) * .9375); /* 15px */
--f16: var(--font); /* 16px */	
--f17: calc(var(--font) * 1.063); /* 17px = var(--rem105) */
--f18: calc(var(--font) * 1.125); /* 18px */
--f20: calc(var(--font) * 1.25); /* 20px */
--f22: calc(var(--font) * 1.375); /* 22px */
--f24: calc(var(--font) * 1.5); /* 24px */
--f26: calc(var(--font) * 1.625); /* 26px */
--f29: calc(var(--font) * 1.8125); /* 29px */
--f32: calc(var(--font) * 2.0); /* 32px */

/* Заголовки */
--f-bebas: calc(var(--font) * 1.5); /* 24px */
--f-verdana: var(--font); /* 16px */


/* VIEWPORT - видимая область экрана (100vw учитывает скролл) */
--w-100: calc(100vw - var(--scroll)); 
--scroll: 17px; 

/* Ширина контента (с учетом полей) */
--content-100: calc(var(--w-100) - 2 * (var(--w-padd)));
--w-76: 76%; 
--content: var(--w-76); 
--aside: calc(100% - var(--w-76)); /* 24% (100% - 76%) */
--w-75: 75%; 
--w-70: 70%; 

--w-55: 52%; /* 55% */
--w-45: calc(100% - var(--w-55)); 
--w-coord: min(700px, 100%);

--iframe: 500px; 


/* Поля, Отступы, Табуляция */

/* Поле страницы - 48px */
--w-padd: var(--48px); 
--w-marg: var(--48px); 

/* Табуляция - 36px */
--tab: var(--36px); /* max(var(--36px), 20px) */
--w-tab: var(--36px);

/* Поля/Отступы */
--padd: 7px;
--padd7: var(--padd); /* 7px */
--padd8: max(var(--8px), var(--padd)); /* 7-8px */
--par: max(var(--10px), var(--padd)); /* 7-10px */
--padd10: var(--par);


/* H1-H6 */
/* --H1: var(--104px); /* 104px = 152 - 48 = 8 * 13 */
/* --H1: calc(var(--w-padd) * 2); */ /* 96px */	
--H1: calc(var(--w-padd) * 2 + var(--padd)); /* 103px = 48 * 2 + 7 */
--H3: calc(var(--tab) + var(--padd)); /* NEW */

--top-H1: var(--6vh); 
--top-H2: var(--5vh);
--top-H3: var(--5vh); /* 4vh / 5vh */
--top-H4: var(--3vh); /* 2vh / 3vh */
--top-H5: var(--2vh); /* 2vh */ 
--top-H6: var(--1vh); 

--bott-H3: var(--2vh); 

--h-H1: var(--2vh); 
--h-H2: calc(var(--1vh) * 1.5); 
--h-H3: var(--1vh); 

/* PIC */
--top-pic: var(--4vh); 

/* LIR-POEM */
--w-lir: var(--tab); /* - var(--par)); */
--w-poem: calc(var(--w-padd) + var(--tab)); /* calc(var(--w-padd) + var(--tab) - var(--par)) */
--w-lir-H1: calc(var(--tab) - var(--padd));


/* Ширина блока картинок (без полей и отступа - по ширине текста) */
--pic-w100: calc(100% - 2 * var(--w-padd)); /* calc(100% - 2 * (var(--tab) - var(--w-padd))); */

/* Стандартный отступ вокруг картинки */
--pic-marg: calc(2 * var(--tab)); /* 2 * 36px */
--pic-padd: calc(2 * var(--padd)); /* 2 * 7px */


/* aspect-ratio */
--k43: calc(4 / 3); 
--k34: calc(3 / 4); 

--k54: calc(5 / 4); 
--k45: calc(4 / 5);

--k85: calc(8 / 5); 
--k58: calc(5 / 8);

--k57: calc(5 / 7); 
--k75: calc(7 / 5); 

--k32: calc(3 / 2); 
--k23: calc(2 / 3); 

/* Комбинация картинок разных пропорций */
/* k1 - высота к ширине 1-й картинки (обратный к) */
/* k2 - ширина к высоте 2-й картинки */
/* Формулы вида:
OLD
--k1-WH-WH: calc(1 / (1 + var(k1HW) * var(k2WH)));
--k2-WH-WH: calc(var(k1HW) * var(k2WH) / (1 + var(k1HW) * var(k2WH)));
NEW
--k1-W1H1-W2H2: calc(W1 * H2 / (W1 * H2 + H1 * W2));
--k2-W1H1-W2H2: calc(H1 * W2 / (H1 * W2 + W1 * H2));
*/

/* Общая формула расчета пропорций картинок */
/* 
--asp01: calc(var(--aW1) * var(--aH2));
--asp02: calc(var(--aH1) * var(--aW2));
--aspect01: calc(var(--asp01) / (var(--asp01) + var(--asp02)));
--aspect02: calc(var(--asp02) / (var(--asp01) + var(--asp02))); */
/* --aspect01: calc(var(--aW1) * var(--aH2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2)));
--aspect02: calc(var(--aH1) * var(--aW2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2))); */

/* Примеры старой верстки пропорций картинок */
/* 4:3 / 3:4 */
/* --k1-43-34: calc(1 / (1 + var(--k34) * var(--k34)));
--k2-43-34: calc(var(--k34) * var(--k34) / (1 + var(--k34) * var(--k34))); */
--k1-43-34: calc(4 * 4 / (4 * 4 + 3 * 3));
--k2-43-34: calc(3 * 3 / (4 * 4 + 3 * 3)); 

/* 3:4 / 4:3 */
/* --k1-34-43: calc(1 / (1 + var(--k43) * var(--k43)));
--k2-34-43: calc(var(--k43) * var(--k43) / (1 + var(--k43) * var(--k43))); */
--k1-34-43: calc(3 * 3 / (3 * 3 + 4 * 4));
--k2-34-43: calc(4 * 4 / (4 * 4 + 3 * 3));

/* 
--max-width: max-width; 
--max-height: max-height; 
--aspect: calc(--max-width / --max-height);
 */


/* БАЗОВЫЙ ФОН */
/* --back06-09: linear-gradient(rgba(240, 240, 240, .6), rgba(240, 240, 240, .9)); */
--back01-08-10: linear-gradient(rgba(240, 240, 240, .1), rgba(240, 240, 240, .8) 20%, rgb(240, 240, 240) 60%); 
--back05-08-10: linear-gradient(rgba(240, 240, 240, .5), rgba(240, 240, 240, .8) 20%, rgb(240, 240, 240) 60%); 
--back06-09-10: linear-gradient(rgba(240, 240, 240, .6), rgba(240, 240, 240, .9) 20%, rgb(240, 240, 240) 60%); 

--back03-08: linear-gradient(rgba(240, 240, 240, .3), rgba(240, 240, 240, .8)); 
--back04-08: linear-gradient(rgba(240, 240, 240, .4), rgba(240, 240, 240, .8)); 
--back05-09: linear-gradient(rgba(240, 240, 240, .5), rgba(240, 240, 240, .9)); 
--back06-09: linear-gradient(rgba(240, 240, 240, .6), rgba(240, 240, 240, .9)); 

--back01: rgba(240, 240, 240, .1); 
--back02: rgba(240, 240, 240, .2); 
--back03: rgba(240, 240, 240, .3); 
--back04: rgba(240, 240, 240, .4); 
--back05: rgba(240, 240, 240, .5); 
--back06: rgba(240, 240, 240, .6); 
--back07: rgba(240, 240, 240, .7); 
--back08: rgba(240, 240, 240, .8); 
--back09: rgba(240, 240, 240, .9); 
--back10: rgb(240, 240, 240); 


/* ЦВЕТА */
/* Общий фон */
--col-back: #f0f0f0; /* светло-серый (основной фон) */
--col-back0: #fafafa; /* светло-светло-серый (фон) */

/* Меню */
--col-dgray: #4f4f4a; /* общий тёмно-серый */
--col-menu: var(--col-dgray); /* #4f4f4a - тёмный дымчато-серый (фон меню) */
--col-menu02: #302e30; /* более тёмный дымчато-серый (фон меню) */
--col-menu03: #202022; /* тёмный-тёмный дымчато-серый (фон меню) */

/* Текст */
--col-gray: #66645b; /* общий тёмно-серый с желта */
--col-h: #656660; /* тёмно-серый (заголовки, стихи) / #666 (#555 - темнее) / замена на серый с зелена - #666660 */
--col-comm: var(--col-gray); /* серый с синя (комменты, сноски) - #666469 / замена на общий серый - #66645b */
--col-lgray: #797A6E; /* #777 серый / #797A6E - с желта (даты) */
--col-dir: #313c34; /* серо-зелёный (прямая речь) */
--col-mark: #6b8c75; /* дымчато-зелёный (маркеры, надписи кнопок) */
--col-mark02: #788C7E; /* дымчато-зелёный (маркеры, надписи кнопок) */

/* --col-green: #7d9985; /* общий дымчато-зелёный */
--col-green: #85998B; /* общий дымчато-зелёный */
--col-green01: #7fa48a; /* общий светло-дымчато-зелёный */
--col-green02: #9ab4a0; /* светлый-светлый дымчато-зелёный */
--col-green03: #abc8b2; /* дымчато-зелёный (logo) */
--col-logo: var(--col-green03); /* #abc8b2 - дымчато-зелёный (logo) */

/* Кнопки, фон кнопок */
--col-butt: #908f87; /* серый (фон кнопок) */
--col-back00: #908f8712; /* прозрачность 7% (#12) */
--col-back01: #908f871f; /* прозрачность 15% (#26) / 12% (#1f) */
--col-back02: #908f8740; /* прозрачность 25% (#40) */

--col-butt04: #A0A092; /* серый светлей+ (фон кнопок) */
--col-butt01: #aeada3; /* серый светлей++ (фон кнопок) */
--col-butt03: #a9b0a7; /* серый с зелена (фон кнопок) */

--col-butt02: #9bb094; /* дымчато-зелёный (фон кнопок) */
--col-back03: #9bb09426; /* прозрачность 15% (#26) */

/* Тени */
--col-shad01: #48665180; /* прозрачность 50% (#80) */
--col-shad02: #6b8c7580; /* прозрачность 50% (#80) */
--col-shad03: #6b8c75b3; /* прозрачность 70% (#b3) */ 

/* Прочие */
--col-bordo: #ae0000; /* общий бордо (модерация, скрытый) */
--col-line: #ffffff66; /* линия меню (белый, 40% прозрачности) */
--col-line02: #ffffff80; /* линия меню (белый, 50% прозрачности) */

--col-dblue01: #285aaa; /* темно-синий */
--col-dblue02: #355c96; /* темно-синий */
}


/* Адаптивные условия (ROOT) */
/* pointer - указатель основного устройства ввода (none - нет устройства ввода, coarse - малая точность указателя) */

/* Множитель размера шрифта для мобильных */
@media screen and (max-width: 1200px) and (min-width: 801px)/* and (hover: none) and (pointer: coarse)*/ {
/*:not(:is([class], [class*=coord], [class*=note]) *)*/:root {
--k-font: 1.3; /* 1.25 */
}
}
@media screen and (max-width: 800px) and (min-width: 481px) {
:root/* :not(#basic *) */ {
--k-font: 1.35; /* 1.25 */
/* Должно работать, но не работает (1.35 все равно перебивает 1.2) */
.header, .header *, 
.logo-link, .show-menu, .show-search {
/* --k-font: 1.2 !important; */
} 
.butt-name {
/* --k-font: 1.05; /* 1.1 */
/* font-size: var(--font); */ 
}
}
/* не работают связки [свойство]:root, :root [свойство], :root {[свойство]} */
/* :not(#basic *):root */
/* :root {
#base {
--k-font: 1.1; 
}
} */
}
@media screen and (max-width: 480px) {
:root {
--k-font: 1.25; /* 1.25 */
}
}
@media screen and (hover: none) and (pointer: none) {
:root {
/* --k-font: 1.1; */
}
}


@media screen and (max-width: 900px) {
:root {
/* VH */
/* vmin - рассчитывается относительно минимального значения высоты/ширины вьюпорта */
/* --vh: calc(1vmin * var(--k-font)); /* 1vmin; */
/* --1vh: calc(1vmin * var(--k-font));  /* 1vmin; */
/* --2vh: calc(2vmin * var(--k-font)); /* 2vmin; */
/* --3vh: calc(3vmin * var(--k-font));  /* 3vmin; */
/* --4vh: calc(4vmin * var(--k-font));  /* 4vmin; */
/* --5vh: calc(5vmin * var(--k-font)); /* 5vmin; */
/* --6vh: calc(6vmin * var(--k-font)); /* 6vmin; */

/* --vh: 1vmax; 
--1vh: 1vmax; 
--2vh: 2vmax; 
--3vh: 3vmax; 
--4vh: 4vmax; 
--5vh: 5vmax; 
--6vh: 6vmax; */

/* H1-H6 */
/* --top-H1: 4vmin; 
--top-H2: 3vmin; 
--top-H3: 2.4vmin; 
--top-H4: 2vmin; 
--bott-H3: 2vmin; */

--w-75: 70%; 
}
}

/* ----- */



/* -------------------------------------------- */
/* БАЗОВЫЕ ЭЛЕМЕНТЫ (ГЛОБАЛЬНЫЕ БЛОКИ СТРАНИЦЫ) */
/* -------------------------------------------- */

/* HTML */
html {}

#head {display: none}

/* BOX-SIZING */
/* content-box - width и height не включают отступы/поля/границы */
/* border-box - width и height включают поля (padding) и границы (border), но не включают отступы (margin) */
* {box-sizing: border-box} /* глобальная настройка. не трогать! */


/* BODY */
/* WHERE - Сброс специфичности стилей браузеров (заголовки, отступы, поля) */
/* По умолчанию у Body по периметру поле 8px */
/* body:where(*) */
body {
width: 100%; 
max-width: 100%; 
height: 100%; 
min-height: 100%; 
margin: 0; 
padding: 0; 
scroll-behavior: smooth; 
}

/* ОТСЛЕЖИВАНИЕ ОШИБОК (красная рамка блоков) */
/* все блоки сайта, страница по id */
body *, .page-id-XXXX * {
/* border: 1px solid red; */
}

/* Адаптивные условия (BODY) */
@media screen and (max-width: 1920px) {body {max-width: 1920px}}
@media screen and (max-width: 1280px) {body {max-width: 1280px}}
@media screen and (max-width: 1200px) {body {max-width: 1200px}}
@media screen and (max-width: 1024px) {body {max-width: 1024px}}
@media screen and (max-width: 900px) {body {max-width: 900px}}
@media screen and (max-width: 800px) {body {max-width: 800px}}
@media screen and (max-width: 700px) {body {max-width: 700px}}
@media screen and (max-width: 600px) {body {max-width: 600px}}
@media screen and (max-width: 480px) {body {max-width: 480px}}
@media screen and (max-width: 360px) {body {max-width: 360px}}

/* m - Адаптивный размер окна */
/* @viewport {width: device-width} /* ; zoom: 1 */


/* #BASE - id для body сайта */
/* #BASIC - id для body advent */
/* #ADVENT - замена #BASE/#BASIC (устранение конфликта css сайта и файла) */
#base {}
#basic {
background: var(--col-back0); /* перенесен из #advent */
}
#advent {
/* max-width: 1280px; */
padding: 0 var(--w-padd); 
/* font-family: Verdana; */
font-family: 'Roboto'; 
font-size: var(--font); 
letter-spacing: 0.01rem; /* 0.015rem */ 
word-spacing: 0.05rem; 
color: var(--col-menu02); 
/* background: var(--col-back0); /* перенос в #advent */
}
/* Адаптивные условия для больших экранов (ADVENT) */
@media screen and (min-width: 1281px) {
#advent {
max-width: max(70vw, 1200px); 
/* max-width: 1280px; */
}
}

/* ПОЛЯ СТРАНИЦЫ САЙТА (внешние классы сайта) */
/* CASING, CONTENT */

/* Затенение фоновой картинки в Advent */
.blur {background: #f0f0f066} /* светло-серый rgba(240, 240, 240, .8), cc - 80% / 80 - 50% / 66 - 40% */
#casing {
/* background: #ffffffcc; */ /* белый rgba(255, 255, 255, .8) = #ffffffcc */
}
#casing {padding: 0}
/* Обнуление полей сайта для избежания дублирования */
#content {
width: 100%; 
max-width: 100%; 
/* padding: var(--header) 0 0; */
} 
#content #advent {padding: 0}

/* CONTENT (ADVENT: включает Feet, без Notes) */
.content {} 

/* Адаптивные условия */
/* @media screen and (max-width: 900px) {#content {padding: var(--header) 0 0}} */

/* padding: 0 var(--w-padd) - фото уменьшаются, лучше применять отступы к тексту */

/* Базовый блок adventure (не работает как глобальный контейнер свойств) */
/* #adventure * {
...
} */


/* ADVENT_HEADER (не задействован) */
#advent_header {}

/* ----- */



/* ------------- */
/* БАЗОВЫЕ СТИЛИ */
/* ------------- */

/* ЗАГОЛОВКИ (+ ПОДЗАГОЛОВКИ) */
h1, h2, h3, h4, h5, .title, 
:is(h1, h2, h3, h4) + :is(.sub-title, .loc, .date) {
/* font-family: Verdana; */
/* margin-top: var(--top-H1); /* унифицировано */
margin-bottom: var(--h-H3); /* унифицировано */
margin-left: var(--H3); 
margin-right: var(--w-padd); 
padding-left: var(--par); /* --padd */
padding-right: var(--par); /* --padd */
/* border: 1px solid red; */
} 

/* костыль для "схлопывания" margin заголовка внутри блока-родителя */
/* #advent_text > :is(h1, h2, h3, h4, h5):first-child { */
#advent_text > :is(h1, h2, h3, h4, h5):first-of-type {
margin-top: 0; 
padding-top: var(--top-H2); 
}
h1, h2 {
margin-top: var(--top-H1); 
}
h3 {
margin-top: var(--top-H3); 
} 
h4 {
margin-top: var(--top-H4); 
}
h5 {
/* margin-top: var(--top-H5); */
margin-top: var(--top-H6); 
margin-bottom: 0; 
}

/* Заголовки в координаторе */
[class*=coord] :is(h1, h2, h3, h4, h5, .title) {
margin-top: var(--padd); 
margin-bottom: var(--padd); 
}

/* Заголовки в категориях материалов */
[class*=post][class*=cat] :is(h2, h2 + :is(.sub-title, .loc, .date)) {
margin-left: var(--tab); 
}

/* ПОДЗАГОЛОВКИ */
.sub-title, .loc, .date {
margin-top: var(--top-H5); 
margin-bottom: var(--h-H3);
} 


/* КОМБИНАЦИЯ ЗАГОЛОВКОВ */
h1 + h1, 
h1 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) h1:first-child {
margin-top: var(--top-H5); 
} 
h1 + :is(h2, h3), 
h1 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) > :is(h2, h3):first-child {
margin-top: var(--top-H5); 
} 
#advent h1 + :is(h2, h3), 
#advent h1 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) > :is(h2, h3):first-child {
margin-top: var(--top-H1); 
} 
h2 + h2, 
/* h2:nth-of-type(2), */
h2 + [class*=ancor] + h2, 
h2 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) h2:first-child {
margin-top: calc(var(--top-H6) * (-1)) /* !important */; 
} 
h2 + :is(h3/*, h4, h5*/), 
h2 + [class*=ancor] + :is(h3, h4, h5), 
h2 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) :is(h3/*, h4, h5*/):first-child, 
h2 + :is([id^=блок], [class*=часть], [class*=раздел], [class*=глава]) :is(h3/*, h4, h5*/):first-of-type {
margin-top: var(--top-H5); 
} 
h3 + :is(h4, h5), 
h3 + [class*=ancor] + :is(h4, h5) {
margin-top: calc(var(--top-H6) * (-1)); 
}
:is(h1, h2, h3, h4, h5) + :is(.sub-title, .loc, .date) {
margin-top: calc(var(--top-H6) * (-1)); 
}
h3 + h3 {
margin-top: 0; 
}
:is(h3, h4, h5) + [class*=epig] {
/* margin-top: -1%; */
}
:is(h3, h4, h5) + [class*=vert], 
:is(h3, h4, h5) + :is(.sub-title, .loc, .date) + [class*=vert] {
margin-top: var(--padd); 
}
.loc + :is(h1, h2, h3, h4) {
/* margin-top: 6vh; */
}
div[class*=pic] + :is(h1, h2, h3, h4, h5) {
/* margin-top: 30px; */ /* унифицировано с прочими заголовками */
}


/* Адаптивные условия (Заголовки) */
@media screen and (max-width: 800px) {
h1, h2, h3, h4, h5, .title, 
:is(h1, h2, h3, h4, h5) + :is(.sub-title, .loc, .date) {
margin-left: var(--tab); 
} 
}

@media screen and (max-width: 480px) {
h1, h2, h3, h4, h5, .title, 
:is(h1, h2, h3, h4, h5) + :is(.sub-title, .loc, .date) {
margin-left: var(--tab)/* !important */; 
}
}


/* СТРОЧНЫЕ ЭЛЕМЕНТЫ, ССЫЛКИ, КУРСИВ, ЖИРНЫЙ */

/* Строчные элементы */
span:not(.segoescr, .bar, .sub-index, .red, .bordo, .mirr, .page-numbers) {
/* margin: 0 !important; */
font-size: inherit; 
/* line-height: initial !important; */
line-height: inherit; 
}


/* ССЫЛКИ */
a, a:is(:hover, :active, :focus) {
text-decoration: none; 
outline: 0; 
}
a {transition: .2s ease-in-out}
a:is(:hover, :active, :focus) {transition: .5s ease-in-out}
/* a:is(:hover, :active, :focus) {outline: 0} */

/* ЯКОРЬ (ANCOR) */
.ancor {
/* display: none; */
position: relative; 
}
.ancor :is([id*=якорь], [id*=ancor]) {
position: absolute;
display: block;
top: calc(var(--ancor) * (-1)); 
/* top: -100px; */
}

a:is([id*=якорь], [id*=ancor]) {
/* display: inline-block */
}
:is([id*=якорь], [id*=ancor]):before {
/* display: block; 
content: ""; 
height: var(--ancor); 
margin: calc(var(--ancor) * (-1)) 0 0; */
}


/* КУРСИВ (Italic) */
h1, h2, h3, h4, h5, header * {font-style: normal}
/* :not(header, [class*=menu], [class*=Menu]) :is(ol, ul), */
:is(ol, ul):not([class*=Menu]), 
#advent :is([class*=lir], [class*=lir] p, .poem, .poem p), 
.dir, .din, .quot, .cite, 
/* [class*=dir], [class*=din], [class*=quot],[class*=cite], */ /* мешает, когда надо временно отключить класс добавив дефис в конце */ 
/* p.comm, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm]), */
.logo, 
.sub-title, .loc, .date,
:is([class*=pic], .modula-galery, .video) p:not(.description) {font-style: italic}
#advent b {/* font-style: italic */}
.rem {font-style: normal}
li::marker, li:before {font-style: normal}


/* ЖИРНЫЙ ШРИФТ (Bold) */
h1, h2, h3, h4, h5 {font-weight: normal} /* для Bebas */
.moder, .cross, 
.logo a, 
li::marker, li:before {font-weight: bold}
.f16, .f17, .f18, .f19, .f20, .f22, .f24, .f26 {font-weight: bold}


/* ВЫДЕЛЕНИЕ (Bold, Italic) */
/* Пока свойства объединены и унифицированы */
/* Лучше дополнительно добавлять it (???) */
.bck, .cifer {
font-style: italic; 
font-weight: normal; 
}
span:is(.bck, .cifer) {/* font-style: italic */}
b:is(.bck, .cifer) {/* font-style: normal */}
span:is(.bck, .cifer) {/* font-weight: normal */}
b:is(.bck, .cifer) {/* font-weight: normal */} /* !important */

/* Регистр символов (заглавные-прописные) */
.low-case {text-transform: lowercase}
.none-case {text-transform: none}
.cap-case {text-transform: capitalize}

/* ----- */



/* ПОЛЯ, ОТСТУПЫ, ТАБУЛЯЦИЯ, ИНТЕРВАЛЫ (БЛОКИ, ПАРАГРАФЫ, АБЗАЦЫ) */

/* Вертикальные поля */
p:not(
[class], div[class*=epig] p, .intro p, 
.quot p, .din p, .quot + .rem, .din + .rem, 
[class*=lir] p, .poem p, 
div[class*=pic] p, .video p, 
.logo, .note p[id^=n], .note p), 
div.din, p.din, 
:is(p.comm, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-)):not([class*=vert]), 
.logo p {
/* margin: var(--padd) 0; /* 7-10px */
margin-top: var(--padd); /* 7-10px */
margin-bottom: var(--padd); /* 7-10px */
}

/* Отступы вокруг */
h6, p:not(
:is([class*=epig], .intro, 
.quot, .din, 
[class*=lir], .poem) p, 
div[class*=pic], .modula-galery, .video,  
.logo, .note p[id^=n]), 
p:is(.din, .comm, [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-)), 
.logo p, 
div:is(.din, .quot) {
padding-left: var(--par); /* --padd */ 
padding-right: var(--par); /* --padd */
}

/* Нулевой Отступ - 0 */
/* p:not([class*=din] p), */
/* #advent :is(ol, ul), */ .line {
/* padding: 0 var(--w-padd); */
padding: 0; 
} 


/* ТАБУЛЯЦИЯ / КРАСНАЯ СТРОКА - 36px (var(--tab)) */
p:not(
/* [class], */
.promo p, .intro p,  
div[class*=epig] p, p[class*=epig], 
.cite p, 
[class*=lir], [class*=lir] p, .poem, .poem p, 
div[class*=pic], [class*=pic] p, [class*=close]:not(.close-menu), 
.modula-galery p, div[class*=modula] p, 
.video p, 
.sub-title, .loc, .date, 
.logo, .logo p, 
.moder, 
/* [id*=advent_feet] p, */
[class*=block][class*=butt] p, 
[class*=comment], 
[id*=bread], [class*=bread]), 
.comm, [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
.quot, .din, .rem {
text-indent: var(--tab); 
}

/* Принудительная ТАБУЛЯЦИЯ */
.tab-par {text-indent: var(--par) !important} /* 10px */
.tab12, .tab-x1 {text-indent: var(--12px) !important}
.tab24, .tab-x2 {text-indent: var(--24px) !important}
.tab, .tab36, .tab-x3 {text-indent: var(--tab) !important} /* var(--36px) */
.tab48, .tab-x4 {text-indent: var(--48px) !important}
.tab60, .tab-x5 {text-indent: var(--60px) !important}
.tab72, .tab-x6 {text-indent: var(--72px) !important}
.tab84, .tab-x7 {text-indent: var(--84px) !important}
.tab96, .tab-x8 {text-indent: var(--96px) !important}

/* БЕЗ ТАБУЛЯЦИИ (перенесен на ПОЛЯ) */
[id*=advent_feet] *, h1, h2, h3, h4, h5, 
#advent :is(ol, ul), 
div[class*=epig] p, p[class*=epig], 
div[class=pic], [class*=pic] p, [class*=close]:not(.close-menu), 
.video p, 
.sub-title, .loc, .date, 
.logo, .logo p, 
.cite, .cite p, 
[class*=lir], [class*=lir] p, .poem, .poem p {text-indent: 0} /* !important */

/* Принудительная отмена ТАБУЛЯЦИИ, поле - 48px (см. аналог - lmarg) */
.notab, .nontab {margin-left: var(--w-padd) !important; text-indent: 0 !important}


/* МЕЖСТРОЧНЫЙ ИНТЕРВАЛ (по умолчанию в браузере - 1.25), на сайте 1.7 */
h1, h2, h3, h4, h5, h6, 
:is(ol, ul), p, :is(:not(body).tag, .tags, [class*=bread]) a {line-height: 1.7} 
:is([class*=butt], [class*=turn]) a {line-height: 1.4} 
.more-link {line-height: 1.7}
.page-numbers {line-height: 1.4} 
[class*=epig] p, .logo {line-height: 1.5}

/* Адаптивные условия (line-height) */
@media screen and (max-width: 900px) {.din p {line-height: 1.6}}

/* ----- */



/* --------------- */
/* ОСНОВНЫЕ КЛАССЫ */
/* --------------- */


/* ЭПИГРАФ */
/* Эпиграф - общие свойства */
[class*=epig]/*, */
/* div[class*=epig], p[class*=epig], */
/* :is([class*=lir], .poem) [class*=epig]*/ {
width: fit-content; 
margin-top: calc(var(--padd) * 3); /* 21px */
margin-bottom: calc(var(--padd) * 3); /* 21px */
margin-left: auto;
margin-right: var(--tab); 
padding: 0 var(--par); 
/* border: 1px solid red; */
} 

/* Эпиграф с отступом */
.epig-h1, [class*=epig][class*=h1] {margin-left: var(--H3)}
.epig-152 {margin-left: var(--152px)}

/* Ширина эпиграфов */
[class*=epig]/*:not([class*=epig-])*/ {max-width: 420px} /* 400px */
[class*=epig-] {max-width: 100%}
:is([class*=lir], .poem) [class*=epig] {max-width: 250px}

/* Эпиграф - параграфы */
[class*=epig] p/*, p[class*=epig]*/ {
margin-top: 0; 
margin-bottom: 0; 
/* padding: 0 var(--par); */
}

/* АВТОР (можно в <div> через <p>, можно в <p> через <span>) */
.author {
display: inherit; 
margin: 0; 
text-align: right; 
}
[class*=epig] + p {margin-top: 0}

/* Адаптивные условия (эпиграф) */
@media screen and (max-width: 800px) {
div[class*=epig], p[class*=epig] {
/* width: auto; 
max-width: 100%; 
margin-left: var(--tab); 
margin-right: var(--tab); */
}
.epig-h1, [class*=epig][class*=h1] {
margin-left: var(--tab); 
}
}

@media screen and (max-width: 700px) {
/* :is(div[class*=epig], p[class*=epig]):not([class*=epig-]) */
[class*=epig]:not([class*=epig-]) {
/* width: auto; */
max-width: max(350px, 100%); 
/* margin-left: var(--H3); */
margin-left: var(--tab); 
/* margin-right: var(--tab); */
}
p[class*=epig]/* , div[class*=epig] p */ {/* margin-left: var(--H3) */}
}

@media screen and (max-width: 480px) {
[class*=epig], [class*=epig-] {
margin-left: var(--tab) !important; 
}
}


/* ПРЯМАЯ РЕЧЬ (din), ВНУТРЕННИЕ ДИАЛОГИ (dir) - 36px */
/* din - табуляция, dir - внутри абзаца */
.din p {margin: 0} 


/* ЦИТАТЫ, внешние диалоги */
/* quot - с красной строки, cite - многострочные без табуляции - 36px (h-padd) */
.quot, .cite {
/* margin: 12px 0 var(--padd); */
margin: var(--par) 0 var(--padd); 
}
.quot p {margin: 0} /* !important */
.cite, .cite p {margin-left: var(--tab)}


/* КОММЕНТАРИИ */
/* Глава-коммент (наследует базовые свойства параграфа - интервалы + табуляция) */
/* Абзац-коммент с вертикальными полями - через доп-класс "comm vert" */ 
div.comm {}

/* Строчный коммент */
:is(p.comm, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-)):not[class*=vert] {margin: 0} 
:is(.comm, [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-)):before {
/* content: ""; 
width: 1px; 
height: 100%; 
float: left; 
margin-right: 10px; 
background: var(--col-gray); */
}

/* Увеличенный текст (цитаты, комменты, выделенные мысли) */
:is(.quot, .quot p, .cite, .cite p, .comm, .comm p, 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p):is([class*=big], [class*=large]) {}


/* Ремарки в скобках */
p.rem, div.din > p.rem {margin: 0}
p + .rem {margin-top: calc(var(--padd) * (-1));} /* -4px */
:is(div.quot, div.din) + .rem {margin-top: 2px}

/* Логическая отбивка сцен многоточием */
/* <p class="rem">.........</p> */


/* ЛОГО - 36/84px (поле, без табуляции) */
.logo {margin: var(--top-H1) var(--24px) var(--top-H3) var(--tab)}
.feet-left .logo {margin: var(--top-H2) var(--24px) var(--top-H2) var(--tab)}

/* Адаптивные условия (лого) */
@media screen and (max-width: 900px) {
.logo {/* margin-top: var(--top-H1) */}
}

/* COPY (COPYRIGHT) */
/* Подпись в тексте */
.copy, .copy a {
margin: var(--top-H3) 1vw 3vw; 
/* margin: 1vw 1vw 3vw; */
font-style: italic; 
text-align: right; 
}
.copy img {box-shadow: none}
/* Подпись в футере */
footer :is(.copy, .copy a) {
margin: 0; 
padding: 0; 
font-style: normal; 
text-align: left; 
}

/* ДЕТАЛИ: ДАТА, ТЭГИ, ПРОСМОТРЫ (под материалом) */
.details {margin: var(--top-H3) 0}

.date, :not(body).tag, .tags {
margin-left: var(--tab); 
padding-left: var(--par); 
padding-right: var(--par); 
}

.bread {
margin-top: var(--top-H2); /* H1 */
margin-left: var(--tab); 
}

/* ----- */



/* ----------------- */
/* СТИХИ (lir, poem) */
/* ----------------- */

/* lir - фрагменты стихов, цитаты из стихов, отдельные строчки. Табуляция слева (36px) */
/* lir-XX - стихи с заданным отступом слева */
/* poem - полные стихотворения (увеличенный отступ слева) */
/* non-poem - нестихотворные блоки на страницах стихов */
/* Отступ мужду строфами <p> в размер пустой строки */
/* - var(--par) - компенсация отступа параграфа */ 

/* Стихи - общие свойства */
[class*=lir], .poem {
width: fit-content; 
min-width: min(350px, 100%); 
/* margin-top: max(var(--top-H3), 20px); */
/* margin-top: var(--top-H3); */
margin-top: var(--top-H6); 
margin-bottom: var(--h-H3); 
margin-right: var(--par); 
/* border: 1px solid red; */
} 
[class*=lir] {margin-left: var(--tab)} 
.poem {margin-left: var(--w-poem)} 

/* Отступы параграфа стиха */
/*:where*/:is([class*=lir], .poem) :not(
h1, h2, h3, h4, h5, b, 
a, a div,  
[class*=epig], [class*=epig] p, 
span:is([class*=author], [class*=bold], [class*=bck], [class*=cifer], [class*=it], [class*=red], [class*=bordo], [class*=mirr])) {
max-width: 100%; 
margin: 0; 
padding: var(--padd) var(--par); 
}

/* Стихи (flex) */
[class*=flex] :is([class*=lir], .poem) {
width: auto; 
max-width: max-content; 
height: min-content; 
/* margin-top: 0 /* !important; */
padding: 0; 
}
[class*=flex] :is([class*=lir], .poem):nth-child(n) {
/* min-width: calc(100% / 3); */
min-width: calc(100% / 2 - var(--w-padd) * 2); 
/* margin-left: var(--w-poem); /* calc(var(--w-padd) + var(--tab) - var(--par)); */
margin-right: var(--24px); 
}
[class*=flex] :is([class*=lir], .poem):nth-child(2n+1) {
/* margin-left: var(--w-poem); */
/* margin-right: var(--24px); */
}
[class*=flex] :is([class*=lir], .poem):nth-child(2n) {
/* margin-left: var(--24px); 
margin-right: var(--64px); */
}

/* Стихи в сносках */
.note :is([class*=lir], .poem) {
margin: 0; 
padding: 0 var(--tab); 
} 

/* Заголовок стиха */
:is([class*=lir], .poem) :is(h2, h3, h4, h5) {
/* margin-top: 0; */
margin-right: var(--par); 
}
[class*=lir] :is(h2, h3, h4, h5) {
margin-left: calc(var(--H3) - var(--tab)); 
}
:is(.poem, [class*=flex] :is([class*=lir], .poem)) :is(h2, h3, h4, h5) {
margin-left: calc(var(--w-padd) - var(--w-lir-H1)); 
/* margin-right: var(--par); */
}
[class*=flex] :is([class*=lir], .poem) :is(h2, h3, h4, h5) {
margin-top: 0; /* эксперимент */
/* margin-left: calc(var(--w-padd) - var(--w-lir)); 
margin-right: var(--par); */
}

/* Эпиграф, Автор и Дата стиха */
:is([class*=lir], .poem) [class*=epig] {
width: fit-content; 
max-width: 300px; 
margin: 0 0 0 auto; 
padding: var(--padd) var(--par); 
font-style: italic; 
} 
:is([class*=lir], .poem) .author {
padding-top: 0; 
}
:is([class*=lir], .poem) [class*=date] {
margin-top: calc(var(--padd) * (-1)); 
text-align: right; 
}

/* Припев / красная строфа / refrain */
/* замена на чистые px для одинакового отображения на разных экранах */
:is([class*=lir], .poem)  :is(.ref24, .ref-x2) {padding-left: 24px !important} 
:is([class*=lir], .poem)  :is(.ref36, .ref-x3) {padding-left: 36px !important}
:is([class*=lir], .poem)  :is(.ref48, .ref-x4) {padding-left: 48px !important}
:is([class*=lir], .poem)  :is(.ref, .ref60, .ref-x5) {padding-left: 60px !important}
:is([class*=lir], .poem)  :is(.ref72, .ref-x6) {padding-left: 72px !important}
:is([class*=lir], .poem)  :is(.ref84, .ref-x7) {padding-left: 84px !important}
:is([class*=lir], .poem)  :is(.ref96, .ref-x8) {padding-left: 96px !important}
:is([class*=lir], .poem)  :is(.ref-x9) {padding-left: 108px !important}

/* Следование стихов */
:is(h1, h2) + [class*=flex] :is([class*=lir], .poem),
:is(h1, h2, p) + :is([class*=lir], .poem) {margin-top: 0}
:is(h1, h2, [class*=lir], .poem) + :not([class*=flex]) :is([class*=lir], .poem) {
/* margin-top: 6vh; */ /* корректировать? */
margin-top: 0; 
} 

/* Специфические свойства стиха */
.center-left {
text-align: right; 
display: inline-block; 
width: max(var(--180px), 172px);
}
.center-left-pare {
padding-left: calc(max(var(--180px), 172px) - var(--24px)) !important; 
}
/* PRE (вариант без <br>, отказался) */
[class*=pre] p {
white-space: pre-wrap; /* pre-line */
}


/* Адаптивные условия (стихи) */
@media screen and (max-width: 1200px) {
[class*=flex] [class*=lir]:nth-child(n) {
min-width: min(350px, 100%); 
/* margin-left: var(--w-poem); */
margin-right: var(--par); 
}
}

@media screen and (max-width: 1024px) {
[class*=flex] :is([class*=lir], .poem):nth-child(n) {
min-width: min(350px, 100%); 
margin-left: var(--w-poem); 
margin-right: var(--par); 
}
[class*=flex] :is([class*=lir], .poem) + :is([class*=lir], .poem) {
margin-top: var(--top-H1); 
}
}

@media screen and (max-width: 900px) {
[class*=lir], .poem {
max-width: 100%; 
margin-top: var(--top-H3);
} 
[class*=lir] {
/* margin-left: var(--w-poem); */
margin-right: var(--par); 
}
[class*=lir] :is(h1, h2, h3, h4, h5) {
margin-left: calc(var(--w-padd) - var(--w-lir-H1)); 
}
:is([class*=lir], .poem) p {width: auto}
}

@media screen and (max-width: 700px) {
:is([class*=lir], .poem) :is(.ref24, .ref-x2) {padding-left: max(var(--24px), 20px) !important}
:is([class*=lir], .poem) :is(.ref36, .ref-x3) {padding-left: max(var(--36px), 30px) !important}
:is([class*=lir], .poem) :is(.ref48, .ref-x4) {padding-left: max(var(--48px), 40px) !important}
:is([class*=lir], .poem) :is(.ref, .ref60, .ref-x5) {padding-left: max(var(--60px), 50px) !important}
:is([class*=lir], .poem) :is(.ref72, .ref-x6) {padding-left: max(var(--72px), 60px) !important}
:is([class*=lir], .poem) :is(.ref84, .ref-x7) {padding-left: max(var(--84px), 70px) !important}
:is([class*=lir], .poem) :is(.ref96, .ref-x8) {padding-left: max(var(--96px), 80px) !important}
:is([class*=lir], .poem) :is(.ref-x9) {padding-left: max(var(--108px), 90px) !important}
/* .center-left {width: max(var(--108px), 90px) !important} /* ??? */
}

@media screen and (max-width: 600px) {
[class*=flex] [class*=lir] {
width: fit-content; 
}
}

@media screen and (max-width: 480px) {
[class*=lir], .poem , [class*=flex] [class*=lir]:nth-child(n) {
width: auto; 
min-width: auto; 
max-width: 100%; 
margin-left: var(--tab); 
}
:is([class*=lir], .poem) :is(h1, h2, h3, h4, h5) {
/* margin-left: var(--tab); */
margin-left: 0 !important;
/* margin-left: var(--w-padd) !important; */
}
:is([class*=lir], .poem) [class*=epig] {
/* width: auto; */
max-width: 100%; 
/* margin: 0 0 0 auto; */
/* text-align: right; */
}
}

/* ----- */



/* Примечания, Сноски (Звёздочки) */
/* Использование подключаемых звездочек: конфликт подключения к внешнему Font Awesome, залил Font Awesome на сайт */
/* Использоваание svg влечет прописывание всех свойств картинки (display, width, color...) */
/* Использование стандартных звездочек влияет на межстрочный интервал (при увеличении размера шрифта звезды) */
#prim, .prim {
margin-top: var(--top-H1); 
margin-bottom: var(--bott-H3); 
}
.notes, [id^=n] {
/* font-weight: bold; */
font-style: normal; 
} /* свойства перенесены на id=nnXX */
.note :is(h6, p)[id^=n] {
/* margin-top: calc(var(--padd) * 3); 
margin-bottom: 0; */
/* margin: calc(var(--padd) * 3) var(--w-padd) 0 var(--tab); */
margin: calc(var(--padd) * 3) var(--w-padd) 0 0; 
}
.note p:not(.sub-title, .loc, .date, [id^=n]) {
margin-top: 0; 
margin-bottom: 0; 
}
a:is([id^=n], /*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* font-family: Roboto; */
/* font-family: Tahoma; */
/* font-family: Bebas Neue Pro; */
/* content: "*"; 
font-weight: normal; */
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands'; 
/* display: inline-block; */
content: '\f069'; /* asterisk */
/* content: url("../../Adventure/css/icon/asterisk-solid.svg"); */
font-weight: bold; /* Font Awesome */
} 
a[id^=n]:before {
vertical-align: top; /* Font Awesome */
/* vertical-align: text-top; */
padding-left: 3px; /* 1px; */
padding-right: 1px; 
} 
:is(h1, h2, h3, h4, h5) a[id^=n]:before {
/* vertical-align: super; /* Font Awesome */
vertical-align: text-top; /* Font Awesome */
} 
a:is(/*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* vertical-align: top; /* Tahoma */
vertical-align: text-top; /* Font Awesome */
} 
/* Следование за italic */
:is(#advent :is(ol, ul, [class*=lir], [class*=lir] p, .poem, .poem p), 
.it, .italic, 
.dir, .din, .quot, .cite, 
.logo, 
.sub-title, .loc, .date,
[class*=pic] p) a[id^=n]:before {
padding-left: 4px; 
/* padding-right: 2px; */
word-spacing: 0.2rem;
} 
/* Следование за bold */
/* b + a[id^=n]:before, */
a:has(b) + a[id^=n]:before {padding-left: 0} 

[id^=n]:hover:before {/* font-weight: bold */} 

a:is(/*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* vertical-align: middle; */
/* vertical-align: initial; */
padding-right: 4px; 
}

/* Перекрестные ссылки в примечаниях (свойства объединены с bold) */
.cross {}

a[id^=rr0] {
padding-left: 3px ; 
} 
a[class^=r0] span {
padding-right: 4px ; 
} 

/* Смеещение анкора (на высоту шапки) */
.anchor {position: relative}
.anchor > a {
position: absolute; 
top: calc(var(--header) * (-1)); 
}

/* ----- */



/* ------------------------------------ */
/* ОБЩАЯ РАЗМЕТКА (универсальные стили) */
/* ------------------------------------ */


/* ЖИРНЫЙ (Bold) */
.norm {font-weight: normal !important}
.bold {font-weight: bold}

/* КУРСИВ (Italic) */
.it, .italic {font-style: italic} /* font-style: oblique; transform: skew(15deg); */
.non-it, .non-italic {font-style: normal !important}


/* ТАБЛИЦЫ */
table {max-width: 100%}
td {vertical-align: top; text-align: center} /* padding: 2px */
td {padding: 2px var(--2px); border-spacing: 3px var(--3px)} /* padding: 2px; border-spacing: 3px; border: 1px solid grey */
/* table {border-spacing: unset} */

/* Альтернатива свойству cellpadding */
.cellpadd td {padding: 2px var(--2px)} /* padding: 2px */
.cellspac td {border-spacing: 3px var(--3px)} /* border-spacing: 3px */
.tabBord td {border: 1px solid grey}

table.padd2 td {padding: 2px var(--2px) !important} /* 2px */
table.padd3 td {padding: 3px var(--3px) !important} /* 3px */
table.padd5 td {padding: 5px var(--5px) !important} /* 5px */
table.padd7 td {padding: var(--7px) !important} /* 7px */
table.padd10 td {padding: 10px var(--10px) !important} /* 10px */

.tablecell, .table-cell {
display: table-cell; 
width: 100%; 
float: none; 
}

#advent table td div {margin-top: 0 !important; margin-bottom: 0 !important} 


/* СПИСКИ */
/* Классы .mark (.num, .numa) необходимы для конкретного стиля списков, не затрагивая общую схему разметки css */
ul {
margin: 0; 
padding: 0; 
list-style: none; 
}

:is(#advent, #content) :is(ul, ol) {
/* margin: calc(var(--padd) * 2) calc(var(--tab) - var(--par)); */
margin: calc(var(--padd) * 2) var(--tab); 
padding-left: var(--par); /* --padd */ 
padding-right: var(--par); /* --padd */
/* list-style: decimal; */
/* list-style-position: inside; */
}
:is(#advent, #content) li {
/* margin: 5px 0 0 var(--tab); - разрядка либо 5px, либо 1.8 */
/* margin-left: var(--tab); */
line-height: 1.8; 
} 

/* Галочки */
:is(#advent, #content) ul.mark {list-style: none}
:is(#advent, #content) ul.mark li:before {
font-style: normal; 
/* font-family: Tahoma; */
/* content: "\2714"; /* обычная */ 
/* content: "\2713"; /* широкая */
/* font-family: Material Icons; */
display: inline; 
vertical-align: middle; 
/* font-weight: bold; */
/* content: "\e313"; /* стрелка вниз */
/* content: "\e876"; /* обычная */
font-family: Material Symbols Outlined; 
/* content: "\e5ca"; /* обычная */
/* content: "\e86c"; /* в круге */
content: "\e834"; /* в квадрате */
/* content: "\e92f"; /* двойная */
padding-right: 10px; 
font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24; 
font-weight: 100 1000; 
font-stretch: 25% 151%; 
}
}


/* Арабская нумерация */ 
/* (par - имитация стандартного параграфа с вертикальной разрядкой, num - с отступом от общей разметки) */
:is(#advent, #content) ol:is(.par, .tab) {
margin: 0; 
padding-top: var(--par);
padding-bottom: var(--par);
text-indent: var(--tab) !important; /* Пинудительное переназначение свойсв Chrome */
list-style-position: inside; 
}

:is(#advent, #content) ol.num {
/* list-style: decimal; */
list-style-position: inside; 
}

/* Буквенно-латинская нумерация (вложенный список) */
:is(#advent, #content) ol.numa {
/* margin: var(--padd) 0; */
margin-top: var(--padd); 
margin-bottom: var(--padd); 
list-style: upper-latin; 
/* line-height: 1.5; 
list-style-position: inside; 
list-style: upper-russian; */
}
:is(#advent, #content) ol.numa > li {margin-left: 0}

:is(.mark, .num, .numa) li {/* padding-left: var(--par) */}
li::marker, li:before {padding-right: 10px} /* не работает? */

/* ----- */



/* ------------ */
/* ПРОЧИЕ СТИЛИ */
/* ------------ */

/* ЛИНИЯ */
hr {
display: block; 
margin: var(--h-H3) 0; 
padding: 0; 
height: 1px; /* 0px */
border: 0; 
}

/* Нижнее отчеркивание */
.line {border-left: 1px solid var(--col-gray)} /* замена на общий серый (col-gray) */
.dashed {border-bottom: 1px dashed var(--col-gray); padding: 0} /* #ddd */
.nodashed {border: 0}

/* Скрытый, модерированный текст */
.moder {width: fit-content; margin: 17px var(--tab)} /* !important */
#pass, .hidden, .hiddprim {display: none}

/* Перечеркнутый текст */
.strike {text-decoration: line-through}

/* Нижний индекс */
.sub-index {
vertical-align:sub; 
font-size: smaller; 
}

/* Запрет переноса */
.nowrap {white-space: nowrap}

/* Позиция элемента */
.position0 {position: absolute; top: 0; left: 0}
@media screen and (max-width: 800px) {
.mposition {
position: absolute; 
right: 20px; 
top: -130px; 
}
}

/* Контрольная рамка вокруг блочного объекта */
[class*=bord]:not([class*=bordo]), .frame {border: 1px solid}
[class*=bord]:not([class*=bordo]), .frame {border-color: var(--col-gray)} /* #66645B */
[class*=bord][class*=red]:not([class*=bordo]), .bordred {border-color: red}
[class*=bord][class*=blue]:not([class*=bordo]), .bordblue {border-color: blue}

/* Подсветить все блоки (звезочка обязательна) */
/* *{border: 1px solid red} */
.bordred *, [class*=bord][class*=red]:not([class*=bordo]) * {border: 1px solid red}

/* МНОГОТОЧИЕ (логическая отбивка сцен) */
/* <p class="rem">.........</p> */

/* ТЕНЬ (рисунки, фото) */
/* свойства box-shadow: X Y размытыие расширение цвет (можно в rgba) */
/* .border, .bordshadow {box-shadow: 1px 2px 5px 0 var(--col-gray) !important}
.bordnone, .bordnone img, .shadownone, .shadownone img {box-shadow: none !important} */

/* ПРОЗРАЧНОСТЬ */
/* rgba(255, 255, 255, .XX) или #ffffffYY - YY по таблице */
.transp0 {background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0))} /* rgba(255, 255, 255, .0), */
.transp20 {background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2))}
.transp30 {background: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .3))}
.transp50 {background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5))}
.transp70 {background: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7))}

/* ДЛИННЫЙ ТЕКСТ */
.long-txt, .txt-long, .longtxt {word-break: break-all}
/* ДЛИННОЕ СЛОВО */
.long-word {word-break: break-word}

/* ОТРАЖЕНИЕ */
[class*=mirr], .mirr, .mirror {
transform: scaleX(-1) translateY(0); 
display: inline-block; 
/* text-align: center; 
padding: 0; */
}

/* ----- */




/* ---------------- */
/* БЛОЧНЫЕ ЭЛЕМЕНТЫ */
/* ---------------- */


/* -------- */
/* КАРТИНКИ */
/* -------- */

/* Картинки - Общие настройки */
[class*=pic], img {line-height: normal}
img {
max-width: 100%; 
height: auto; 
}
/* :not([class*=close], [class*=pic][class*=flex]) > img:not([class]), */
:not([class*=close]) img:not([class]) { 
flex-basis: 100%; 
width: fill-available; width: -webkit-fill-available; width: -moz-available; 
max-width: fill-available; max-width: -webkit-fill-available; max-width: -moz-available; 
}
/* [class*=pic] > img, */
[class*=pic] img {
height: min-content; 
min-height: min(30px, calc(var(--font) + 14px));
margin: 0 auto; 
padding: var(--padd); 
transition: .3s ease-in-out; 
}
/* [class*=pic][class*=cat] > img, */
[class*=pic][class*=cat] img {
width: 45%; 
float: right;  
/* margin: 2.4vh auto 2vh; */
margin: var(--top-pic) auto var(--bott-H3); 
}

/* Прозрачность картинки при наведении (вспышкой) */
:is([class*=pic] img, img.pic):hover, 
.modula-item:hover img {
animation: pic-flash .5s; 
animation-timing-function: ease-in-out;
}
@keyframes pic-flash {
40% {opacity: .8}
80% {/* opacity: .9 */}
}


/* КАРТИНКИ С ОБТЕКАНИЕМ */
[class*=pic]:is([class*=float], [class*=left], [class*=right]) {width: 48%}
[class*=pic]:is([class*=left], [class*=floatl]) {
float: left; 
/* margin: var(--1vh) var(--16px) var(--1vh) 0; */
margin: var(--1vh) 0 var(--1vh) 0; 
/* padding: var(--1vh) var(--16px) var(--1vh) 0; */
}
[class*=pic]:is([class*=right], [class*=floatr]) {
float: right; 
margin: var(--1vh) 0 var(--1vh) 0; 
/* margin: var(--1vh) 0 var(--1vh) var(--16px); */
/* padding: var(--1vh) 0 var(--1vh) var(--16px); */
}


/* Общие настройки блока картинок */
div[class*=pic]:not(
img[class*=pic], [class*=thumb]:not(img), 
[class*=float], [class*=close], [class*=left], [class*=right], 
[class*=post] div[class*=pic], [class*=parent-pageid-32] div[class*=pic]) {
width: 100%;
max-width: 100%; 
margin: var(--top-pic) auto var(--bott-H3); 
text-align: center; 
}
/* Несколько блоков картинок */
div[class*=pic] + div[class*=pic] {
margin-top: calc(var(--bott-H3) * (-1)) !important; 
}
/* Следование за заголовками */
:is(h1, h2, h3, h4, h5) + div[class*=pic]:not([class*=float], [class*=close], [class*=left], [class*=right], [class*=parent-pageid-32] div[class*=pic]) {
margin-top: var(--top-H4); 
}


/* Текст под картинкой */
[class*=pic] p, 
.modula-galery p:not(.description) {
/* width: auto; */
width: 100%; 
max-width: 100%; 
/* margin: 0 var(--H1) var(--padd) auto; */ /* 0 var(--w-padd) var(--padd) auto; */
margin-top: 0; 
margin-bottom: var(--padd); 
padding-left: calc(var(--padd) * 2); 
padding-right: var(--par); 
text-align: left; 
}
[class*=pic]:not([class*=pic-]) p {
margin-left: var(--H3); 
/* margin-left: var(--tab); */
margin-right: var(--H1); 
}
/* Отступ, если картинка одна */
[class*=pic]:not([class*=pic-]) img:only-of-type ~ p {
margin-left: var(--H1); 
}
/* Отступ, если последняя картинка непарная */
/* [class*=pic]:not([class*=pic-]) img[class*=pic-]:is([class*="350"], [class*="450"], [class*="550"], [class*="600"], [class*="650"], [class*="680"], [class*="720"], [class*="812"], [class*="870"], [class*="960"]):not([class*=fill], [class*=full]) + p, */
[class*=pic]:not([class*=pic-]) :is(img[class*=pic-]:not([class*=aspect], [class*=fill], [class*=full], [class*=1100]), img[class*=pic-960]) + p {
margin-left: var(--H1); 
}
/* Отступ, если последняя картинка без класса или fill/full (полный размер) */
[class*=pic]:not([class*=pic-]) img:is(:not([class]), [class*=fill], [class*=full]) + p {
margin-left: var(--tab); 
}
[class*=pic-] p {
/* padding-left: calc(var(--padd) * 2); */
}


/* PIC-FLEX */

/* PIC-FLEX (2 колонки) */
div[class*=pic]/*, [class*=pic][class*=flex]*/ {
display: flex; 
flex-wrap: wrap; 
/* justify-content: space-evenly; */
/* justify-content: space-around; */
} 
/* [class*=flex] img {display: block} */

div[class*=pic]:not([class*=thumb]) :is(img:not(:only-of-type, [class*=pic-], [class*=aspect]), a) {
flex-basis: calc(100% / 2); 
max-width: calc(100% / 2); 
}

/* 3 колонки */
[class*=pic]:is([class*=flex3], [class*=flex-x3]) img:not([class*=pic-]) {
flex-basis: calc(100% / 3);
}

/* Выравнивание картинок по высоте (картинки разных пропорций) */
:is(div[class*=pic]/*, [class*=pic][class*=flex]*/) img[class*=pic-vh] {
width: auto; 
height: max-content; 
object-fit: contain; 
/* object-fit: cover; */
}


/* РАЗМЕРЫ КАРТИНОК / БЛОКОВ КАРТИНОК */
div:is(.pic-70, .pic-870), .pic-70 img {
/* width: 70%; 
max-width: 960px; */
width: max(70%, 870px) !important; 
}
div:is(.pic-80, .pic-960), .pic-80 img {
/* width: 80%; 
max-width: 960px; */
width: max(82.26%, 960px) !important; 
/* условные 80%, 82.26% = calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%) */
/* width: max(calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%), 960px) !important; */
/* width: calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%) !important; */
}
div:is(.pic-90, .pic-1100), .pic-90 img {
/* width: 90%; 
max-width: 1100px; */
width: max(90%, 1100px) !important;
}
div.pic-full, .pic-full img {
/* width: 100%; 
max-width: var(--pic-w100); */
width: max(100%, var(--pic-w100))
}

/* КАРТИНКИ - РАЗМЕРЫ */
.m350, .pic-350 {max-width: 350px}
.m450, .pic-450 {max-width: 450px}
.pic-500 {max-width: 500px}
.m550, .pic-550 {max-width: 550px}	
.pic-600 {max-width: 600px}
.m650, .pic-650 {max-width: 650px}
.m680, .pic-680 {width: 680px} /* [class*=XXX] - конфликт веса селекторов */
.m720, .pic-720 {width: 720px}
.m812, .pic-812 {width: 812px}
.m870, .pic-870 {width: max(70%, 870px)}
.m960, .pic-960 {
width: max(82.26%, 960px) !important; /* условные 80%, 82.2% = calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%) */
/* width: max(calc(960 / (100vw - var(--scroll) - 2 * (var(--w-padd))) * 100%), 960px) !important; */
/* width: calc(960 / (1280 - 17 - 2 * (var(--w-padd))) * 100%) !important; */
}
.m1100, .pic-1100 {width: max(90%, 1100px)} /* 90% */
.pic-orig, [class*=pic-][class*=orig] {
width: auto; 
}
.pic-fit, [class*=pic-][class*=fit] {
/* width: fit-content; 
max-width: fit-content; */
}
.pic-fill, .pic-full, [class*=pic-]:is([class*=fill], [class*=full]) {
width: fill-available; width: -webkit-fill-available; width: -moz-available; 
}


/* КАРТИНКИ В СТИХАХ */
:is([class*=lir], .poem) img {
object-fit: cover; 
width: min-content !important; 
max-height: 450px; 
display: block; 
margin: calc(var(--padd) * 3) auto; 
}

/* ЗАКРЫВАЮЩИЕ КАРТИНКИ */
.closepic, .pic-close, [class*=close]:not(.close-menu), .advent_feet-right {text-align: center}
:is(.closepic, .pic-close, [class*=close]:not(.close-menu), .advent_feet-right) img {
/* width: fill-available; width: -webkit-fill-available; width: -moz-available; */
/* margin: var(--36px) var(--w-padd) var(--24px) var(--24px); */
}

/* Именованные форматы (картинок) */
img[class*=pic-] {
/* width: fill-available; */
/* width: auto; 
width: initial; */
}


/* ПРОПОРЦИИ КАРТИНОК */

/* ASPECT (передача пропорций через style) */
[class*=pic] .aspect:nth-child(2n+1) {width: calc((var(--aW1) * var(--aH2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2))) * 100%); aspect-ratio: calc(var(--aW1) / var(--aH1))}
[class*=pic] .aspect:nth-child(2n) {width: calc((var(--aH1) * var(--aW2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2))) * 100%); aspect-ratio: calc(var(--aW2) / var(--aH2))}

/* 4:3 / 3:4 */
:is(.pic-43-34, .aspect-43-34):nth-child(2n+1) {width: calc(100% * var(--k1-43-34)); aspect-ratio: 4/3}
:is(.pic-43-34, .aspect-43-34):nth-child(2n) {width: calc(100% * var(--k2-43-34)); aspect-ratio: 3/4} 

/* 3:4 / 4:3 */
:is(.pic-34-43, .aspect-34-43):nth-child(2n+1) {width: calc(100% * var(--k2-43-34)); aspect-ratio: 3/4}
:is(.pic-34-43, .aspect-34-43):nth-child(2n) {width: calc(100% * var(--k1-43-34)); aspect-ratio: 4/3} 


/* --------------- */
/* КАРТИНКИ (САЙТ) */
/* --------------- */
/* (полностью обрабатывается в style.css) */


/* ------------- */
/* MODULA (САЙТ) */
/* ------------- */
/* (полностью обрабатывается в style.css) */


/* Адаптивные условия (картинки) - 1200 */
@media screen and (max-width: 1200px) {
[class*=pic]:not([class*=pic-]) img[class*=pic-] + p {
margin-left: var(--H3);
}
div[class*=pic]:not([class*=pic-]) p {
/* padding-left: var(--padd); */
}
}

/* Адаптивные условия (картинки) - 1024 */
@media screen and (max-width: 1024px) {
div[class*=pic]:not([class*=pic-]) p {
margin-left: 0; 
margin-right: 0; 
}
}

/* Адаптивные условия (картинки) - 900 */
@media screen and (max-width: 900px) {
div[class*=pic] + div[class*=pic] {margin-top: calc(var(--top-H2) * (-1))} /* 20px */

div[class*=pic]:not([class*=flex-])/*, [class*=pic][class*=flex]*/, div[class*=close]:not(.close-menu) {
display: block; 
width: 100%; 
max-width: 100%; /* перенесено на общие свойства? */
}
[class*=pic] p {
width: auto; 
/* margin: 0 10px 5px var(--tab); */
/* padding-left: 0; */
/* padding-left: calc(var(--padd) * 2) !important; */
/* padding-left: calc(var(--w-tab) + var(--padd)) !important; */
margin-left: var(--tab) !important; 
padding-left: var(--padd); 
}
[class*=pic]:is([class*=float], [class*=left], [class*=right]) {
width: initial; 
float: none; 
padding: 0; 
}
:is(div[class*=pic]:not([class*=thumb])/*, [class*=pic][class*=flex]*/) img:not([class*=pic-]) {
width: 100%; 
max-width: 100%; 
min-width: auto !important; 
/* flex-basis: 100%; */
}
[class*=pic] img {/* padding: max(.6vw, 5px) */}
:is(div[class*=pic]:not([class*=flex-])/*, [class*=pic][class*=flex]*/) img:nth-child(n) {/* padding: max(.6vw, 5px) */}
:is(div[class*=pic], [class*=close]):not([class*=thumb], .close-menu) img {
display: block; 
max-height: max-content; 
}
[class*=pic]:not([class*=flex-]) img[class*=pic-]:nth-child(n) {
width: 100%; 
/* max-width: fit-content !important; */
}
[class*=pic][class*=flex-] img[class*=pic-]:nth-child(n) {
margin-left: 0; 
}
img[class*=fit], [class*=pic-][class*=fit], .pic-fit {
width: fit-content !important; 
/* max-width: fit-content !important; */
}
}

/* Адаптивные условия (картинки) - 800 */
@media screen and (max-width: 800px) {
div[class*=pic]:not([class*=thumb]) img {
padding-left: var(--tab); 
padding-right: var(--tab); 
}
[class*=post] div[class*=pic]:not([class*=thumb]) img:is([class*=pic-], [class*=thumb]) {
max-width: 100%;
margin-left: auto;
}
[id*=jtg] .modula-item {box-shadow: none}
}

/* Адаптивные условия (картинки) - 600-480 */
@media screen and (max-width: 600px) {
[class*=pic] img[class*=pic-]:nth-child(n) {
width: 100%; 
max-width: 100%; 
}
[class*=parent-pageid-32] div[class*=pic] img {
max-width: 100%;
}
/* Картинка 300px прижата слева */
[class*=cat][class*=flex] .pic-thumb {
width: auto !important; 
max-width: 100%; 
margin: var(--top-H3) auto; 
}
.pic-thumb img {
width: 100%; 
max-width: 300px; 
margin-left: var(--w-padd); 
}
[class*=post] div[class*=pic]:not([class*=thumb]) img[class*=pic-] {
margin-left: 0; 
}
}

/* Адаптивные условия (картинки) - 480 */
@media screen and (max-width: 480px) {
[class*=pic] img {
width: 100% !important; 
max-width: 100% !important; 
/* margin-left: 0 !important; 
margin-right: 0 !important; */
margin-left: auto/* !important*/; 
margin-right: auto/* !important*/;
padding: var(--padd) !important; 
}
/* Выравнивание картинки по центру */
.pic-thumb {
/* margin: var(--1vh) auto; */
max-height: calc(100vmin - 2 * var(--w-padd)); 
} 
.pic-thumb img {display: block}
}

/* ----- */



/* ----- */
/* МЕДИА */
/* ----- */

audio, iframe, object, video {max-width: 100%; height: auto} /* img, */
img {border: 0}
svg:not(:root) {overflow: hidden}


/* ВИДЕО */
/* padding-bottom задаёт высоту контейнера 56.25% (16:9), 75% (4:3) */
.video {
max-width: calc(var(--iframe) + var(--padd) * 2); /* 560px; */
/* margin: var(--top-H1) var(--H1); */
margin-top: var(--top-H1);
margin-bottom: var(--top-H3); 
margin-left: var(--tab); 
margin-right: var(--tab); 
padding: var(--padd); /* 10px; */
}
.video-wrap {
position: relative; 
padding-bottom: 75%; 
height: 0; 
overflow: hidden; 
} 
.video-wrap iframe {
width: 100%; 
height: 100%; 
position: absolute; 
top: 0; 
left: 0; 
border-width: 0; 
outline-width: 0; 
}
.video iframe {
width: calc(var(--iframe) + var(--padd) * 2); 
aspect-ratio: 4/3; 
/* margin: 0 auto; */
/* margin: var(--padd); */
/* padding: var(--padd); */
background: var(--col-back01); 
/* border: 1px solid var(--col-butt01); */
}

/* Текст под видео */
.video p {
width: auto; 
max-width: 100%; 
/* margin-top: 0; */
margin-top: var(--padd); 
margin-bottom: var(--padd); 
/* margin-left: var(--H3); */
/* margin-right: var(--H1); */
padding-left: calc(var(--padd) * 2); 
padding-right: var(--par); 
text-align: left; 
}


/* Адаптивные условия (видео) */
@media screen and (max-width: 1200px) {
.video {/* margin: var(--top-H1) var(--64px) */}
}
@media screen and (max-width: 800px) {
.video {
/* margin: var(--bott-H3) auto; */
margin-left: auto; 
margin-right: auto; 
}
}
@media screen and (max-width: 600px) {
.video {
max-width: 100%; 
margin-left: 0; 
margin-right: 0; 
}
}

/* ----- */



/* ----------- */
/* ADVENT_FEET */
/* ----------- */

/* ADVENT_FEET: нижний блок в Adventure (Координатор и Закрывающую картинку) */
[id*=advent_feet], [id*=advent_feet] [class*=feet] {
/* width: fit-content; */
width: 100%; 
height: min-content; 
min-height: 100px; 
}

/* ADVENT_FEET (flex) */
[id*=advent_feet][class*=flex] {
flex-direction: row-reverse; 
justify-content: space-between; 
}
[id*=advent_feet] :is([class*=right], [class*=close]:not([class*=menu])) {
flex-basis: var(--w-45); 
max-width: var(--w-45); 
/* flex-shrink: 0; */
flex-shrink: 1; 
/* padding-top: var(--36px); */
padding-top: var(--24px); 
padding-left: var(--24px); 
text-align: center; 
} 
[id*=advent_feet] [class*=left] {
flex-basis: var(--w-55); 
max-width: var(--w-55); 
min-width: var(--w-55); 
/* margin-left: var(--w-padd) */
} 
[id*=advent_feet] [class*=left] p {padding: 0}


/* Адаптивные условия (ADVENT_FEET) */
@media screen and (max-width: 1200px) {
[id*=advent_feet][class*=flex] {
display: block; 
max-width: var(--pic-w100); 
/* margin: 0 auto; */
margin-left: 0; 
}
[id*=advent_feet] [class*=feet] {
width: 100%; 
/* max-width: fit-content; */
} 
[id*=advent_feet] :is([class*=left], .feet-left) {
/* max-width: calc(var(--content) - var(--w-padd) * 2); */
max-width: var(--w-coord); 
margin: var(--bott-H3) var(--tab); 
padding: 0;
}
[id*=advent_feet] :is([class*=right], [class*=close]:not([class*=menu]), .feet-right) {
width: auto; 
/* max-width: initial */
max-width: var(--w-55);
margin: var(--top-H3) var(--tab); 
/* margin-left: var(--tab); */
padding: 0; 
float: none; 
}
[id*=advent_feet] :is([class*=close]:not([class*=menu]), .feet-right) img {
width: auto; 
min-width: 700px; 
margin: auto; 
} 
}

@media screen and (max-width: 900px) {
[id*=advent_feet][class*=flex] {
width: 100%; 
max-width: 100%; 
}
[id*=advent_feet] :is([class*=right], [class*=close]:not([class*=menu]), .feet-right) {
width: fit-content; 
/* max-width: var(--pic-w100); */
max-width: 100%; 
margin: var(--top-H3) auto;
}
[id*=advent_feet] :is([class*=left], .feet-left) {
width: 100%; 
/* max-width: 100%; */
/* max-width: var(--pic-w100); */
margin: 0 auto var(--64px); 
/* margin-bottom: var(--64px); */
}
[id*=advent_feet] :is([class*=close]:not([class*=menu]), .feet-right) img {
min-width: auto; 
} 
}

/* ----- */



/* ----------- */
/* COORDINATOR */
/* ----------- */

/* COORDINATOR (общие свойства) */
/* coord - общий блок координаторов (включая заголовки, картинки...). Перенести свойства на внутренние блоки */
.coord, .advent_coord {
max-width: max(900px, var(--content)); 
/* max-width: max(75%, var(--content)); */ 
margin: var(--bott-H3) 0; 
}
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) {
/* max-width: max(900px, var(--content)); */
/* max-width: max(75%, var(--content)); */
max-width: clamp(50%, var(--content), var(--w-70)); /* 70% / 75% */
margin: var(--bott-H3) 0; 
}
[id*=винский] [class*=block-name] {
display: flex; 
width: 100%; 
}
[id*=винский] .butt-name:not(:has(a)) {
/* font-weight: bold; 
padding-top: var(--padd); 
padding-bottom: var(--padd); */
}
[id*=винский] .block-name .butt-name:nth-child(2n+1) {
min-width: 200px; 
}
[id*=винский] .block-name .butt-name:nth-child(2n) {
width: 100%; 
}


/* COORDINATOR (ссылки в тексте) */
#advent_text .coord {
/* width: fit-content; */
max-width: var(--w-coord); /* 76% */
margin: var(--bott-H3) var(--tab); 
/* padding-left: var(--par); */
}

/* COORDINATOR (flex-модель: координатор и закрывающая картинка) */
[id*=advent_feet] :is([class*=left], .feet-left) .coord {
width: 100%; 
max-width: 100%; 
margin: 0; 
}


/* COORDINATOR (блоки кнопок) */
.block-coord {
display: flex; 
width: 100%; 
margin: 2px 0; 
}

.block-name {
/* flex-basis: 47%; */
min-width: 47%; 
} 
#advent_text .block-name {
width: 100%; 
min-width: max(400px, 47%); 
}

.block-x4, .block-x3 {
display: flex; 
/* flex-basis: 53%; */
width: 100%; 
}
.block-x1 {
/* width: auto; 
min-width: 50%; */
/* flex-grow: 1; 
flex-basis: 50% */
width: 100%; 
} 


/* COORDINATOR (КНОПКИ) */
[class*=butt-x], .butt-x4, .butt-x3 {/* align-items: center; justify-content: center; */}
.coord [class*=butt-x] {
/* width: 100%; /* кнопки на ширину блока */
min-width: fit-content; 
flex-grow: 1; /* пропорциональные размеры блоков (вместо width: 100% и padding вокруг текста) */ 
}
.butt-x4 {/* width: calc(100% / 4) */} /* кнопки сжаты */
.butt-x3 {/* width: calc(100% / 3) */} /* кнопки сжаты */
.butt-x1 {width: auto}

[class*=butt-x] a {
text-align:center; 
/* line-height: 1.7; */
/* padding-left: max(var(--15px), 10px); 
padding-right: max(var(--15px), 10px); */
}
[id*=advent_text] .butt-x4 a {
/* padding-left: calc(var(--pic-marg) / 4); 
padding-right: calc(var(--pic-marg) / 4); */
}
[id*=advent_text] .butt-x3 a {
/* padding-left: calc(var(--pic-marg) / 3); 
padding-right: calc(var(--pic-marg) / 3); */
}
[id*=advent_feet] .butt-x4 a {
/* padding-left: max(calc(100% / (4 * 2)), var(--par)); 
padding-right: max(calc(100% / (4 * 2)), var(--par)); */
}
[id*=advent_feet] .butt-x3 a {
/* padding-left: max(calc(100% / (3 * 2)), var(--par)); 
padding-right: max(calc(100% / (3 * 2)), var(--par)); */
}
.butt-x1 a {
padding: var(--padd) max(var(--pic-marg), 15px); 
}

.butt-name a {
font-weight: bold; 
/* min-width: max-content; */
} 
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) .butt-name {padding: 2px 0}
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) .butt-name a {
padding-top: var(--padd); /* 10px */
padding-bottom: var(--padd); /* 10px */
}

.form-submit {text-align:end}


/* Адаптивные условия (COORDINATOR) */
@media screen and (max-width: 1200px) {
.coord {/* max-width: 100%; */} 
#advent_text .coord {width: auto}
#advent_feet .coord {/* max-width: calc(var(--content) - var(--w-padd) * 2); */}
.block-name {width: auto} 
.block-x1 {min-width: auto} 
.butt-x1 {width: initial} 
[class*=butt-x] a {
/* padding-left: initial; 
padding-right: initial; */ 
}
}

@media screen and (max-width: 1024px) {
[id^=блок][id*=винский] {
max-width: 100%; 
}
}

@media screen and (max-width: 900px) {
.coord {
/* max-width: 100%; */
/* margin: 0; 
padding: 0; */
}
#advent_feet .coord {
/* width: 100%; 
margin: var(--bott-H3) 0; */
width: auto; 
max-width: var(--w-coord);
/* margin: var(--bott-H3) var(--tab); */
margin: var(--bott-H3) auto; 
}
#advent_text .block-name {
/* width: 100%; */
max-width: 100%; 
min-width: auto; 
}
.coord [class*=butt-x] {/* width: inherit */}
[class*=butt-x] a {
/* padding: var(--padd) calc(var(--pic-marg) / 4); */
/* padding: var(--padd) var(--16px); */
}
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) {
/* max-width: max(calc(900px - var(--w-padd) * 2), var(--content)); */
/* max-width: 70%; */
max-width: clamp(50%, var(--content), var(--w-70)); /* 70% */ 
}
}

@media screen and (max-width: 800px) {
#advent_text .block_coord {display: block !important}
#advent_text [class*=block-x] {width: auto}
[class^=butt-x] a {/* padding: var(--padd) var(--16px) */}
#advent_feet .coord {margin: var(--bott-H3) var(--tab)}
[id^=блок]:is([id*=винский], [id*=координатор], [id*=глаголы], [id*=вирши]) {
max-width: var(--w-100);  
}
}

@media screen and (max-width: 700px) {
#advent_text .block-coord {
display: block; 
max-width: var(--content); 
}
#advent_text [class*=block-x] {width: 100%}
}

@media screen and (max-width: 600px) {
.coord {/* margin: 0 auto !important */}
#advent_feet .coord {/* margin: var(--bott-H3) 0 */}
.block-coord {
display: block; 
width: 100%; 
} 
#advent_feet .block-coord {max-width: var(--content)}
.feet-left > .coord {margin: 0 auto}
[class*=block-x] {
/* width: 100% !important; */
min-width: auto; 
}
}

/* 500px! (не 480px) */
@media screen and (max-width: 500px) {
.block-coord {max-width: 100%}
}

@media screen and (max-width: 480px) {
:is(#advent_text, #advent_feet) .block-coord {max-width: none}
}

@media screen and (max-width: 400px) {
:is(#advent_text, #advent_feet) .coord {margin: var(--bott-H3) 0}
}

/* ----- */



/* ----------------------- */
/* БЛОК КНОПОК И НАВИГАЦИИ */
/* ----------------------- */

/* Общие свойства блоков кнопок (разобраться с block-butt, block-coord, block-turn) */
[class*=block]:not([class*=name]) {
/* display: flex; */
/* width: 100%; */
/* width: max-content; 
max-width: 100%; */
/* margin: 2px 0; */
}

/* Блок кнопок и навигации (назад, вверх, далее) */
.block-turn, .block-butt {
display: flex; 
width: max-content; 
max-width: 100%; 
/* margin: var(--top-H1) var(--tab) 0; */
margin: calc(var(--top-H1) * 2) var(--tab) 0;
}
.block-turn {
/* margin: var(--top-H1) var(--tab) 0; */
/* padding-bottom: var(--top-H3); */
margin-bottom: var(--top-H3); 
}
/* Исключение двойного отступа внизу страницы  */
.block-turn + .end {/* margin-top: calc(var(--top-H3) * (-1)) */} /* замена на padding? */

/* ----- */



/* ------- */
/* BUTTONS */
/* ------- */

/* КНОПКИ (общие свойства) */
[class^=butt], .form-submit, 
:is(.block-turn, .block-butt) div {
margin: 2px; 
padding: 0; 
} 

:is([class*=butt], [class*=turn]) a {
display: block; 
padding-top: var(--padd); 
padding-bottom: var(--padd); 
padding-left: max(var(--10px), var(--padd)); /* 8px */
padding-right: max(var(--10px), var(--padd));
}
:is([class*=butt], [class*=turn]):not([class*=butt-x]) a {
padding-left: max(var(--15px), 10px); 
padding-right: max(var(--15px), 10px); 
}
:is([class*=butt], [class*=turn]):not([class*=name]) a {text-align: center} 


/* КНОПКА - ЧИТАТЬ ДАЛЕЕ */
.more-link {
display: block; 
width: max-content; 
margin: 10px 0; 
padding: var(--padd) max(var(--par), var(--20px));
text-indent: 0; 
float: right; 
/* cursor: pointer; */
}
/* Удаление лишней строчки в тексте для more */
[id*=more] {display: none}


/* Адаптивные условия (Кнопки) */
@media screen and (max-width: 900px) {
.block-turn {
/* margin-top: calc(var(--top-H1) * 2); */
}
}
@media screen and (max-width: 700px) {
:is([class*=butt], [class*=turn]) a {
/* display: grid; 
height: 100%; 
align-items: center; */
/* padding: var(--padd) var(--16px); */
} 
}

@media screen and (max-width: 600px) {
[id^=блок] {min-width: 100%}
:is(.block-turn, .block-butt) div {margin: 2px}
.block-butt div {
width: 100%; 
max-width: 100%; 
}
[class^=butt] a {/* padding: var(--padd) max(var(--30px), 15px)*/} 
}

@media screen and (max-width: 480px) {
.block-turn, .block-butt {
width: auto; 
max-width: 100%;
/* margin: var(--top-H1) 0; */
/* margin: var(--top-H1) auto; */
}
.block-turn div, .butt-turn {flex-grow: 1}
.block-butt {
/* width: auto; 
margin: var(--top-H3) auto; */
}
}

@media screen and (max-width: 400px) {
[class*=block] {
margin-left: 0; 
margin-right: 0; 
}
}


/* SCROLLUP */
.goOnTop {display: none}
#scrollup, [id*=scroll]/*, 
.scrollup, [class*=scroll]*/ {
width: auto; 
border: 0; 
display: none; 
position: fixed; 
z-index: 2; 
height: 50px; 
bottom: var(--bott-H3); 
right: 20px; 
padding: 0 13px; 
/* cursor: pointer; */
}

/* Адаптивные условия (SCROLLUP) */
@media screen and (max-width: 800px) {
#scrollup, [id*=scroll]/*, 
.scrollup, [class*=scroll]*/ {
height: 40px; 
bottom: 14px; 
right: 14px; 
padding: 0 8px; /* 9px */
}
}
@media screen and (max-width: 480px) {
#scrollup, [id*=scroll]/*, 
.scrollup, [class*=scroll]*/ {padding: 0 12px}
}
@media screen and (max-width: 360px) {
#scrollup, [id*=scroll]/*, 
.scrollup, [class*=scroll]*/ {padding: 0 8px}
}

/* SCROLL */
#scroll {
display: none; 
position: fixed; 
z-index: 2; 
height: 50px; 
bottom: 20px; 
right: var(--20px); 
padding: 0 var(--13px); 
}
.scroll {
width: auto !important; 
padding: var(--padd) var(--30px); 
font-size: var(--f14); 
}

/* ---- */



/* ----------- */
/* FLEX-МОДЕЛЬ */
/* ----------- */

/* FLEX (общие свойства) */
[class*=flex] {
display: flex; 
/* margin: 0; */
}
[class*=flex][class*=left] {justify-content: left}
[class*=flex][class*=center] {justify-content: center}
[class*=flex][class*=rev], 
[class*=post][class*=flex], 
[class*=pic][class*=rev] {flex-direction: row-reverse}
[class*=flex-block], [class*=block][class*=flex] {justify-content: left}

/* FLEX-X2 (2 колонки - 50%) */
[class*=flex]:not([id*=feet], [class*=coord], [class*=x1], [class*=cat]) div:not([class*=ancor]) {flex-basis: 50%}

[class*=flex][class*=cat] div.entry {
flex-basis: var(--w-75); 
flex-shrink: 0; 
}
.flex-cat, [class*=flex][class*=cat] {
flex-direction: row-reverse; 
justify-content: space-between; 
}

/* 3 колонки */
[class^=flex3] *, [class^=flex-x3] *, [class*=flex][class*=x3] * {flex-basis: calc(100% / 3)}


/* Отмена FLEX (NEWS/BLOG) */
body[class*=category]:is([class*=news], [class*=blog]) [class*=flex][class*=cat] {display: block}


/* Адаптивные условия (FLEX) */
@media screen and (max-width: 1200px) {
:is([class*=flex]/*, [class*=pic]*/):not([class*=pic-], [class*=coord], [class*=cat], [class*=post], 
[class*='1024'], [class*='900'], [class*='800'], [class*='700'], [class*='600'], [class*='480'], [class*='360']), 
[class*=flex-block] {
display: block; 
/* margin: 0; */
}
}

@media screen and (max-width: 1024px) {
:is([class*=flex], [class*=pic]):is([class*='1024'], [class*='900']) {display: block}
}

@media screen and (max-width: 900px) {
[class*=flex] {
/* display: block; 
margin: 0; */
}
:is([class*=flex], [class*=pic]):is([class*='1024'], [class*='900']) {display: block}
[class*=flex]:not([id*=feet], [class*=flex-]) div:not([class*=coord] *, [class*=lir]) {
max-width: initial; 
/* margin: 0 var(--64px); */
} 
[class*=post][class*=flex] div[class*=pic] {margin-top: var(--bott-H3) !important}
[class*=flex][class*=cat] div.entry {
flex-basis: var(--w-70); /* 70%; - перенесено в root */
flex-shrink: initial; 
}
.pic-thumb, [class*=thumb]:not(img) {
flex-basis: calc(100% - var(--w-70)); /* 30%; - перенесено в root */
}
}

@media screen and (max-width: 800px) {
:is([class*=flex], [class*=pic]):is([class*='800']) {display: block}
}

@media screen and (max-width: 600px) {
:is([class*=flex], [class*=pic]):is([class*='700'], [class*='600']), 
.flex-cat, [class*=flex][class*=cat] {display: block}
[class*=flex]:not([class*=flex-]) div:not([class*=coord] *, [class*=lir], [class*=butt]) {
max-width: 100%;
/* margin: 0 var(--w-padd); */
margin: 0 auto; 
} 
}

/* ----- */



/* ОТОБРАЖЕНИЕ БЛОЧНЫХ ЭЛЕМЕНТОВ */
.table-cell {display: table-cell; width: 100%; float: none}
.display-block {display: block}
.display-grid {display: grid}
.display-flex {display: flex; height: 100%}
.display-contents {display: contents}
.display-ruby {display: ruby} 
.display-rubybcont {display: ruby-base-container} 
.inline-block {
display: inline-block; 
width: available; 
}
.span-block {
display: block; 
width: 100%; 
}

/* Отмена отображения */
.display-none, .disp-none, .none {display: none !important}

/* Адаптивные условия (отображение) */
@media screen and (min-width: 500px) and (max-width: 1600px) {.disp500, .display500 {display: none !important}}

@media screen and (max-width: 1260px) {.msyde1280, .msyde, .mnone1280 {display: none !important}}
@media screen and (max-width: 1200px) {.msyde1200, .msyde, .mnone1200 {display: none !important}}
@media screen and (max-width: 1024px) {.none1024, .disp-none, .display-none {display: none !important}}
@media screen and (max-width: 900px) {.none900, .disp-none900, .display-none900 {display: none !important}}
@media screen and (max-width: 800px) {.none800, .disp-none800, .display-none800 {display: none !important}}
@media screen and (max-width: 600px) {.none600, .disp-none600, .display-none600 {display: none !important}}
@media screen and (max-width: 500px) {.none500, .disp-none500, .display-none500 {display: none !important}}
@media screen and (max-width: 480px) {.none480, .disp-none480, .display-none480 {display: none !important}}

@media screen and (min-width: 900px) {.disp900, .display900 {display: inherit}}
@media screen and (min-width: 800px) {.disp800, .display800 {display: inherit}}


/* ОБТЕКАНИЕ */
[class*=floatl], .floatl, .float-left {float: left}
[class*=floatr], .floatr, .float-right {float: right}
[class*=floatn], .floatn, .float-none {float: none}
.clear, .clr {clear: both}

/* Адаптивные условия (обтекание) */
@media screen and (max-width: 1200px) {.floatl-1200 {float: none}}
@media screen and (max-width: 1024px) {.floatl-1000 {float: none}}
@media screen and (max-width: 900px) {.floatl, .float-left, .floatr, .float-right, .floatl-900 {float: none; clear: both}}
@media screen and (max-width: 800px) {.floatl-800 {float: none}}
@media screen and (max-width: 700px) {.floatl-700 {float: none}}
@media screen and (max-width: 600px) {.floatl-600 {float: none}}
@media screen and (max-width: 480px) {.floatl-500 {float: none}}

@media screen and (max-width: 800px) {.clear800 {clear: both}}
@media screen and (max-width: 700px) {.clear700 {clear: both}}
@media screen and (max-width: 600px) {.clear600 {clear: both}}
@media screen and (max-width: 480px) {.clear480 {clear: both}}
@media screen and (max-width: 480px) {.floatl, .float-left, .float-right {clear: both}}


/* ЦЕНТРИРОВАНИЕ */
.left, .txt-left {text-align: left}
.center, .txt-center, .align-center {text-align: center}
.right, .txt-right {text-align: right}
.marg-auto, .marg-center {margin-left: auto; margin-right: auto; text-align: center}


/* СЛОИ (z-index) */
.z0 {z-index: 0}
.z1 {z-index: 1}
.z3 {z-index: 3}
.z5 {z-index: 5}
.z6 {z-index: 6}
.z9 {z-index: 9}
.z10 {z-index: 10}
.z15 {z-index: 15}
.z20 {z-index: 20}
.z50 {z-index: 50}

/* ----- */



/* ПОЛЯ, ОТСТУПЫ, ГРАНИЦЫ - базовые размеры */
/*
12px = 1.4065vw 
36px = 2.813vw - левое поле
48px = 3.75vw - правый отступ, табуляция
64px = 5vw
80px = 6.25vw
84px = (2.813 + 3.75) = 6.563vw - красная строка
152px = 11.875vw
*/

/* ПОЛЯ, ОТСТУПЫ, ГРАНИЦЫ (принудительно) */
/* (margin - внешние ПОЛЯ, padding - внутренние ОТСТУПЫ) */
/* Легенда 
1vw = 1280px/100, 1vh = 1024/100. Xpx/12.8px = vw, Xpx/10.24 = vh
2px = 0.1953vh / 0.1563vw
3px = 0.2930vh / 0.2344vw
5px = 0.4883vh / 0.3906vw
7px = 0.6836vh / 0.5469vw
10px = 0.9766vh / 0.7813vw
15px = 1.4648vh / 1.1719vw
20px = 1.9531vh / 1.5625vw
*/


/* ALIGN */
/* vertical-align */
.vtop, .verttop, .vert-align-top {vertical-align: top}
.vmid, .vertmid, .vert-align-mid {vertical-align: middle}
.vbott, .vertbott, .vert-align-bott {vertical-align: bottom}


/* MARGIN */
/* margin-full */
.marg-full3 {margin: 3px var(--3px)}
.marg-full5 {margin: 5px var(--5px)}
.marg-full10 {margin: 10px var(--10px)}

/* margin-vertical */
/* без явного указания боковых полей */
.marg-vert0, .vert0 {
margin-top: 0 !important; 
margin-bottom: 0 !important
}
.marg-vert, .vert/*, :is([class*=big], [class*=large])*/ {
margin-top: var(--top-H4); /* var(--top-H3) */
/* margin-bottom: var(--top-H3); */
margin-bottom: var(--top-H4);
}
.marg-vert10, .vert10 {margin-top: 10px !important; margin-bottom: 10px !important}
.marg-vert20, .vert20 {margin-top: 20px !important; margin-bottom: 15px !important}
.marg-vert40, .vert40 {margin-top: 4vh !important; margin-bottom: 3vh !important} 
.marg-vert60, .vert60 {margin-top: 6vh !important; margin-bottom: 4vh !important} 
.marg-vert80, .vert80 {margin-top: 8vh !important; margin-bottom: 6vh !important} 
.marg-vert100, .vert100 {margin-top: 10vh !important; margin-bottom: 8vh !important} 

/* боковые поля - auto (выравнивание по центру) */
.marg-vert2-auto, .vert2-auto {margin: 2px auto} /* 2px 0, 0.1563vw 0 */
.marg-vert3-auto, .vert3-auto {margin: 3px auto} /* 3px 0, 0.2344vw 0 */
.marg-vert5-auto, .vert5-auto {margin: 5px auto} /* 5px 0, 0.3906vw 0 */
.marg-vert7-auto, .vert7-auto {margin: 7px auto} /* 7px 0, 0.5469vw 0 */
.marg-vert10-auto, .vert10-auto {margin: 10px auto} /* 10px 0, 0.7813vw 0 */
.marg-vert15-auto, .vert15-auto {margin: 15px auto}

/* margin-width */
.marg-width10 {margin-left: var(--10px); margin-right: var(--10px)} /* 10px */
.marg-width15 {margin-left: var(--15px); margin-right: var(--15px)} /* 15px */
.marg-width20 {margin-left: var(--20px); margin-right: var(--20px)} /* 20px */
.marg-width84 {margin-left: var(--84px); margin-right: var(--84px)}

/* Стандартное левое поле - 36px (замена табуляции, см. аналог - nontab) */
.marg , .marg-left, .marg-left36, .lmarg {
margin-left: var(--tab) !important; 
text-indent: 0 !important; 
}

/* margin-left */
.marg-left0, .lmarg0 {margin-left: 0 !important}
.marg-left36, .lmarg36 {margin-left: var(--36px) !important}
.marg-left48, .lmarg48 {margin-left: var(--48px) !important}
.marg-left64, .lmarg64 {margin-left: var(--64px) !important}
.marg-left80, .lmarg80 {margin-left: var(--80px) !important}
.marg-h1, .marg-left104, .lmarg104 {margin-left: var(--104px) !important} /* heading, h1 */
.marg-left120, .lmarg120 {margin-left: var(--120px) !important}
.marg-left150, .lmarg150 {margin-left: var(--152px) !important}
.marg-left180, .lmarg180 {margin-left: var(--180px) !important}
.marg-left200, .lmarg200 {margin-left: var(--200px) !important}

/* margin-right */
.marg-right48 {margin-right: var(--48px) !important}
.marg-right80 {margin-right: var(--80px) !important}
.marg-right120 {margin-right: var(--120px) !important}

/* margin-top */
[class*=marg][class*=top] {margin-bottom: inherit}
.marg-top {margin-top: calc(var(--padd) * 3) !important} /* 21px */
.marg-top10 {margin-top: 10px !important}
.marg-top15 {margin-top: 15px !important}
.marg-top20 {margin-top: 20px !important}
.marg-top40 {margin-top: 4vh !important}
.marg-top60 {margin-top: 6vh !important}
.marg-top80 {margin-top: 8vh !important}

/* margin-bottom */
[class*=marg][class*=bott], [class^=mbott] {margin-top: inherit}
.marg-bott10 {margin-bottom: 10px !important}
.marg-bott15 {margin-bottom: 15px !important}
.marg-bott20 {margin-bottom: 20px !important}
.marg-bott40 {margin-bottom: 40px !important}
.marg-bott60 {margin-bottom: 60px !important}
.marg-bott80 {margin-bottom: 80px !important}


/* PADDING */
/* padding-full */
.padd0 {padding: 0}
.padd-full2, .padd2 {padding: 2px}
.padd-full5, .padd5 {padding: 5px}
.padd-full10, .padd10 {padding: 10px var(--10px)}

/* padding-vertical */
.padd-vert10 {padding-top: 0.8% !important; padding-bottom: 0.8% !important} /* 10px */
.padd-vert20 {padding-top: 1.6% !important; padding-bottom: 1.6% !important} /* 20px */
.padd-vert30 {padding-top: 2.4% !important; padding-bottom: 2.4% !important} /* 30px */
.padd-vert40 {padding-top: 3% !important; padding-bottom: 3% !important} /* 40px */
.padd-vert50 {padding-top: 3.75% !important; padding-bottom: 3.75% !important} /* 50px */

/* padding-width */
.padd-width10 {padding-left: 0.8% !important; padding-right: 0.8% !important} /* 10px */
.padd-width20 {padding-left: 1.6% !important; padding-right: 1.6% !important} /* 20px */
.padd-width30 {padding-left: 2.4% !important; padding-right: 2.4% !important} /* 30px */
.padd-width40 {padding-left: 3% !important; padding-right: 3% !important} /* 40px */
.padd-width50 {padding-left: 3.75% !important; padding-right: 3.75% !important} /* 50px */
.padd-width80 {padding-left: 6% !important; padding-right: 6% !important} /* 80px */

/* padding-left */
.padd-left2 {padding-left: var(--2px)} /* 2px */
.padd-left3 {padding-left: var(--3px)} /* 3px */
.padd-left5 {padding-left: var(--5px)} /* 5px */
.padd-left7 {padding-left: var(--7px)} /* 7px */
.padd-left10 {padding-left: var(--10px) !important} /* 10px */
.padd-left15 {padding-left: var(--15px) !important} /* 15px */
.padd-left20 {padding-left: var(--20px) !important} /* 20px */
.padd-left30 {padding-left: var(--30px) !important} /* 30px */
.padd-left40 {padding-left: var(--40px) !important} /* 40px */
.padd-left50 {padding-left: var(--50px) !important} /* 50px */
.padd-left80 {padding-left: var(--80px) !important} /* 80px */

/* padding-right */
.padd-right2 {padding-right: var(--2px)} /* 2px */
.padd-right3 {padding-right: var(--3px)} /* 3px */
.padd-right5 {padding-right: var(--5px)} /* 5px */
.padd-right7 {padding-right: var(--7px)} /* 7px */
.padd-right10 {padding-right: var(--10px)} /* 10px */
.padd-right20 {padding-right: var(--20px)} /* 20px */

/* padding-top */
.padd-top2, [class*=padd][class*=top][class*='2'] {padding-top: 2px}
.padd-top3, [class*=padd][class*=top][class*='3'] {padding-top: 3px}
.padd-top5, [class*=padd][class*=top][class*='5'] {padding-top: 5px}
.padd-top7, [class*=padd][class*=top][class*='7'] {padding-top: 7px}
.padd-top10, [class*=padd][class*=top][class*='10'] {padding-top: 10px}
.padd-top20, [class*=padd][class*=top][class*='20'] {padding-top: 20px}

/* padding-bottom */
.padd-bott2, [class*=padd][class*=bott][class*='2'] {padding-bottom: 2px}
.padd-bott3, [class*=padd][class*=bott][class*='3'] {padding-bottom: 3px}
.padd-bott5, [class*=padd][class*=bott][class*='5'] {padding-bottom: 5px}
.padd-bott7, [class*=padd][class*=bott][class*='7'] {padding-bottom: 7px}
.padd-bott10, [class*=padd][class*=bott][class*='10'] {padding-bottom: 10px}
.padd-bott20, [class*=padd][class*=bott][class*='20'] {padding-bottom: 20px}

/* Адаптивные условия (padd) */
@media screen and (max-width: 700px) {
[class*=padd][class*=vert] {padding: initial}
[class*=padd] {padding: initial} /* поиск классов с текстом padd */
}

/* ---- */



/* ------------- */
/* ШИРИНА-ВЫСОТА */
/* ------------- */

/* ШИРИНА */
.fill {width: fill-available; width: -webkit-fill-available; width: -moz-available}

/* Свойства W не подвергаются изменениям и ограничениям размеров! */
/* Свойства M изменяемые */
/* Общие свойства картинок определены в разделе Картинки */
.mob {}

/* Кратные форматы */
.m30, .mob30 {width: 30%; max-width: 30%; flex-basis: 30%}
.m40, .mob40 {width: 40%; max-width: 40%; flex-basis: 40%}
.m50, .mob50 {width: 50%; max-width: 50%; flex-basis: 50%}
.m60, .mob60 {width: 60%; max-width: 60%; flex-basis: 60%}
.m70, .mob70 {width: 70%; max-width: 70%; flex-basis: 70%}
.m80, .mob80 {width: 80%; max-width: 80%; flex-basis: 80%}
.m90, .mob90 {width: 90%; max-width: 90%; flex-basis: 90%}
.m100, .mob100, .mfull, .mobfull {width: 96%; max-width: 96%; flex-basis: 96%} /* width: 90.0%; max-width: 1100px */

/* .m32, .m38, .m40, .m41, .m42, .m43, .m44, .m45, .m46, 
.m47, .m48, .m49, .m50, .m51, .m54, .m55, .m57 {max-width: 1100px} /* max-width: 870px */
.m32, .mob32 {width: 32%; max-width: 32%; flex-basis: 32%}
.m35, .mob35 {width: 35%; max-width: 35%; flex-basis: 35%}
.m38, .mob38 {width: 38%; max-width: 38%; flex-basis: 38%}
.m41, .mob41 {width: 41%; max-width: 41%; flex-basis: 41%}
.m42, .mob42 {width: 42%; max-width: 42%; flex-basis: 42%}
.m43, .mob43 {width: 43%; max-width: 43%; flex-basis: 43%}
.m44, .mob44 {width: 44%; max-width: 44%; flex-basis: 44%}
.m45, .mob45 {width: 45%; max-width: 45%; flex-basis: 45%}
.m46, .mob46 {width: 46%; max-width: 46%; flex-basis: 46%}
.m47, .mob47 {width: 47%; max-width: 47%; flex-basis: 47%}
.m48, .mob48 {width: 48%; max-width: 48%; flex-basis: 48%}
.m49, .mob49 {width: 49%; max-width: 49%; flex-basis: 49%}
.m51, .mob51 {width: 51%; max-width: 51%; flex-basis: 51%}
.m54, .mob54 {width: 54%; max-width: 54%; flex-basis: 54%}
.m55, .mob55 {width: 55%; max-width: 55%; flex-basis: 55%}
.m57, .mob57 {width: 57%; max-width: 57%; flex-basis: 57%}

/* Адаптивные условия (mob) */
/* Общие свойства картинок определены в разделе Картинки */
/* @media screen and (max-width: 1200px) {.m100, .mfull {width: 90% !important}} */
/* @media screen and (max-width: 1024px) {
.mob, .m30, .m60, .m70, .m80, .m90, 
.m32, .m38, .m40, .m41, .m42, .m43, .m44, .m45, .m46, 
.m47, .m48, .m49, .m50, .m51, .m54, .m55, .m57
 {width: 90% !important; min-width: 250px}
} */

/* ---- */


/* ВЫСОТА */
.h47 {height: 47%}
.h90 {height: 90%}
.h95 {height: 95%}
.h100 {height: 100%}
.hauto {height: auto}

/* ----- */



/* ------------- */
/* РАЗМЕР ШРИФТА */
/* ------------- */

/* ЕДИНИЦЫ ИЗМЕРЕНИЯ */
/* 
pt - абс.ед. 
px - элементарная точка, зависит от разрешения экрана
em - пропорциональный размер относительно родительского элемента
rem - пропорциональный размер относительно базового элемента html
vw, vh - пропорциональный размер относительно ширины/высоты экрана

Базовый шрифт по умолчанию для Mozilla - 16px = 100% = 1rem
rem задает базовый формат сайта/браузера, em - относительный от родителя
*/

/* ШРИФТЫ - базовые размеры */
/* (font0 - без k-font, font - c учетом k-font) */
/* 
14.69px = var(--font) = .918rem (OLD - базовый шрифт сайта)
14.75px = var(--font-nk) = .9219rem (NEW - базовый шрифт сайта) 
14.75px = calc(var(--font-nk) * var(--k-font)) = .9219rem * k-увеличения (NEW - базовый шрифт сайта)

var(--1rem) = var(--rem1) = var(--rem100) = 1rem = 16px

var(--rem82) = .825rem = 13.2px
var(--rem84) = .84rem = 13.44px
var(--rem85) = .85rem = 13.6px
var(--rem9) = .9rem = 14.4px - NEW
var(--rem9) = .90625rem = 14.5px - OLD
var(--rem95) = .95rem = 15.2px
var(--rem96) = .96rem = 15.36px
var(--rem97) = .97rem = 15.52px
var(--rem105) = 1.063rem = 17px
var(--rem110) = 1.1rem = 17.6px
var(--rem120) = 1.2rem = 19.2px
var(--rem135) = 1.35rem = 21.6px
*/

/* Гарнитура шрифта (font-weight) :
Thin - 100 
Light - 300 
Book - 300-400 (?)
Regular - 400 (normal) 
Middle/Medium - 500 
SemiBold - 600 
Bold - 700 
ExtraBold - 800 
Black - 900 
*/

/* Ширина шрифта (font-stretch) :
Condensed - Суженное 
SemiExpanded - Полурасширенное 
Expanded - Расширенное 
 */

.font {font-size: var(--font)} /* 14.75px = .9219rem (NEW базовый шрифт сайта) */

.f5 {font-size: var(--f5)} /* 4.5px = .2755rem */
.f6 {font-size: var(--f6)} /* 6px = .375rem */
.f7 {font-size: var(--f7)} /* 7px = .4375rem */
.f8 {font-size: var(--f8)} /* 8px = .5rem */
.f9 {font-size: var(--f9)} /* 9px = .5625rem */
.f10 {font-size: var(--f10)} /* 10px = .625rem */
.f11 {font-size: var(--f11)} /* 11px = .6875rem */
.f12 {font-size: var(--f12)} /* 12px = .75rem */
.f13 {font-size: var(--f13)} /* 13px = .813rem */
.f14 {font-size: var(--f14)} /* 14px = .875rem */
.f15 {font-size: var(--f15)} /* 15px = .9375rem */
.f16 {font-size: var(--f16)} /* 16px = 1rem = var(--rem100) */
.f17 {font-size: var(--f17)} /* 17px = 1.063rem = var(--rem105) */
.f18 {font-size: var(--f18)} /* 18px = 1.125rem */
.f20 {font-size: var(--f20)} /* 20px = 1.25rem */
.f22 {font-size: var(--f22)} /* 22px = 1.375rem */
.f24 {font-size: var(--f24)} /* 24px = 1.5rem */
.f26 {font-size: var(--f26)} /* 26px = 1.625rem */
.f29 {font-size: var(--f29)} /* 29px = 1.8125rem */
.f32 {font-size: var(--f32)} /* 32px = 2.0rem */

@media screen and (max-width: 600px) {.f13, .f14, .f15, .f16, .f17, .f18, .f20, .f22, .f24, .f26, .f29, .f32 {font-size: initial}}
@media screen and (max-width: 480px) {.f5, .f6, .f7, .f8, .f9, .f10, .f11, .f12 {font-size: initial}}

/* ----- */


/* Базовый шрифт сайта */
/* :is(#advent, .advent) :not(p a.moder) {font-size: var(--font)} */


/* Базовый шрифт без увеличения (Меню, кнопки, блоки-ссылки...) */
[class*=menu] li, li[class*=menu],
:is(nav, [class*=nav], [class*=pagination], [class*=coord]) :is([class*=block]):not([class*=butt]) {
/* --k-font: 1.0; */
font-size: var(--font-nk); 
}


/* ЗАГОЛОВКИ (VERDANA) */
:is(h1, h2)[class*=verdana] {font-size: calc(var(--f-verdana) * 1.1)} /* var(--1rem) / var(--rem110) */
h3[class*=verdana] {font-size: calc(var(--f-verdana) * 1.05)} /* var(--rem105) */
h4[class*=verdana] {font-size: var(--f-verdana)} /* 16px */
h5[class*=verdana] {font-size: calc(var(--f-verdana) * 0.85)} /* var(--rem95) */

/* Адаптивные условия (заголовки VERDANA) */
@media screen and (max-width: 900px) {
/* :is(h1, h2)[class*=verdana] {font-size: var(--1rem)} 
:is(h3, h4, h5)[class*=verdana] {font-size: calc(var(--1rem) * 0.95)} */
}

/* Bebas */
.bebas {/* font-size: var(--f-bebas) */}
.logo-link {
/* --k-font: 1.2 !important; 
font-size: var(--f22); */
font-size: var(--f22-nk) 
}
.prom_align h2 {
font-size: var(--f29); 
text-transform: uppercase; 
} 

/* ЗАГОЛОВКИ BEBAS */
h1, h1[class*=bebas] {
font-size: calc(var(--f-bebas) * 1.2); 
text-transform: uppercase; 
}

h2, h2[class*=bebas] {font-size: calc(var(--f-bebas) * 1.1)}
h3, h3[class*=bebas] {font-size: calc(var(--f-bebas) * 1.0)} /* 1.05 */
h4, h4[class*=bebas] {font-size: calc(var(--f-bebas) * 1.0)} /* 1.0 / 0.95 */
h5, h5[class*=bebas] {font-size: calc(var(--f-bebas) * 1.0)} /* 0.85 */

/* Адаптивные условия (заголовки Bebas) */
@media screen and (max-width: 900px) {
h1, h1[class*=bebas] {font-size: calc(var(--f-bebas) * 1.1)}
h2, h2[class*=bebas] {font-size: calc(var(--f-bebas) * 1.0)}
h3, h3[class*=bebas] {font-size: calc(var(--f-bebas) * 0.95)}
h4, h5, :is(h4, h5)[class*=bebas] {font-size: calc(var(--f-bebas) * 0.95)} /* 0.8 */
.logo-link {font-size: calc(var(--f22-nk)  * 1.2)}
}


/* ПАРАГРАФЫ */
/* div:not([class*=typer]) :is(p, span, ul, ol):not([class]) {font-size: var(--font)} */
/* :is(ul, ol):not([class]) {font-size: var(--font)} */
.quot, .quot p, .cite, [class*=lir], .poem {font-size: var(--font)}
#advent li {
/* font-size: var(--rem9) */
}
.comm p, p.comm, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) /* , p.dir */ {
/* font-size: var(--rem95); */
font-size: var(--rem97); 
}
.sub-title, .loc, .date, .logo {
/* font-size: var(--rem9); */
font-size: var(--rem95); 
}

/* Увеличенный текст (цитаты, комменты, выделенные мысли) с индексом large/big */
p:is([class*=large], [class*=big]), 
:not([class*=menu])li, 
:is(.din, .quot, .cite, .comm, :is(.din, .quot, .cite, .comm) p, 
[class*=din], [class*=quot], [class*=cite], 
:is([class*=din], [class*=quot], [class*=cite]) p, 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p):is([class*=large], [class*=big]) {
font-size: calc(var(--font) * 1.06); /* 1.1 */ 
}


/* Подписи к картинкам, alt-текст, Сноски, Тэги */
div[class^=pic] p, p[class^=pic], [class^=pic] img, 
.modula-galery p, 
.video p {font-size: var(--rem9)} /* .84-.85rem */
.note :is(h6, div, p) {font-size: var(--rem9)} /* rem85 */
a:is([id^=n], /*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* font-size: var(--f18); /* Roboto */
/* font-size: var(--rem85); /* Tahoma */
/* font-size: var(--rem120); /* Bebas */
font-size: var(--f7); /* Font Awesome */
/* font-size: var(--f8); /* Font Awesome */
}
:not(body).tag, .tags, [class*=bread] {font-size: var(--rem9)} /* rem84 */

/* Buttons */
[class*=butt]:not(.butt-name), [class*=turn], .more-link, .page-numbers {font-size: var(--rem9-nk)}
.butt-name {font-size: var(--rem92-nk)}
/* :is(.block-turn, .block-butt) a, .more-link, .page-numbers {font-size: var(--rem95)}
[class^=butt] a {font-size: var(--rem85)} /* rem82-85-90 */


/* Скрытый, модерированный */
h1 > a.moder {font-size: inherit}
.moder, p > a.moder, .moder a {font-size: var(--f12)/* f11 !important*/}


/* Прочие */
.center-left {font-size: var(--font)}


/* Адаптивные условия (размер шрифта) */
@media screen and (max-width: 1200px) and (min-width: 800px) {
[class*=butt]:not(.butt-name), [class*=turn], .more-link, .page-numbers {/* font-size: var(--rem9-nk) */}
.butt-name {font-size: var(--rem110-nk)} /* var(--font-nk) */
}

@media screen and (max-width: 800px) and (min-width: 600px) {
[class*=butt]:not(.butt-name), [class*=turn], .more-link, .page-numbers {/* font-size: var(--rem9-nk) */}
.butt-name {font-size: var(--font-nk)} /* var(--rem105-nk) / var(--font-nk) */
}

@media screen and (max-width: 600px) {
/* #advent :is(p, li, p.dir, p.comm, .comm p, p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm]), [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p, .sub-title, .loc, .date, .logo):not(.typer p) {font-size: var(--rem82)}
:is(.block-turn, .block-butt) div {font-size: var(--rem82)}
[class^=butt] a {font-size: var(--rem82)} */
#advent :is(p, li, p.dir, 
p.comm, .comm p, 
p[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p, 
.sub-title, .loc, .date, .logo):not(.typer p, p.typer) {font-size: var(--rem95)}
/*:is([class*=butt], [class*=turn]) {font-size: var(--rem9)} */
}

/* ----- */



/* ------ */
/* ШРИФТЫ */
/* ------ */


/* Заголовки */
/* #advent :is(h1, h2, h3, h4, h5), */
#advent :is(h1, h2, h3, h4, h5)[class*=verd], 
.title {
font-family: Verdana; 
font-weight: bold; 
line-height: 1.7; 
letter-spacing: normal; 
}

/* ---- */



/* ПОДКЛЮЧАЕМЫЕ ШРИФТЫ */

/* (Образец полного описания) */
/* @font-face {
font-family: 'Sample01', 'Sample02'...; 
src: 
local('Sample'), /* предустановленный в системе 
url('Sample.ttf') format('truetype'), /* предустановленный в системе 
url('/Fonts/Sample.ttf') format('truetype'), /* в папке Fonts в корневом каталоге
url('/Fonts/Sample.woff') format('woff'),
url('/Fonts/Sample.woff2') format('woff2'),
url('../../Fonts/Sample.ttf') format('truetype'), /* двумя каталогами вверх от исходного расположения
url('../../Fonts/Sample.woff') format('woff'),
url('../../Fonts/Sample.woff2') format('woff2');
font-weight: 400; 
font-style: normal; 
} */


/* ОСНОВНЫЕ */

/* Verdana */
.verdana, .verd {
font-family: Verdana; 
}

/* Tahoma */
/* @font-face {
font-family: Tahoma; 
src: 
local(Tahoma), 
url(tahoma.ttf) format('truetype');
} */
.tahoma {font-family: Tahoma}
@media screen and (max-width: 1024px) {
.tahoma {/* font-size: var(--rem85) */}
}


/* Century Gothic */
@font-face {
font-family: 'Century Gothic'; 
src: 
local('Century Gothic'), 
url('/Fonts/Gothic.ttf'), 
url('../../Fonts/Gothic.ttf'); 
}
.gothic {font-family: 'Century Gothic'}


/* Bebas Neue Pro  - Regular */
@font-face {
font-family: 'Bebas Neue Pro';
src: 
url('/Fonts/BebasNeuePro-Regular.ttf') format('truetype'), 
url('../../Fonts/BebasNeuePro-Regular.ttf') format('truetype');
/* font-weight: normal;
font-style: normal; */
}

/* Bebas Neue Pro - SemiExp Regulare */
@font-face {
font-family: 'Bebas Neue Pro SemiExp';
src: 
url('/Fonts/BebasNeuePro-SemiExpRegular.ttf') format('truetype'), 
url('../../Fonts/BebasNeuePro-SemiExpRegular.ttf') format('truetype');
/* font-weight: normal;
font-style: normal; */
}

:is(h1, h2, h3, h4, h5)[class*=bebas], 
h1, h2, h3, h4, h5, 
.bebas, .logo-link, .prom_align h2 {
font-family: 'Bebas Neue Pro'; 
vertical-align: middle; 
text-decoration: none; 
/* line-height: 1.14; */
/* font-weight: normal; */
transition: color .5s ease-in-out; 
} 
:is(h1, h2, h3, h4, h5)[class*=bebas], 
h1, h2, h3, h4, h5 {
font-weight: normal; 
line-height: 1.2; /* 1.14, 1.4, 1.2 */
letter-spacing: 0.05rem; /* 0.02rem */
}
h1, h1[class*=bebas] {/* font-weight: bold */}
:is(h2, h3, h4, h5)[class*=bebas], 
h2, h3, h4, h5, 
.bebas, .logo-link, .prom_align h2 {font-weight: normal}
.logo-link, .prom_align h2 {line-height: 1.14}

/* ---- */


/* GOOGLE FONTS */
/* Roboto */
@font-face {
font-family: 'Roboto'; 
src: 
url('/Fonts/Roboto-Regular.ttf') format('truetype'), 
url('/Fonts/Roboto.woff') format('woff'), 
url('/Fonts/Roboto.woff2') format('woff2'), 
url('../../Fonts/Roboto-Regular.ttf') format('truetype'),
url('../../Fonts/Roboto.woff') format('woff'),
url('../../Fonts/Roboto.woff2') format('woff2'); 
}
/* Roboto Slab (имитация печатной машинки) */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap'); */

.robo, .Roboto {
font-family: 'Roboto', serif; 
font-size: var(--rem95); 
font-style: normal; 
}


/* Merriweather */
@font-face {
font-family: Merriweather; 
src: 
url('/Fonts/Merriweather-Regular.ttf') format('truetype'), 
url('../../Fonts/Merriweather-Regular.ttf') format('truetype'); 
}
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.merriw {
font-family: 'Merriweather', serif; 
font-size: var(--rem95); 
font-style: normal; 
}

/* ---- */


/* ЗНАЧКИ */

/* Font Awesome */
@font-face {
font-family: 'FontAwesome';
src: 
url('/Fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
url('/Fonts/fontawesome-webfont.woff') format('woff'), 
url('../../Fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
url('../../Fonts/fontawesome-webfont.woff') format('woff'); 
font-weight: normal;
font-style: normal; 
}
.awesome {font-family: 'FontAwesome'} /* , [id^=nn] при подключенном Awesome работает без назначения */


/* Material */
/* ICON - site, ICONS - advent */
@font-face {
font-family: 'Material Icons';
src: 
url('/Fonts/MaterialIcons-Regular.ttf'),
url('/Fonts/MaterialIcons-Regular.woff') format('woff'),
url('/Fonts/MaterialIcons-Regular.woff2') format('woff2'),
url('/Fonts/MaterialIconsOutlined-Regular.otf') format('embedded-opentype'), 
url('/Fonts/MaterialIcons-Outlined.woff') format('woff'),
url('/Fonts/MaterialIcons-Outlined.woff2') format('woff2'),
url('/Fonts/MaterialIconsRound-Regular.otf') format('embedded-opentype'), 
url('/Fonts/MaterialIconsSharp-Regular.otf') format('embedded-opentype'),
url('../../Fonts/MaterialIcons-Regular.ttf'),
url('../../Fonts/MaterialIcons-Regular.woff') format('woff'),
url('../../Fonts/MaterialIcons-Regular.woff2') format('woff2'),
url('../../Fonts/MaterialIconsOutlined-Regular.otf') format('embedded-opentype'),
url('../../Fonts/MaterialIcons-Outlined.woff') format('woff'),
url('../../Fonts/MaterialIcons-Outlined.woff2') format('woff2'), 
url('../../Fonts/MaterialIconsRound-Regular.otf') format('embedded-opentype'), 
url('../../Fonts/MaterialIconsSharp-Regular.otf') format('embedded-opentype');
}
@import url("https://fonts.googleapis.com/css?family=Material+Icons&amp; subset=cyrillic");

@font-face {
font-family: 'Material Symbols Outlined';
src: 
url('/Fonts/MaterialSymbolsOutlined[variable].woff2') format('woff2'), 
url('../../Fonts/MaterialSymbolsOutlined[variable].woff2') format('woff2');
}
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined; rel=stylesheet"); 


.material-icon, .material-icons {
font-family: 'Material Icons';
font-size: 24px;
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
/* display: inline-block; /* конфликт всплывания мобильного меню сайта */
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
}

.material-symbols-outlined {
font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24; 
}

/* ---- */


/* ПЕЧАТНАЯ МАШИНКА */

/* Typer */
@font-face {
font-family: 'Typewriter Poly'; 
src: 
local('Typewriter Poly'), 
/* url('Typewriter-Poly.ttf') format('truetype'), */
url('/Fonts/Typewriter-Poly.ttf') format('truetype'), 
url('../../Fonts/Typewriter-Poly.ttf') format('truetype');
}

.typer {
font-family: 'Typewriter Poly', serif; 
font-size: calc(var(--font) * 1.2); 
font-style: normal !important; 
}

/* Адаптивные условия (Typer) */
@media screen and (max-width: 900px) {
.typer, .typer p {
/* font-size: calc(var(--font) * 1.05); */
font-size: calc(var(--font) * 1.15); 
}
}
@media screen and (max-width: 600px) {
.typer, .typer p {
/* font-size: var(--font); */
font-size: calc(var(--font) * 1.1); 
}
}

/* ---- */


/* РУКОПИСНЫЕ (стандарт) */

/* Segoe Print */
/* Ввиду ошибки поиска надежда на предуставновленный в системе по умолчанию Segoe Print */
@font-face {
font-family: 'Segoe Print'; 
src: 
local('Segoe Print'), 
/* url('Segoepr.ttf') format('truetype'), */
/* url('Fonts/Segoepr.ttf') format('truetype'), */
url('/Fonts/Segoepr.ttf') format('truetype'), 
url('../../Fonts/Segoepr.ttf') format('truetype'); 
}
.segoepr {
font-family: 'Segoe Print'; 
font-style: normal; 
line-height: 1.2; 
}
@media screen and (max-width: 1024px) {.segoepr {font-size: var(--rem85)}}

/* Segoe Script */
@font-face {
font-family: 'Segoe Script'; 
src: 
local('Segoe Script'),
/*url('segoesc.ttf') format('truetype'), */
url('/Fonts/segoesc.ttf') format('truetype'), 
url('/Fonts/segoesc.woff') format('woff'), 
url('/Fonts/segoesc.woff2') format('woff2'), 
url('../../Fonts/segoesc.ttf') format('truetype'),
url('../../Fonts/segoesc.woff') format('woff'), 
url('../../Fonts/segoesc.woff2') format('woff2'); 
}
.segoescr, .bar {
font-family: 'Segoe Script'; 
/* font-size: var(--rem105); */
line-height: 1.2; 
}
@media screen and (max-width: 1024px) {.segoescr {font-size: var(--rem95)}}

/* Verdana */
@font-face {
font-family: 'Verdana SemiBold'; 
src: url('/Fonts/VerdanaSemiBold.ttf'),  
src: url('../../Fonts/VerdanaSemiBold.ttf'); 
}
.verdana {font-family: 'Verdana SemiBold'}

/* ---- */


/* РУКОПИСНЫЕ (дополнительные) */

/* Mulder */
@font-face {
font-family: 'MulderHand'; 
src: 
local('MulderHand'), 
url('/Fonts/MulderHand.ttf'), 
url('../../Fonts/MulderHand.ttf'); 
}
.mulder {
font-family: 'MulderHand'; 
font-size: var(--f16); 
font-weight: normal; 
}

@font-face {
font-family: 'EnigmaScrawl'; 
src: 
local('EnigmaScrawl'), 
/*url('EnigmaScrawl.ttf'), */
url('/Fonts/EnigmaScrawl.ttf'), 
url('../../Fonts/EnigmaScrawl.ttf'); 
}
.enigma {
font-family: 'EnigmaScrawl'; 
font-size: var(--f20); 
}

@font-face {
font-family: 'AnkePr'; 
src: 
local('AnkePr'), 
/*url('AnkePr.ttf'), */
url('/Fonts/AnkePr.ttf'), 
url('../../Fonts/AnkePr.ttf'); 
}
.anke {
font-family: 'AnkePr'; 
font-size: var(--f20); 
}

/* ---- */


/* СЛАВЯНСКИЕ */
@font-face {
font-family: 'Balkara'; 
src: 
local('Balkara'), 
url('/Fonts/Balkara-Cond.ttf'), 
url('../../Fonts/Balkara-Cond.ttf'); 
}
.balkara {
font-family: 'Balkara'; 
transform: scale(1.2, 1); 
max-width: var(--pic-w100); 
display: inline-block; 
}

/* ---- */



/* ------------- */
/* БАЗОВЫЕ ЦВЕТА */
/* ------------- */

/* OPACITY
100% - FF
95% - F2
90% - E6
85% - D9
80% - CC
75% - BF
70% - B3
65% - A6
60% - 99
55% - 8C
50% - 80
45% - 66
40% - 66
35% - 59
30% - 4D
25% - 40
20% - 33
15% - 26
10% - 1A
5% - 0D
0% - 00
*/

/* ОСНОВНЫЕ */
/* #fff / white - белый */

/* ФОН
#f0f0f0 - базовый серый (фон NEW - col-back) (!)
#4f4f4a - общий тёмно-серый (col-menu, col-dgray)
#e2e7f6 - холодный голубой
#fcfcfb - едва серый
*/

/* ЦВЕТА */
/*
#666, #656660  - тёмно-серый (заголовки, стихи - col-h)
#66645b - общий тёмно-серый с зелена (col-gray)
#666469 - базовый серый с синевой (комменты, сноски - col-comm)

#6b8c75 / #6b8271 / #5e8072 - серо-зелёный (маркеры, надписи кнопок - col-mark)
#313c34 - тёмный серо-зелёный (прямая речь - col-dir)

#908f87 - дымчато-серый (фон кнопок - col-butt)
#9bb094 - дымчато-зелёный (фон кнопок - col-butt02)

#ae0000 - бордо (модерация, скрытый - col-bordo)

#0000ff1f - фиолетовый (дежурный фон)
#ffff002b - желтый (дежурный фон)

#3d4755 - дымчато-синий
#545962 - дымчато-синий
#1a3c6f, #285aaa, #355c96 #025 - оттенки дымчато-синего

#4f4f4a - тёмно-серый
#868882 - тёмно-серый
#635c37 - серый с желта
	#7fa48a, #7d9985 - общий дымчато-зелёный (col-green)
#486651 - тёмный серо-зелёный
#557960 - серо-зелёный
#356644 - тёмно-зелёный
#7a6c4a, #415c27 - болотный
#606615 - тёмно-болотный

#285aaa - темно-синий (col-dblue01)
#355c96 - темно-синий (col-dblue02)
*/


/* HEADER (Закрепленное меню) */
header, header:hover {color: white}
.header {
color: white; 
background: var(--col-dgray); 
}

/* ССЫЛКИ (серо-зелёный) */
a:not(button, .logo-link, .more-link, .page-numbers, .moder, 
:is([class*=menu], .soc-block, .copy, .brand, 
[class*=turn], [class*=butt], [class*=scroll], .moder) a) {
/* color: var(--col-green); */
/* color: var(--col-mark); */
color: var(--col-mark02); 
} 
a:not(button, .logo-link, .more-link, .page-numbers, .moder, 
:is([class*=menu], .soc-block, .brand, .copy, 
[class*=turn], [class*=butt], [class*=scroll], .moder) a):hover {
color: var(--col-gray); 
}


/* Заголовки, Подзаголовки, Локации */
/* тёмно-серый (col-h), с зелена (col-gray) */
h1, h2, h3, h4, h5, .title, 
[class^=sub], .sub-title, 
[class^=loc], .loc, 
:is(h1, h2, h3, h4, h5) .date {
color: var(--col-h); 
/* color: var(--col-gray); */
} 

/* Эпиграф, лого, коментарии */
[class*=epig], .logo, 
.comm, [class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
.rem {color: var(--col-gray)} 

/* ДАТЫ, ТЭГИ */
[class*=date]/* , .date, :is([class*=lir], .poem) [class*=date] */, 
:not(body).tag, .tags, [class*=bread] {
/* color: var(--col-comm); */
color: var(--col-gray); 
}

/* COPY (COPYRIGHT) */
.copy, .copy a {color: var(--col-lgray)} 
.copy a:hover {color: var(--col-mark)}
footer :is(.copy, .copy a) {color: var(--col-butt)}
footer :is(.copy, .copy a):hover {color: var(--col-butt04)}

/* Цитаты, прямая речь, стихи (Серо-зелёный) */
.dir, .din {color: var(--col-dir)} /* тёмный серо-зелёный (col-dir) */
.quot, .cite, 
#advent [class*=lir], #advent .poem {
color: var(--col-gray); 
text-shadow: 0 0 var(--col-shad01);
} 

/* Увеличенный текст (цитаты, комменты, выделение) */
:is(.quot, .quot p, .cite, .cite p, .comm, .comm p, 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-), 
[class*=comm]:not([class*=comment], [class*=commT], [class*=commS], [class*=_comm], .comm-) p):is([class*=big], [class*=large]) b:first-child {
color: var(--col-mark02); 
}

/* Cписки */
#advent ol, #advent ul {color: var(--col-gray)}
:is(.mark, .num, .numa) {color: var(--col-gray)}
li::marker, li:before {color: var(--col-mark) !important} /* серо-зелёный */

/* Линия */
hr {
background-color: var(--col-butt); 
/* border-bottom: 1px dashed var(--col-gray); */
}

/* Текст в Картинки/Видео */
[class^=pic], .modula-galery p, 
[class*=close]:not(.close-menu), 
.video p {color: var(--col-mark)} /* серо-зелёный */


/* Buttons */
:is([class*=butt], [class*=turn]):not([class*=name]) a, .more-link {
color: white; 
background: var(--col-butt); 
}
:is([class*=butt], [class*=turn]):not([class*=name]) a:hover, 
.more-link:hover {background: var(--col-butt02)}

.butt-name:not(:has(a)), .butt-name a {
color: var(--col-mark); 
background: var(--col-back01); /* прозрачность 12% */
} 
:is(.butt-name:not(:has(a)), .butt-name a):hover {
color: var(--col-gray); 
background: var(--col-back02); /* прозрачность 25% */ 
}

/* SCROLL */
#scrollup, [id*=scroll], 
.scrollup, [class*=scroll] {
color: white; 
background: var(--col-butt04); 
}
:is(#scrollup, [id*=scroll], .scrollup, [class*=scroll]):is(:hover, :active, :focus) {background: var(--col-butt02)}


/* Скрытые блоки, Примечания (красный, бордо) */
.moder, .moder a, 
.hidden, .hidden *, 
.notes, [id^=nn] {color: var(--col-bordo) !important}
:is(.moder, .moder a, .notes, [id^=nn]):hover {color: red !important}
[id^=n]:not(:before) {color: var(--col-mark)} /* зелёный */
[id^=n]:hover {color: var(--col-gray)}

:is([id^=n], /*[id^=pr], */[href^='#nn']/*, .pr0*/):before {
/* display: inline-block; */
color: var(--col-bordo); 
/* transition: 0.4s; */
/* animation: 1s linear rotate; */
}
:is([id^=n], /*[id^=pr], */[href^='#nn']/*, .pr0*/):hover:before {
/* color: var(--col-bordo) !important; */
/* color: var(--col-mark); */
color: red; 
transition: all .5s ease-in-out; 
}
[id^=nn]:hover:before {
/* transform: rotate(180deg); */
/* transform-origin: .32rem 0.51rem; /* 5px 8px / .31rem .5rem */
}


/* Жирный */
b, .bold, .cross {
padding: 1px 3px; 
}
:is(b, .bold):not(.green, a :is(b, .bold, .cross)) {
color: var(--col-gray); 
}
:is(b, .bold, .cross):hover, 
a :is(b, .bold, .cross):hover {
background: var(--col-back03); /* прозрачность 15% */
transition: background-color .2s ease-in-out; 
}

/* Выделение */
.bck, .cifer {
padding: 1px 3px; 
}
:is(.bck, .cifer):not(a :is(.bck, .cifer)) {
color: var(--col-dgray); 
}
span:is(.bck, .cifer) {
background: var(--col-back03); /* прозрачность 15% */
text-shadow: 0 0 var(--col-shad02); /* прозрачность 50% */
} 
b:is(.bck, .cifer) {
background: var(--col-back03); /* прозрачность 15% */
text-shadow: 0 0 var(--col-shad02); /* прозрачность 50% */
/* background: none; */
} 
b:is(.bck, .cifer):hover {
/* background: var(--col-back03); /* прозрачность 15% */
/* transition: background-color .2s ease-in-out; */
} 

.bar {
/* padding: 2px var(--par) 2px 4px; */
padding: 2px var(--par) 2px var(--4px); 
color: #5e7565; 
text-shadow: 0 0 16px var(--col-shad03); /* прозрачность 70% */ 
border: 3px dotted #5e7565cc;
border-right: 3px solid #d791474d; 
border-bottom: 3px dotted #5e75654d;
border-radius: 10px; 
} 
[class^=blink] {
color: white; 
/* text-shadow: 0 0 var(--padd) #ff890c57; */
} 

/* Блоки на удаление-правку */
.bad {color: red}

/* ----- */


/* ОБЩИЕ ЦВЕТА */
.white {color: white; font-weight: normal}
.black {color: black}
.blue {color: blue}
.lgray {color: #959595} /* #959595 - светло-серый */
.orange {color: #ec671f}
.navy {color: navy}

.red {
color: red; 
/* font-weight: bold; */
}
a.red:hover {
/* color: var(--col-comm); */ 
color: var(--col-gray); 
}

.bordo, .bordo a {color: var(--col-bordo)}
:is(.bordo, .bordo a):hover {color: red}

.gray {color: var(--col-gray)}
.gray:hover {color: #748800} /* тёмно-зелёный */

.lgray, a.lgray, .lgray a {color: #a6a6a6 !important} /* #A6A6A6 - светло-серый */
a.lgray:hover {color: var(--col-green03) !important}

.dgray {color: var(--col-gray)}
.dgray:link, .dgray:visited {color: var(--col-gray)} 
.dgray:hover {
color: var(--col-dblue01); 
/* color: var(--col-dblue02); */
} /* тёмно-синий */

.ultgray, a.ultgray {color: #3a3935; font-weight: bold} /* #3a3935 - ультимативно-темно-серый */
a.ultgray:hover {opacity: .8} 

.dgrayn {color: var(--col-gray)} /* n - normal */
.dgrayn:hover {color: var(--col-dblue01)} /* тёмно-синий */

.deepblue, .dblue {color: var(--col-dblue02)} /* тёмно-синий */
.deepblue:hover, .dblue:hover {color: var(--col-gray); background-color: transparent}

.green, a.green, .green a {color: var(--col-green); font-weight: bold}
.greennorm, a.greennorm {color: var(--col-green); font-weight: normal}
a.green:hover, a.greennorm:hover {color: var(--col-gray)}

.redblock, .blockred {
display: inline-block; 
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 
color: white; 
}
.redblock:hover, .blockgred:hover {background: var(--col-bordo)}

.greenblock, .blockgreen {
display: inline-block; 
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 
color: white; 
background: var(--col-butt02); 
}
.greenblock:hover, .blockgreen:hover {background: var(--col-bordo)}

/* ----- */


/* ПОДСВЕТКА БЛОКОВ */
p:not(
header, footer, form p, input, 
[class*=menu], [class*=menu] *, #advent_header p, #advent_feet p, 
.promo p, .intro p, 
/* div[class*=epig] p, p[class*=epig], */
[class*=epig], [class*=epig] *, 
[class*=date], .tags *, 
[id*=bread] *, [class*=bread] *, 
[class*=moder], 
[class*=comment], [class*=comment] p, [class*=submit], /* внешние свойства сайта */
:is([class*=pic], .modula-galery, .video) p):hover, 
:not([id*=advent], #advent) :is(ul, ol):not([class*=menu], [class*=menu] *, .num .numa):hover, 
#advent :is(ul, ol) :not(:is(ul, ol), li, li li, .num .numa, .num .numa li):hover, 
/* [class*=epig]:hover, */
:not([class*=lir], .poem) [class*=epig]:hover, 
/* :is([class*=lir], .poem):hover p:not([class*=epig], [class*=epig] *), 
:is([class*=lir], .poem):hover div:not([class*=epig], [class*=epig] *), */
/* :is([class*=lir], .poem):hover p, */
:is(.quot, .cite, .din):hover p {
background: var(--col-back00); /* прозрачность 7% */
transition: background-color .2s ease-in-out; 
}
/* попробовать объединить подсветку примечаний */
h1, h2, h3, h4, h5, 
.logo, .logo p, 
.sub-title, .loc, .date, [class^=loc] p , 
.copy, .copy a {background: none !important}


/* Эффекты шрифта */
.blink5 {animation: blink5 1.3s linear infinite}
@-webkit-keyframes blink5 {
0% {color: #1a3c6f33}
50% {color: #1a3c6fcc} 
100% {color: #1a3c6f}
}
@keyframes blink5 {
0% {color: #1a3c6f33} /* rgba(26, 60, 111, .2) - #1a3c6f33 */
50% {color: #1a3c6fcc} /* rgba(26, 60, 111, .8) - #1a3c6fcc */
100% {color: #1a3c6f} /* rgb(26, 60, 111) - #1a3c6f */
}
.blink10 {animation: blink10 6s linear infinite}
@keyframes blink10 {
0%, 12%, 18.9%, 23%, 31.9%, 37%, 44.9%, 46%, 49.9%, 51%, 58.9%, 61%, 68.9%, 71%, 85.9%, 96%, 100% {color: #d791474d; text-shadow: 0 0 20px #ff535382} /* rgba(215, 145, 71, 0.3) - #d791474d */
19%, 22.9%, 32%, 36.9%, 45%, 45.9%, 50%, 50.9%, 59%, 60.9%, 69%, 70.9%, 86%, 95.9% {color: #6b8c75ba} /* rgba(107, 140, 117, 0.73) - #6b8c75ba */
}

/* ГРАДИЕНТНЫЙ ФОН */
.gradient {
padding: 10px; 
background: linear-gradient(#f0f0f066, var(--col-back)); 
} /* rgba(240, 240, 240, .4) - #f0f0f066 / rgba(240, 240, 240, 1.0) - #f0f0f0 */

/* ---- */


/* } */
/* /Базовый блок adventure */

/* ----- */

/* MENU END */



/* --------- */
/* ШПАРГАЛКА */
/* --------- */

/* количество параметров (задаются через пробел) */
/*
1 - единое значение для всех сторон
2 - верх-низ лево-право
3 - верх лево-право низ
4 - верх право низ лево
*/

/* Спецзнаки */
/* 
– - тире
« - левые кавычки
» - правые кавычки
&#x301; - ударение
&#10 - разрыв строки (для title)
*/

/* Селектор атрибутов (выбор атрибута/селектора attr/sel, в т.ч. по значению value/name) */
/* Если value состоит из нескольких слов c пробелами, value - в кавычки. Без пробелов — кавычки не обязательны */
/*
[attr] - выбор по наличию атрибута attr вне зависимости от его значения (к примеру, выбор всех тегов с атрибутом title)
[attr=value] - точное совпадение значения value
[attr*=value] - содержит значение
[attr^=value] - начинается значением
[attr$=value] - оканчивается значением
[attr~=valueN] - значение встречается среди прочих разделенных пробелом (value1 value2 value3)
[attr|=value] - либо точное совпадение значения, либо начинается в составном через дефис значении (value-value2)
[sel][sel]...[sel] - комбинирование селекторов (и)

:is(sel-01, sel-02, ..., sel-NN) sel - объединение цепочек селекторов в пулы при комбинировании с повторяющимся селектором 
(вместо: sel-01 sel, sel-02 sel, ..., sel-NN sel)
:not(sel-01, sel-02, ..., sel-NN) - исключение селектора из правил

:where(sel-01, sel-02, ..., sel-NN) - аналог :is(), но с нулевой специфичностью (не повышает и сбрасывает специфичность свойств). Возможно, придется поменять все :is() на :where() (???)

parent:has(child) - способ стилизации родителя при наличии указанного дочернего/следующего/смежного элемента. Надо пробовать!
варианты:
sel-01:has(+ sel-02)
sel-01:has(> sel-02)
sel-01:has(~ sel-02)
*/

/* Подсветить все блоки (звезочка обязательна) */
/* * {border: 1px solid #f00} */

/* подсвечиваем теги без необходимых атрибутов */
img:not([alt]),
label:not([for]),
input[type=submit]:not([value]) {
/* outline:1px solid red; */
}

/* тревога, если первый child внутри списка не li и прочие похожие примеры */
ul > *:not(li),
ol > *:not(li),
dl > *:not(dt):not(dd) {
/* outline:1px solid red; */
}

/* Прочее */
/* initial - сбрасывает до умолчания, inherit - наследует родителя */

/* word-break - не проставляет дефис
см. также hyphens (требуется значение html lang="ru")
см. также word-wrap: break-word
<wbr> - (+) перенос в указанном месте текста без дефиса (пример: Анри-<wbr>Рене-<wbr>Альбер)
&shy; - перенос в указанном месте текста с дефисом
мягкий пробел  запрещает разбивать ближние символы (числа и единицы измерения) */

/* логическая отбивка сцен многоточием */
/* <p class="rem">........</p> */

/* ---- */

/* End CSS */


/* History
2022-04-18 - 2022-04-22
- изменена цветовая палитра с cеро-синей на серо-зелёную
2022-04-22 - 2022-06-01
- мелкие корректировки для корректной работы на сайте и в файле
2022-06-14
- добавлен шрифт пишущей машинки
2022-07-01
- увеличен межстрочный интервал до 1.5-1.7 (по умолчанию - 1.2-1.25)
2022-09-15 - 2022-09-23
- изменены и унифицированы глобальные поля/отступы блоков и заголовков (rem заменены на vw)
2022-09-21 - 2022-09-21
- тонкие правки отображения диалогов и затенения активного блока
2022-09-15 - 2022-09-23
- устранение конфликтов разного отображения на сайте/файле из-за чрезмерного использования !important (через :not)
2022-09-23 - 2022-10-03
- тонкие правки полей/отступов заголовков
2022-10-06
- добавление ссылок-кнопок (buttons)
2022-10-12
- наконец избавился от полей/отступов в div, перенеся их в соответствующие классы
2022-11-08
- подключен локальный шрифт material-icons
2022-11-15
- по возможности избавляюсь от директивы !important (через дублирование записи в основном свойстве)
2022-11-18
- все-таки уравнял (уменьшил) размер цитат/стихов с основным шрифтом
- наконец нашел способ объединять селекторы в пулы через :not() и :is()
2022-11-23
- добавлены глобальные переменные (через :root и var(--name))
2022-11-30
- адаптивные шрифты переведены из em в rem
- сгруппированы адаптивные условия
2022-11-21 - 2022-12-05
- доводка кроссбраузерности footer (координатора отчетов и закрывающая картинка)
2022-12-06
- устранение конфликта header/footer сайта и текста (через advent_)
2022-12-12
- полная замена относительного размера шрифта em на rem
- удален шрифт B52 (заменен в тексте на более читаемый Typewriter-Poly)
2022-12-13
- переопределены свойства координатора (для одинакового отображения в 2-блочной и 1-блочной модели)
2022-12-16
- замена кнопок возврата с buttons на div
2022-12-21 - 2023-01-01
- глобальная замена отображения картинок (flex-модель, grid-модель забракована)
2023-01-01
- добавлено глобальное свойство border-box (элементы не выходят за границы)
2023-01-02 - 2023-01-18
- допиливание блока картинок
2023-01-18
- добавлен временный класс old для корректного отображения старых свойств
2023-01-20
- глобальное обновление классов отступов-полей на понятные marg-XX, padd-XX
2023-04-06
- расширены условия root для px/vw/vh и цветов
2023-04-10
- очередное глобальное обновление свойств размеров картинок
2023-04-10 - 2023-09-01
- множественные мелкие правки
- шаги по унификации с css сайта
2023-09-01
- глобальное добавление пробелов в свойствах вида "параметр:_значение" 
2023-09-20
- к сайту подключен advent.css (в плане)
- очистка дублирующихся в advent.css стилей (в плане)
2023-10-...
- глобальное изменение размеров основных блоков: поля из блоков и параграфов перенесены в общий блок контента
- изменения полей и отступов заголовков, параграфов, стихов, картинок, подписей и пр.
- унификация полей и отступов схожих элементов (единые поля и отступы для заголовков, текста, картинок, стихов)
2023-10-25
- глобальная замена параметров flex в класс pic
2023-10-27
- попытка замены :is на :is (нулевая специфичность входящих элементов). Неоднозная реакция: обнуляет все приоритеты, сильно усложняя логику каскадности
2024-09,10
- добавление правил для широких экранов
- глобальное изменение формул расчета пропорций картинок
- изменение правила первого заголовка по типу (было по первому элементу)
- перенос фона в body
2024-11-11
- глобальное изменение представления парных картинок с разными пропорциями: перенос пропорций из классов на переменные в style

- устранить схлопывание margin соседних блоков по высоте (оставить только верхнее или нижнее значение?)
- упорядочить и систематизировать margin (внешние блоки) и padding (тонкие настройки внутри блоков)
- добавить спец-id для каждого отчета (тонкие настройки по каждому: размер картинок, специфика отчета...)
*/

/* ---- */