/* Start:/local/components/mrlexndr/bazi.glossary/templates/.default/style.css?179204656014043*/
/* «Словарь»: предметный указатель и статья (макет design/site/library/final/lib.css, HO 4.3–4.4).
   15.10.2026 — стандарт «Печатный двор» (решения заказчика): без колонтитула и кикера, подписи 14 px строчными,
   «Начните с основ», § у тем, «Коротко» под заголовком, мост к пробе без цены.
   Общее с «60 характерами» (титул, три колонки статьи, оглавление, глоссы, соседние, .ixempty) —
   /local/templates/.default/css/library.css. */

/* ==========================================================================
   /glossary/ — указатель
   ========================================================================== */
.titlepage--ix { align-items: end; padding-bottom: 40px; }
.titlepage--ix .titlepage__lead { padding-bottom: 12px; }
.titlepage--ix .titlepage__sub { margin-bottom: 0; text-wrap: balance; }
.ixcalm { margin: 16px 0 0; padding: 12px 16px; max-width: 70ch; background: var(--paper-deep); font: 400 var(--fs-17)/1.45 var(--f-text); }

/* «Начните с основ» — четыре карточки стандарта. */
.ixbasics { margin: 0 0 40px; }
.ixbasics h2 { font: 600 var(--fs-36)/1.15 var(--f-text); margin: 0 0 16px; }
.ixbasics__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ixbasics__list a { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 16px 18px 18px; background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); color: var(--ink); text-decoration: none; }
.ixbasics__list a:hover .ixbasics__name { color: var(--cinnabar); text-decoration: underline; text-underline-offset: .18em; }
.ixbasics__name { font: 600 var(--fs-22)/1.2 var(--f-text); }
.lib .ixbasics .han { font-size: var(--fs-17); font-weight: var(--w-han); color: var(--ink-2); }
.ixbasics__short { font: 400 var(--fs-14)/1.45 var(--f-text); color: var(--ink-2); }

.ixtools { display: grid; grid-template-columns: minmax(0, 6fr) auto minmax(0, 3fr); gap: 16px 40px; align-items: end; padding: 22px 0 18px; border-top: 4px solid var(--rule); }
html:not(.js) .ixtools, html:not(.js) .abc { display: none; }
.ixsearch .label { margin-bottom: 6px; }
.ixsearch__row { display: flex; align-items: center; gap: 12px; }
.ixsearch__row .input { flex: 1 1 auto; min-width: 0; }
.ixsearch__row .btn-link[hidden] { display: none; }
.ixsearch__hint { margin: 6px 0 0; font-size: var(--fs-14); color: var(--ink-2); }
.ixview { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 26px; }
.ixcount { margin: 0; padding-bottom: 36px; font: 400 var(--fs-14)/1.3 var(--f-text); font-feature-settings: "tnum"; text-align: right; }
.ixcount [hidden] { display: none; }
/* Общее число уже в подзаголовке — здесь только «Найдено N» при поиске. */
.ixcount [data-ix-total] { display: none; }
/* Во время поиска «Начните с основ» уходит: результаты сразу под полем. */
.lib--index.is-searching .ixbasics { display: none; }

/* Под компактной липкой шапкой (61 px; на телефоне 57). */
.abc { position: sticky; top: 60px; z-index: 5; background: var(--paper); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); margin-bottom: 28px; }
.abc[hidden] { display: none; }
.abc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.abc li[hidden] { display: none; }
.abc a { display: grid; place-items: center; min-width: 44px; min-height: 44px; font: 400 var(--fs-22)/1 var(--f-text); color: var(--ink); text-decoration: none; }
.abc a:hover { color: var(--cinnabar); background: var(--sheet); }

.ixbody { columns: 3; column-gap: 56px; column-rule: 1px solid var(--hair); }
.ixbody[hidden] { display: none; }
.ixletter { break-inside: auto; margin: 0 0 18px; scroll-margin-top: 60px; }
.ixletter__L { font: 600 var(--fs-36)/1 var(--f-text); color: var(--ink); padding: 0 0 6px; margin: 0 0 6px; border-bottom: 2px solid var(--rule); break-after: avoid; display: flex; align-items: baseline; gap: 10px; }
.ixletter__L::after { content: ""; width: 26px; border-top: 3px solid var(--ink); transform: translateY(-9px); }
.ixl { list-style: none; margin: 0; padding: 0; }
.ix { break-inside: avoid; padding: 0 0 10px; border-bottom: 1px solid var(--hair); scroll-margin-top: 64px; }
/* селектор усилен: общий CSS шаблона грузится позже и с той же специфичностью перебивал правило */
.ixl .ix:target, .ixl .ix.is-target { background: var(--sheet); box-shadow: -10px 0 0 var(--sheet), 10px 0 0 var(--sheet), inset 3px 0 0 var(--cinnabar); padding-left: 10px; }
.ix__a { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 8px; min-height: 44px; padding-top: 10px; color: var(--ink); text-decoration: none; }
.ix__a:hover .ix__term { color: var(--cinnabar); text-decoration: underline; text-underline-offset: .18em; }
.ix__term { font-weight: 600; font-size: var(--fs-17); }
.lib .ix__han { font-size: var(--fs-14); font-weight: var(--w-han); color: var(--ink-2); }
.ix__dots { flex: 1; min-width: 14px; border-bottom: 2px dotted var(--ink-2); opacity: .45; transform: translateY(-4px); }
.ix__grp { font: 400 var(--fs-14)/1.3 var(--f-text); color: var(--ink-2); }
.ix__short { margin: 4px 0 0; font-size: var(--fs-14); line-height: 1.45; color: var(--ink-2); }
.ix mark { background: linear-gradient(transparent 58%, rgba(224, 87, 74, .42) 58%); color: inherit; padding: 0 1px; }
.ix[hidden], .ixletter[hidden], .theme[hidden] { display: none; }

.ixbody--themes { columns: auto; column-rule: none; }
.theme { margin: 0 0 44px; scroll-margin-top: 16px; }
.theme__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; padding-bottom: 8px; border-bottom: 2px solid var(--rule); }
/* селектор усилен: общий CSS шаблона грузится позже и с той же специфичностью перебивал правило */
.theme__head .theme__no { font: 400 var(--fs-17)/1 var(--f-text); color: var(--cinnabar); }
/* В «По темам» тема уже в заголовке: подпись группы у строк не повторяем. */
.ixbody--themes .ix__grp, .ixbody--themes .ix__dots { display: none; }
.theme__h { font: 600 var(--fs-36)/1.1 var(--f-text); margin: 0; }
.theme__count { margin-left: auto; font-size: var(--fs-14); color: var(--ink-2); }
.theme__intro { font: 400 var(--fs-22)/1.4 var(--f-text); margin: 12px 0 14px; max-width: 46em; }
.theme .ixl { columns: 3; column-gap: 56px; column-rule: 1px solid var(--hair); }

.ixempty[hidden] { display: none; }
.ixempty .han { font-weight: var(--w-han); }

/* Только алфавит и списки внутри темы — не сама панель тем (иначе колонки в колонках на 768–1100). */
@media (max-width: 1100px) {
  .ixbody:not(.ixbody--themes), .theme .ixl { columns: 2; }
  .ixbasics__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .ixtools { grid-template-columns: 1fr; gap: 12px; }
  .ixview, .ixcount { padding-bottom: 0; }
  .ixcount { text-align: left; }
}
@media (max-width: 767px) {
  .ixbody, .theme .ixl { columns: 1; }
  .abc a { min-width: 44px; font-size: var(--fs-22); }
  /* Телефон: список в одну колонку (правило 1100 px сильнее — повторяем тем же селектором). */
  .ixbody:not(.ixbody--themes), .theme .ixl { columns: 1; }
  .titlepage--ix .titlepage__lead { display: none; }
  .ix__grp { display: none; }
  .ixbasics__list { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  /* Рейка букв — одна строка с прокруткой вбок, под шапкой 57 px. */
  .abc { top: 56px; }
  .abc ol { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-block: 4px; }
  .abc a:focus-visible { outline-offset: -3px; }
  /* Намёк, что рейка листается вбок. */
  .abc { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
  .abc ol::-webkit-scrollbar { display: none; }
  .abc li { flex: none; }
}

/* ==========================================================================
   /glossary/<slug>/ — статья
   ========================================================================== */
.article { padding-top: 40px; }
.entry__head { margin-bottom: 24px; scroll-margin-top: 16px; }
.entry__h1 { font: 600 var(--fs-56)/1.05 var(--f-text); letter-spacing: -.015em; text-wrap: balance; margin: 0 0 16px; }
.entry__han { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin: 0; padding: 10px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
/* Иероглифы — тушью: красный под пугающим названием читается как тревога. */
.lib .entry__han .han { font-size: var(--fs-36); font-weight: var(--w-han); color: var(--ink); }
.entry__aka { margin: 10px 0 0; max-width: 70ch; font: 400 var(--fs-17)/1.45 var(--f-text); color: var(--ink-2); }
.entry__short { margin: 16px 0 0; padding: 12px 16px; max-width: 70ch; background: var(--paper-deep); font: 400 var(--fs-17)/1.5 var(--f-text); }
.entry__short b { font-weight: 600; }
.entry__dot { color: var(--ink-2); }
.entry__py { font: 400 var(--fs-22)/1 var(--f-text); }
.deflead > p:first-child { font-size: var(--fs-22); line-height: 1.5; }
.entry [lang="zh"] { font-weight: var(--w-han); }
.entry .para-sec { scroll-margin-top: 16px; }
.entry .para-sec h2 { scroll-margin-top: 16px; }
.entry .para-sec:first-of-type h2 { margin-top: 48px; }
.entry .para-sec h2::before { background: var(--ink); }
.entry .sect { color: var(--cinnabar); }
.entry .ctoc--entry { margin: 0 0 28px; }

/* Поля не липкие: колонка выше экрана и уходила под шапку. */
.fields { grid-column: 3; grid-row: 1 / span 3; align-self: start; padding-top: 6px; }
.fields dl { margin: 0; border-top: 2px solid var(--rule); }
.fields__row { padding: 12px 0; border-bottom: 1px solid var(--hair); }
.fields dt { font: 600 var(--fs-14)/1.3 var(--f-text); color: var(--ink); margin-bottom: 6px; }
.fields dd { margin: 0; font-size: var(--fs-17); line-height: 1.45; }
.fields__short { font: 400 var(--fs-17)/1.4 var(--f-text); }
.lib .fields .han { font-size: var(--fs-22); font-weight: var(--w-han); color: var(--ink); }
.lib .fields__used .han { font-size: var(--fs-17); color: var(--ink); }
.fields__py { font-style: normal; }
.fields__rel { list-style: none; margin: 0; padding: 0; }
.fields__rel a, .fields dd > a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.fields__more summary { display: inline-flex; align-items: center; min-height: 44px; cursor: pointer; font-weight: 600; color: var(--cinnabar); }
.fields__more[open] summary { margin-bottom: 0; }

.myths { list-style: none; margin: 0; padding: 0; }
.myths li { position: relative; padding: 10px 0 12px; border-bottom: 1px solid var(--hair); }
.myths__mark { position: absolute; left: -44px; top: 10px; width: 28px; height: 28px; display: grid; place-items: center; }
.myths__mark svg { fill: none; stroke: var(--ink-2); stroke-width: 2.6; stroke-linecap: round; }
.myths__k { font: 600 var(--fs-17)/1.5 var(--f-text); color: var(--ink); margin-right: 4px; }
/* Сам страх — обычным начертанием: глаз цепляется за опровержение, а не за «знак беды». */
.myths li strong { font-weight: 400; }

/* Таблицы в статьях (например, «Цветок персика»). */
.entry table { width: 100%; margin: 4px 0 1.2em; border-collapse: collapse; font-size: var(--fs-17); }
.entry th, .entry td { padding: 8px 10px 8px 0; border-bottom: 1px solid var(--hair); text-align: left; vertical-align: top; }
.entry th { font-weight: 600; border-bottom: 2px solid var(--rule); }

/* Концовка: мост к бесплатной пробе (final.php), без цены. */
.gfinal { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 24px 32px; align-items: center; margin: 56px 0 0; padding: 24px 28px; background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); }
/* Оттиск Цзя без тёмного поля SVG (как плитка на главной и в «О проекте»). */
.gfinal__jia img { display: block; width: 120px; height: auto; clip-path: inset(6.5%); transform: rotate(-3deg); }
.gfinal h2 { font: 600 var(--fs-36)/1.15 var(--f-text); margin: 0 0 10px; text-wrap: balance; }
.gfinal p { margin: 0 0 18px; max-width: 60ch; font-size: var(--fs-17); line-height: 1.5; }
@media (max-width: 599px) {
  .gfinal { grid-template-columns: minmax(0, 1fr); padding: 20px; }
  .gfinal__jia img { width: 96px; }
  .gfinal .btn { width: 100%; }
}

.cyclenav--ix .cyclenav__name { font-size: var(--fs-22); }
.cyclenav--ix .cyclenav__row + .cyclenav__all { margin-top: 18px; }
.cyclenav--ix > .cyclenav__all:first-child { margin-top: 0; }

@media (max-width: 1199px) {
  .fields { grid-column: 2; grid-row: auto; position: static; margin-top: 40px; max-width: 680px; }
}
@media (max-width: 1023px) {
  .myths li { padding-left: 38px; }
  .myths__mark { left: 0; }
}
@media (max-width: 767px) {
  .article { padding-top: 24px; }
  .entry__h1 { font-size: var(--fs-56); }
  .deflead > p:first-child { font-size: var(--fs-22); }
  .cyclenav--ix .cyclenav__name { font-size: var(--fs-22); }
}
@media (max-width: 560px) { .cyclenav__w { display: none; } }

/* End */


/* Start:/local/templates/.default/css/library.css?179204656011211*/
/* Разделы «60 характеров» и «Словарь»: общее (HO 4.0, макет design/site/library/final/lib.css).
   Подключается шаблонами компонентов через $this->addExternalCss (шаблоны кэшируются).
   Цвет стихии страницы — атрибуты на article.chapter (М-22), не на html. */

/* ---------- третья краска разделов (HO 4.0: огонь и почва темнее общих токенов) ---------- */
.lib { --el: var(--ink); --el-text: var(--ink); padding-bottom: 96px; }
.lib [data-element="wood"]  { --el: #2C7A47; --el-text: #256A3D; }
.lib [data-element="fire"]  { --el: #A32A20; --el-text: #A32A20; }
.lib [data-element="earth"] { --el: #86591F; --el-text: #7A5019; }
.lib [data-element="metal"] { --el: #5F6672; --el-text: #565D68; }
.lib [data-element="water"] { --el: #245BA6; --el-text: #245BA6; }
.lib [data-el="wood"]  { --c: #2C7A47; --ct: #256A3D; }
.lib [data-el="fire"]  { --c: #A32A20; --ct: #A32A20; }
.lib [data-el="earth"] { --c: #86591F; --ct: #7A5019; }
.lib [data-el="metal"] { --c: #5F6672; --ct: #565D68; }
.lib [data-el="water"] { --c: #245BA6; --ct: #245BA6; }
.lib [data-el="ink"]   { --c: #1C1A17; --ct: #1C1A17; }

.lib .runhead { padding-top: 6px; }
.lib [data-polarity="yin"] .rule-el {
  border-top: 0; height: 8px;
  background: repeating-linear-gradient(-45deg, var(--el) 0 var(--hatch-s), transparent var(--hatch-s) var(--hatch-p));
  box-shadow: inset 0 -1.5px 0 var(--el), inset 0 1.5px 0 var(--el);
}
.lib .han { line-height: 1; }
.lib .chip[aria-pressed="true"] .sw--yang[data-el="ink"] { background: var(--sheet); }
.lib .chip[aria-pressed="true"] .sw--yin[data-el="ink"] { background: repeating-linear-gradient(-45deg, var(--sheet) 0 2.5px, transparent 2.5px 5px); }

.sechead { display: flex; align-items: center; gap: 20px; margin: 0 0 28px; padding-top: 24px; border-top: 4px solid var(--rule); }
.sechead h2 { font: 600 var(--fs-36)/1.15 var(--f-text); margin: 0; }
.vh-punct { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.chapter__text, .chspread, .entry { word-break: keep-all; overflow-wrap: break-word; }

/* ---------- титул списков (/characters/, /glossary/) ---------- */
.titlepage { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px 64px; padding: 44px 0 72px; align-items: start; }
.titlepage h1 { font: 600 var(--fs-56)/1.05 var(--f-text); letter-spacing: -.015em; text-wrap: balance; margin: 0 0 18px; }
.titlepage__sub { font: 400 var(--fs-36)/1.2 var(--f-text); margin: 14px 0 28px; color: var(--ink-2); }
.titlepage__lead { font-size: var(--fs-22); line-height: 1.4; max-width: 60ch; margin: 0; }
@media (max-width: 900px) { .titlepage { grid-template-columns: 1fr; padding: 28px 0 48px; } }
@media (max-width: 767px) {
  .titlepage h1 { font-size: var(--fs-56); }
  .titlepage__lead { font-size: var(--fs-17); }
}

/* ---------- пустой раздел ---------- */
.ixempty { display: grid; grid-template-columns: 120px 1fr; gap: 6px 24px; align-items: center; padding: 24px; margin: 0 0 32px; background: var(--sheet); border: 1px solid var(--rule); }
.ixempty .jia { grid-row: span 3; width: 120px; }
.ixempty__h { font: 600 var(--fs-36)/1.1 var(--f-text); margin: 0; }
.ixempty__p { margin: 0; font-size: var(--fs-17); }
.ixempty .btn { justify-self: start; }
@media (max-width: 767px) {
  .ixempty { grid-template-columns: 1fr; }
  .ixempty .jia { width: 96px; grid-row: auto; }
}

/* ---------- три колонки: оглавление · текст · поля ---------- */
.chapter__body, .article { --tocw: 220px; --mg: 56px; --mw: 250px; display: grid; grid-template-columns: var(--tocw) minmax(0, 640px) var(--mw); column-gap: var(--mg); padding-top: 8px; justify-content: start; }
.chapter__body > .ctoc--top, .ctoc--entry { display: none; }
.chapter__text, .entry { grid-column: 2; min-width: 0; font-size: var(--fs-17); line-height: 1.6; }
.chapter__body > .ctoc--side, .article > .ctoc--side { grid-column: 1; grid-row: 1 / span 3; top: 86px; padding-top: 6px; }
.ctoc__h { font: 400 var(--fs-22)/1.25 var(--f-text); margin: 0 0 10px; }
.ctoc__h .num { display: block; font: 400 var(--fs-14)/1.3 var(--f-text); font-feature-settings: "tnum"; font-style: normal; color: var(--ink-2); margin-bottom: 4px; }
.ctoc ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--rule); }
.toc__sect { font-size: var(--fs-14); color: var(--el-text); }
.lib [data-polarity="yin"] .ctoc a[aria-current="true"]::before { width: 6px; background: repeating-linear-gradient(-45deg, var(--el) 0 2px, transparent 2px 4px); box-shadow: inset 0 0 0 1px var(--el); }
.ctoc--top { margin: 0 0 36px; border-top: 2px solid var(--rule); border-bottom: 1px solid var(--rule); }
.ctoc--top ol { border-top: 1px solid var(--hair); margin-bottom: 12px; }

.para-sec h2 { position: relative; font: 600 var(--fs-36)/1.15 var(--f-text); margin: 60px 0 22px; padding-top: 24px; scroll-margin-top: 96px; }
.para-sec h2::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--el); }
.lib [data-polarity="yin"] .para-sec h2::before { height: 10px; top: -3px; background: repeating-linear-gradient(-45deg, var(--el) 0 var(--hatch-s), transparent var(--hatch-s) var(--hatch-p)); }
.para-sec:first-child h2 { margin-top: 0; }
.sect { display: inline-block; font: 400 var(--fs-14)/1 var(--f-text); font-feature-settings: "tnum"; color: var(--el-text); margin-right: 14px; vertical-align: 6px; }
.chapter__text p, .entry p { margin: 0 0 1em; }
.chapter__text strong, .entry strong { font-weight: 600; }
.chapter__text ul:not([class]), .entry ul:not([class]) { list-style: none; margin: 0 0 1.1em; padding: 0; }
.chapter__text ul:not([class]) > li, .entry ul:not([class]) > li { position: relative; padding-left: 1.6em; margin-bottom: .45em; }
.chapter__text ul:not([class]) > li::before, .entry ul:not([class]) > li::before { content: "—"; position: absolute; left: 0; color: var(--ink-2); }

/* ---------- глоссы на полях (широкий экран) и всплывающие ---------- */
.gloss { display: none; }
.gloss__han { display: block; font-family: var(--f-han); font-weight: var(--w-han); font-size: var(--fs-14); line-height: 1.2; color: var(--cinnabar); margin-bottom: 6px; letter-spacing: .04em; }
.gloss__term { display: block; font-weight: 600; font-size: var(--fs-14); line-height: 1.3; margin-bottom: 3px; color: var(--ink); }
.gloss__short { display: block; font-size: var(--fs-14); line-height: 1.45; color: var(--ink-2); }
.gloss__more { display: inline-block; margin-top: 4px; font-size: var(--fs-14); }
@media (min-width: 1200px) {
  [data-gloss-mode="margin"] .gloss {
    display: block; float: right; clear: right; position: relative;
    width: var(--mw); margin: 4px calc(-1 * (var(--mw) + var(--mg))) 14px 0;
    padding: 10px 0 0 14px; border-top: 1px solid var(--rule); border-left: 3px solid transparent;
    font-style: normal; text-indent: 0; text-transform: none; letter-spacing: 0; font-weight: 400;
  }
  [data-gloss-mode="margin"] .inset .gloss { margin-right: calc(-1 * (var(--mw) + var(--mg) + 32px)); }
  [data-gloss-mode="margin"] .gloss.is-hot { border-left-color: var(--cinnabar); background: var(--sheet); padding-bottom: 8px; }
  [data-gloss-mode="margin"] a.term.is-hot { background: var(--plate-a2); }
}
html.js a.term::after { content: "*"; content: "*" / ""; font: 600 .7em/1 var(--f-text); vertical-align: super; margin-left: 1px; text-decoration: none; }
@media (min-width: 1200px) { html.js [data-gloss-mode="margin"] a.term::after { content: none; } }
a.term[aria-expanded="true"] { background: var(--plate-a2); }
.gloss-pop {
  position: absolute; z-index: 40; width: min(360px, calc(100vw - 32px));
  background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink);
  padding: 14px 52px 10px 16px; font-size: var(--fs-17);
}
.gloss-pop::before { content: ""; position: absolute; top: -8px; left: var(--ax, 24px); width: 14px; height: 14px; background: var(--sheet); border-left: 1px solid var(--rule); border-top: 1px solid var(--rule); transform: rotate(45deg); }
.gloss-pop .gloss__short { font-size: var(--fs-14); }
.gloss-pop .gloss__more { display: inline-flex; align-items: center; min-height: 44px; margin-top: 2px; font-weight: 600; font-size: var(--fs-14); }
.gloss-pop__x { position: absolute; right: 2px; top: 2px; width: 44px; height: 44px; background: none; border: 0; cursor: pointer; font: 400 var(--fs-22)/1 var(--f-text); color: var(--ink); }

/* ---------- концовка: соседние главы и линейка ---------- */
.cyclenav { margin: 72px 0 0; padding-top: 28px; border-top: 4px solid var(--rule); }
.cyclenav__row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: stretch; }
.cyclenav__row a, .cyclenav__cur > span { display: flex; flex-direction: column; gap: 6px; min-height: 44px; padding: 14px 0; text-decoration: none; color: var(--ink); }
.cyclenav__next a { text-align: right; align-items: flex-end; }
.cyclenav__cur > span { align-items: center; text-align: center; padding: 14px 24px; border-left: 1px solid var(--hair); border-right: 1px solid var(--hair); }
.cyclenav__dir { font: 600 var(--fs-14)/1.3 var(--f-text); font-feature-settings: "tnum"; color: var(--cinnabar); }
.cyclenav__cur .cyclenav__dir { color: var(--ink-2); }
.cyclenav__name { font: 600 var(--fs-22)/1.2 var(--f-text); }
.cyclenav__name .han { font-size: .8em; }
.cyclenav__row a:hover .cyclenav__name { color: var(--cinnabar); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.cyclenav__all { margin: 18px 0 0; text-align: center; font-size: var(--fs-17); }
.cyclenav__all a { display: inline-flex; align-items: center; min-height: 44px; }

@media (min-width: 1280px) and (max-width: 1439px) { .chapter__body, .article { --tocw: 200px; --mg: 40px; --mw: 240px; } }
@media (min-width: 1200px) and (max-width: 1279px) { .chapter__body, .article { --tocw: 180px; --mg: 32px; --mw: 220px; } }
@media (max-width: 1199px) {
  .chapter__body, .article { grid-template-columns: var(--tocw) minmax(0, 680px); --tocw: 200px; --mg: 48px; }
}
@media (max-width: 1023px) {
  .chapter__body, .article { display: block; }
  .chapter__body > .ctoc--side, .article > .ctoc--side { display: none; }
  .chapter__body > .ctoc--top, .ctoc--entry { display: block; }
  .ctoc--entry { margin: 0 0 28px; }
  .chapter__text, .entry { max-width: 680px; }
}
@media (max-width: 767px) {
  .sechead { gap: 14px; }
  .sechead .stampnum { width: 40px; height: 40px; font-size: var(--fs-14); }
  .chapter__text, .entry { font-size: var(--fs-17); }
  .para-sec h2 { font-size: var(--fs-36); margin-top: 48px; }
  .cyclenav__row { grid-template-columns: 1fr 1fr; gap: 0 12px; }
  .cyclenav__cur { grid-column: 1 / -1; grid-row: 1; }
  .cyclenav__cur > span { border: 0; border-bottom: 1px solid var(--hair); padding: 4px 0 14px; }
  .cyclenav__all { text-align: left; }
}

/* End */
/* /local/components/mrlexndr/bazi.glossary/templates/.default/style.css?179204656014043 */
/* /local/templates/.default/css/library.css?179204656011211 */