/* Start:/local/templates/.default/css/page-calculator.css?17925629432793*/
/* Калькулятор бацзы (/calculator/) — страница: шапка, текст под калькулятором, вопросы, ссылки. Стандарт
   «Печатный двор» (_dev/DESIGN.md); сам калькулятор — стили компонента mrlexndr:bazi.calculator. */

.calc-page { padding-bottom: 8px; }
.chead { padding: 28px 0 24px; max-width: 860px; }
.chead h1 { font: 600 var(--fs-56)/1.05 var(--f-text); letter-spacing: -.015em; text-wrap: balance; margin: 0 0 16px; }
.chead__lead { margin: 0; max-width: 62ch; font: 400 var(--fs-22)/1.4 var(--f-text); }
.chead__price { margin: 12px 0 0; max-width: 62ch; font-size: var(--fs-14); line-height: 1.45; color: var(--ink-2); }
.chead__price-note { color: var(--ink-3); white-space: nowrap; }
.calc-has-result .chead__lead, .calc-has-result .chead__price { display: none; }

.ctext { padding-top: 24px; border-top: 1px solid var(--rule); }
.ctext__sec { max-width: 760px; margin: 0 0 40px; }
.ctext__sec h2 { font: 600 var(--fs-36)/1.15 var(--f-text); text-wrap: balance; margin: 0 0 14px; }
.ctext__sec p { max-width: 70ch; margin: 0 0 1em; font-size: var(--fs-17); line-height: 1.6; }
.ctext .han { font-family: var(--f-han); font-weight: var(--w-han); }

/* вопросы — аккордеон как на главной (.acc, components.css) */
.cfaq { padding-top: 32px; padding-bottom: 56px; border-top: 1px solid var(--rule); }
.cfaq > h2 { font: 600 var(--fs-36)/1.15 var(--f-text); margin: 0 0 24px; }

.clinksec { padding-top: 32px; padding-bottom: var(--sec-y); border-top: 1px solid var(--rule); }
.clinksec > h2 { font: 600 var(--fs-36)/1.15 var(--f-text); margin: 0 0 14px; }
.clinksec__list { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; max-width: 860px; }
.clinksec__list li { border-bottom: 1px solid var(--hair); }
.clinksec__list a { display: flex; align-items: center; min-height: 52px; font-size: var(--fs-17); }
.cdisclaim { max-width: 70ch; margin: 0; padding-top: 16px; border-top: 1px solid var(--rule); font-size: var(--fs-14); line-height: 1.45; color: var(--ink-2); }

@media (max-width: 767px) {
  .chead { padding-top: 16px; }
  .chead__lead { font-size: var(--fs-17); }
  .clinksec__list { grid-template-columns: minmax(0, 1fr); }
}
@media print {
  .chead__lead, .chead__price, .ctext, .cfaq, .clinksec > h2, .clinksec__list { display: none; }
  .clinksec { padding: 0; border: 0; }
  /* на листе — только карта: без шапок, крошек, подвала и баннера */
  .skip, .masthead, .stickybar, .crumbs, .colophon, .consent, .mnav { display: none !important; }
  .chead { padding: 0 0 8px; }
  .chead h1 { font-size: 28px; }
}

/* End */


/* Start:/local/components/mrlexndr/bazi.calculator/templates/.default/style.css?179256294341879*/
/* Калькулятор бацзы (/calculator/), вид «Летопись» (макет 4, 18.10.2026) — стандарт «Печатный двор» (_dev/DESIGN.md).
   Кнопки, поля, отметки, сегменты, .btn-link, .err и [data-el] (--c, --ct) — общие (components.css); здесь — бланк,
   пример, «Считаю», «Главное», лист столпов, летопись, заказ, листы «Подробно», объяснения и печать. Классы — с cc-,
   чтобы не пересекаться с общими (.seal, .key и т. п.). Цвет стихий — только знакам карты и полосам; подписи — тушью. */

.calc { position: relative; }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.calc .han { font-family: var(--f-han); font-weight: var(--w-han); }
:where(.calc) [data-el] { color: var(--ct); }
.calc [hidden] { display: none !important; }
.cc-cap { font: 400 var(--fs-14)/1.45 var(--f-text); color: var(--ink-2); max-width: 70ch; margin: 0; }
.cc-h2 { font: 600 var(--fs-36)/1.15 var(--f-text); margin: 0 0 var(--s-3); text-wrap: balance; scroll-margin-top: 96px; }
.cc-lead { font-size: var(--fs-17); line-height: 1.5; max-width: 70ch; margin: 0 0 var(--s-6); }

/* знак-кнопка в тексте */
.cc-term { position: relative; padding: 0; background: none; border: 0; color: inherit; font: inherit; text-align: inherit; cursor: pointer;
  text-decoration: underline dotted var(--ink-a4); text-decoration-thickness: 1.5px; text-underline-offset: .22em; }
.cc-term::after { content: ""; position: absolute; left: -4px; right: -4px; top: 50%; height: 44px; transform: translateY(-50%); }
.cc-term:hover { color: var(--cinnabar); text-decoration-color: currentColor; }
.cc-term[aria-expanded="true"] { background: var(--paper-deep); box-shadow: 0 0 0 4px var(--paper-deep); }
.cc-term:focus-visible, .cc-st:focus-visible, .cc-tile:focus-visible, .cc-big:focus-visible, .cc-cr__btn:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.cc-st[aria-expanded="true"], .cc-tile[aria-expanded="true"], .cc-big[aria-expanded="true"], .cc-cr__btn[aria-expanded="true"] { outline: 3px solid var(--ink); outline-offset: 4px; }

/* оттиск знака: ян — заливка, инь — контур */
.cc-st { --z: 96px; position: relative; display: grid; place-items: center; width: var(--z); aspect-ratio: 1; margin: 0 auto; padding: 0; cursor: pointer;
  font: var(--w-han) calc(var(--z) * .62)/1 var(--f-han); color: var(--ct); background: var(--sheet);
  border: 3px solid var(--c); box-shadow: inset 0 0 0 4px var(--sheet), inset 0 0 0 5.5px var(--c);
  transform: rotate(var(--rot, 0deg)); transition: transform var(--t-press) ease-out; }
.cc-st[data-yy="yang"] { background: var(--c); color: var(--sheet); box-shadow: inset 0 0 0 5px var(--c), inset 0 0 0 6.5px var(--sheet); }
.cc-st[data-el="metal"][data-yy="yang"] { --c: var(--metal-text); }
.cc-st:hover { transform: translate(1px, 1px) rotate(var(--rot, 0deg)); }
.cc-st--q { cursor: default; border: 2px dashed var(--ink-a4); box-shadow: none; background: var(--paper); color: var(--ink-3); font: 600 calc(var(--z) * .4)/1 var(--f-text); }
.cc-st--q:hover { transform: none; }

/* мини-оттиск столпа */
.cc-seal { display: grid; width: var(--sz, 40px); flex: none; }
.cc-sg { display: grid; place-items: center; width: var(--sz, 40px); aspect-ratio: 1; font: var(--w-han) calc(var(--sz, 40px) * .6)/1 var(--f-han);
  color: var(--ct); background: var(--sheet); border: 2px solid var(--c); box-shadow: inset 0 0 0 2px var(--sheet), inset 0 0 0 3px var(--c); }
.cc-sg + .cc-sg { margin-top: -2px; }
.cc-sg[data-yy="yang"] { background: var(--c); color: var(--sheet); box-shadow: inset 0 0 0 3px var(--c), inset 0 0 0 4px var(--sheet); }
.cc-sg[data-el="metal"][data-yy="yang"] { --c: var(--metal-text); }
.cc-seal--q .cc-sg { border: 1.5px dashed var(--ink-a4); box-shadow: none; background: var(--paper); color: var(--ink-3); font: 600 var(--fs-14)/1 var(--f-text); }

/* ---------- начало: бланк и пример ---------- */
.cc-start { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-10); align-items: start; margin: var(--s-2) 0 var(--sec-y); }
.cc-blank { display: grid; gap: var(--s-4); padding: var(--s-6); background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); scroll-margin-top: 96px; }
.cc-blank .field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cc-blank .field > .label, .cc-blank .err { margin: 0; }
.cc-blank .input, .cc-blank .seg, .cc-blank .check { scroll-margin-top: 140px; }
.cc-blank__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-4); }
.cc-blank__row--city { grid-template-columns: minmax(0, 1fr) 216px; align-items: start; }
.cc-blank__unknown { min-height: 44px; margin-top: calc(var(--s-2) * -1); }
.cc-blank__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--s-4); margin: calc(var(--s-3) * -1) 0 0; font-size: var(--fs-14); color: var(--ink-2); }
.cc-blank__meta .btn-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; background: none; border: 0; font: inherit; font-size: var(--fs-14); color: var(--cinnabar); text-decoration: underline; text-underline-offset: .15em; cursor: pointer; }
.cc-blank__meta .btn-link[aria-expanded="true"] { color: var(--ink); font-weight: var(--w-semi); }
.cc-blank__go { width: 100%; }
.cc-blank__priv { display: flex; gap: var(--s-2); align-items: flex-start; margin: 0; font-size: var(--fs-14); line-height: 1.45; color: var(--ink-2); }
.cc-blank__priv svg { flex: none; margin-top: 2px; }
.cc-blank__status { margin: 0; font-size: var(--fs-14); color: var(--ink-2); }
.cc-blank__status:empty { display: none; }
.cc-blank .place-panel { display: flex; flex-direction: column; gap: 10px; margin-top: var(--s-2); padding: 14px 16px; border: 1.5px dashed var(--hair); background: var(--paper); }
.cc-blank .place-panel__coords { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cc-blank .place-panel__hint { margin: 0; font-size: var(--fs-14); line-height: 1.4; color: var(--ink-2); }
.cc-blank .place-panel__near:empty { display: none; }
.cc-off { max-width: 70ch; margin: 0; padding: 18px 22px; background: var(--paper-deep); font-size: var(--fs-17); }
html.js .calc noscript { display: none; }

.cc-ex { background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); }
.cc-ex__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px var(--s-3); padding: var(--s-3) var(--s-6); border-bottom: 3px double var(--ink); font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-ex__head h2 { margin: 0; font: inherit; }
.cc-ex__head span { font-weight: 400; color: var(--ink-2); }
.cc-ex__body { display: grid; gap: var(--s-5); padding: var(--s-5) var(--s-6); }
.cc-say { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: var(--s-4); align-items: center; }
.cc-say img { display: block; width: 72px; height: 72px; }
.cc-say p { max-width: 52ch; margin: 0; font: 400 var(--fs-17)/1.45 var(--f-text); }
.cc-say b { font-weight: 600; }
.cc-ex__view { display: grid; gap: var(--s-4); }
.cc-ex__key { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1.5px solid var(--ink); }
.cc-ex__cell { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 12px; }
.cc-ex__cell + .cc-ex__cell { border-left: 1px solid var(--hair); }
.cc-ex__k { font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-ex__cell b { font: 600 var(--fs-17)/1.2 var(--f-text); color: var(--ink); }
.cc-ex__row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--s-2); }
.cc-ex__han { font: var(--w-han) 34px/1 var(--f-han); }
.cc-ex__pil { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-3); padding: var(--s-2) 0; }
.cc-ex__pil > span { display: grid; justify-items: center; gap: 6px; font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-ex__pil .cc-seal { --sz: 44px; }
.cc-ex__chron { margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--ink); }
.cc-ex__chron li { display: grid; grid-template-columns: 26px 88px minmax(0, 1fr); gap: var(--s-3); align-items: center; padding: 10px 0; border-bottom: 1px solid var(--hair); font-size: var(--fs-14); line-height: 1.35; }
.cc-ex__chron .cc-seal { --sz: 24px; }
.cc-ex__chron .cc-sg { font-size: 14px; }
.cc-ex__y b { display: block; font-size: var(--fs-17); font-weight: 600; font-feature-settings: "tnum"; }
.cc-ex__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-2) var(--s-5); padding-top: var(--s-3); border-top: 1px dashed var(--hair); }
.cc-ex__foot .btn-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; background: none; border: 0; font: inherit; color: var(--cinnabar); text-decoration: underline; cursor: pointer; }
.cc-ex__tag { display: inline-block; padding: 4px 10px; border: 1.5px solid var(--ink); font: 600 var(--fs-14)/1.3 var(--f-text); transform: rotate(-1.5deg); }

.cc-count__steps { display: grid; margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--ink); }
.cc-count__steps li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--s-3); padding: var(--s-3) 0; border-bottom: 1px solid var(--hair); font-size: var(--fs-17); }
.cc-count__steps li::before { content: ""; width: 14px; height: 14px; margin: 5px 0 0 4px; border: 2px solid var(--ink); transform: rotate(45deg); }
.cc-count__steps li.is-done::before { background: var(--ink); }
.cc-count__steps li.is-on { font-weight: 600; }
.cc-count__steps li.is-wait { color: var(--ink-2); }
.cc-count__steps li.is-wait::before { border-style: dashed; border-color: var(--ink-a4); }

/* шкала силы и плитки стихий */
.cc-scale { position: relative; display: block; height: 22px; max-width: 260px; margin-top: 12px; }
.cc-scale__line { position: absolute; left: 0; right: 0; top: 8px; height: 6px; border-top: 1.5px solid var(--ink); background: repeating-linear-gradient(90deg, var(--ink) 0 1.5px, transparent 1.5px calc(100% / 12)); }
.cc-scale__zero { position: absolute; left: 50%; top: 0; width: 2px; height: 20px; margin-left: -1px; background: var(--ink); }
.cc-scale__mk { position: absolute; top: 2px; width: 13px; height: 13px; margin-left: -6.5px; background: var(--ink); transform: rotate(45deg); }
.cc-scale--sm { max-width: 140px; margin-top: 4px; }
.cc-scale__ends { display: flex; justify-content: space-between; max-width: 260px; margin-top: 2px; font: 400 var(--fs-14)/1.2 var(--f-text); color: var(--ink-2); }
.cc-tile { display: inline-grid; place-items: center; width: 52px; height: 52px; padding: 0; border: 0; cursor: pointer; background: var(--c); color: var(--sheet); font: var(--w-han) 28px/1 var(--f-han); }
.cc-tile[data-el="metal"] { background: var(--metal-text); }
.cc-tile span { color: var(--sheet); }
.cc-tile:hover { transform: translate(1px, 1px); }
.cc-tile--sm { width: 32px; height: 32px; font-size: 18px; color: var(--sheet); }

/* ---------- результат ---------- */
.cc-result { margin: 0 0 var(--sec-y); }
.cc-result:focus, .cc-result h2:focus { outline: none; }
.cc-who { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-1) var(--s-5); margin: 0 0 var(--s-3); }
.cc-who__d { margin: 0; font: 400 var(--fs-22)/1.4 var(--f-text); font-feature-settings: "tnum"; }
.cc-who__d b { font-weight: 600; }
.cc-who > .btn-link, .cc-cr__now + .btn-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; background: none; border: 0; font: inherit; font-size: var(--fs-17); color: var(--cinnabar); text-decoration: underline; text-underline-offset: .15em; cursor: pointer; }
.cc-who__edge { display: flex; flex-wrap: wrap; flex-basis: 100%; align-items: baseline; gap: 2px var(--s-3); margin: 0; font-size: var(--fs-17); color: var(--ink-2); }
.cc-who__edge a { display: inline-flex; align-items: center; min-height: 44px; }
.cc-notes { max-width: 980px; margin: 0 0 var(--s-4); padding: 0; list-style: none; }
.cc-notes li { max-width: 80ch; margin: 0 0 8px; padding: 10px 16px; background: var(--paper-deep); font-size: var(--fs-17); line-height: 1.5; }

/* главное */
.cc-key { background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); }
.cc-key__head { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--s-4); align-items: center; padding: var(--s-3) var(--s-6); border-bottom: 3px double var(--ink); }
.cc-key__head img { display: block; width: 56px; height: 56px; }
.cc-key__h { margin: 0; font: 600 var(--fs-22)/1.25 var(--f-text); }
.cc-key__h small { margin-left: var(--s-2); font: 400 var(--fs-17)/1.4 var(--f-text); color: var(--ink-2); }
.cc-key__cells { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cc-key__cell { min-width: 0; padding: var(--s-5) var(--s-6) var(--s-6); }
.cc-key__cell + .cc-key__cell { border-left: 1px solid var(--hair); }
.cc-key__k { display: block; margin: 0 0 10px; font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-key__row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--s-3); min-height: 64px; }
.cc-big { padding: 0; background: none; border: 0; cursor: pointer; font: var(--w-han) 60px/1 var(--f-han); }
.cc-big:hover { transform: translate(1px, 1px); }
.cc-key__name { font: 600 var(--fs-22)/1.2 var(--f-text); font-feature-settings: "tnum"; }
.cc-key__name small { display: block; margin-top: 2px; font: 400 var(--fs-14)/1.3 var(--f-text); color: var(--ink-2); }
.cc-key__s { margin: 10px 0 0; font-size: var(--fs-17); line-height: 1.45; }
.cc-key__s .btn-link { padding: 0; font-size: var(--fs-17); }
.cc-key__dep { display: inline-block; padding: 4px 10px; border: 1.5px dashed var(--ink-a4); background: var(--paper); font: 600 var(--fs-17)/1.3 var(--f-text); color: var(--ink-2); }
.cc-key__day { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--s-4); align-items: center; padding: var(--s-4) var(--s-6); border-top: 1px solid var(--hair); }
.cc-key__day img { display: block; width: 64px; height: 64px; }
.cc-key__day p { max-width: 90ch; margin: 0; font-size: var(--fs-17); line-height: 1.45; }
.cc-key__day b { font-weight: 600; }
.cc-orderline { display: none; }

/* лист столпов и панель объяснений */
.cc-maparea { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--s-8); align-items: start; margin-top: var(--s-10); }
.cc-pmap { margin: 0; background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); }
.cc-pmap__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px var(--s-3); padding: var(--s-3) var(--s-6); border-bottom: 3px double var(--ink); font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-pmap__head h3 { margin: 0; font: inherit; }
.cc-pmap__legend { display: inline-flex; gap: var(--s-4); font-weight: 400; color: var(--ink-2); }
.cc-pmap__legend i { display: inline-block; width: 14px; height: 14px; margin-right: 6px; border: 2px solid var(--ink); vertical-align: -2px; }
.cc-pmap__legend i.is-f { background: var(--ink); }
.cc-pmap__nohour { margin: 0; padding: var(--s-3) var(--s-6); border-bottom: 1px solid var(--hair); background: var(--paper-deep); font-size: var(--fs-17); line-height: 1.45; }
.cc-pgrid { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 var(--s-4); }
.cc-pgrid > * { min-width: 0; }
.cc-pg { display: grid; justify-items: center; align-content: start; padding: 6px var(--s-2); text-align: center; }
.cc-pg.is-self { background: var(--paper); }
.cc-pg--pos { margin: 0; padding-top: var(--s-4); font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-pg--pos small { font: 400 var(--fs-14)/1.3 var(--f-text); color: var(--ink-2); }
.cc-pg--role { align-content: center; min-height: 52px; font: 400 var(--fs-14)/1.3 var(--f-text); }
.cc-pg--role .cc-term { max-width: 16ch; hyphens: auto; }
.cc-pg__none { color: var(--ink-2); }
.cc-pg--st { padding-top: 10px; padding-bottom: 10px; }
.cc-pg--st .cc-st { --z: clamp(56px, 6.4vw, 96px); }
.cc-pg__cap { display: block; margin-top: 8px; font: 400 var(--fs-14)/1.35 var(--f-text); color: var(--ink-2); }
.cc-arcs { position: relative; grid-column: 1 / -1; height: 60px; padding: 0; background: linear-gradient(90deg, transparent 25%, var(--paper) 25% 50%, transparent 50%); }
.cc-arcs--bot { height: 64px; }
.cc-arcs svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.cc-arcs path { fill: none; stroke: var(--ink); stroke-width: 1.5px; vector-effect: non-scaling-stroke; }
.cc-arcs path.is-clash { stroke-dasharray: 6 4; }
.cc-arcs__l { position: absolute; padding: 0 6px; background: var(--sheet); font: 400 var(--fs-14)/1.3 var(--f-text); white-space: nowrap; transform: translate(-50%, -50%); }
.cc-arcs__l .han { font-size: 15px; }
.cc-arcs__more { position: absolute; right: 0; bottom: 4px; display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; background: none; border: 0; cursor: pointer; font: 600 var(--fs-14)/1.2 var(--f-text); color: var(--cinnabar); text-decoration: underline; text-underline-offset: .2em; }
.cc-pmap__foot { margin: 0; padding: var(--s-3) var(--s-6); border-top: 1px dashed var(--hair); font-size: var(--fs-14); line-height: 1.45; color: var(--ink-2); }

.cc-dock { position: sticky; top: 86px; max-height: calc(100vh - 110px); overflow: auto; padding: var(--s-5); background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); }
.cc-dock__empty { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--s-3); align-items: center; }
.cc-dock__empty img { width: 56px; height: 56px; }
.cc-dock__empty p { margin: 0; font-size: var(--fs-17); line-height: 1.45; }
.cc-hint__old { margin: 0 0 var(--s-3); padding: 8px 12px; background: var(--paper-deep); font: 600 var(--fs-14)/1.4 var(--f-text); }
.cc-hint__head { display: grid; grid-template-columns: 48px minmax(0, 1fr) 44px; gap: var(--s-3); align-items: start; margin-bottom: var(--s-2); }
.cc-hint__head img { display: block; width: 48px; height: 48px; }
.cc-hint__t { margin: 2px 0 0; font: 600 var(--fs-22)/1.25 var(--f-text); }
.cc-hint__t .han { margin-left: 4px; font-size: 20px; }
.cc-hint__where { margin: 4px 0 0; font: 400 var(--fs-14)/1.4 var(--f-text); color: var(--ink-2); }
.cc-hint__x { display: grid; place-items: center; width: 44px; height: 44px; margin: -8px -8px 0 0; padding: 0; background: none; border: 0; cursor: pointer; color: var(--ink); }
.cc-hint__x:hover { background: var(--paper-deep); }
.cc-hint__x:focus-visible { outline: 3px solid var(--focus); }
.cc-dock h4, .cc-hint h4 { margin: var(--s-3) 0 4px; font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-dock p, .cc-hint p { max-width: 70ch; margin: 0; font-size: var(--fs-17); line-height: 1.5; }
.cc-dock .cc-hint__old, .cc-hint .cc-hint__old { font-size: var(--fs-14); margin-bottom: var(--s-3); }
.cc-dock .cc-hint__where, .cc-hint .cc-hint__where { font-size: var(--fs-14); }
.cc-hint__more .btn-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--s-2); font-weight: 600; }
.cc-hint--inline { position: relative; grid-column: 1 / -1; margin: var(--s-2) 0 var(--s-3); padding: var(--s-4); background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); text-align: left; font-weight: 400; }
.cc-hint--inline::before { content: ""; position: absolute; top: -9px; left: var(--ax, 40px); width: 16px; height: 16px; background: var(--sheet); border-left: 1.5px solid var(--ink); border-top: 1.5px solid var(--ink); transform: rotate(45deg); }

/* летопись */
.cc-sec { margin-top: var(--sec-y); scroll-margin-top: 96px; }
.cc-chron { position: relative; margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--ink); }
.cc-chron::before { content: ""; position: absolute; left: 43px; top: 0; bottom: 0; border-left: 2px solid var(--ink); }
.cc-cr { position: relative; display: grid; grid-template-columns: 88px 200px minmax(0, 4fr) minmax(0, 6fr); gap: 0 var(--s-6); align-items: start; padding: var(--s-5) var(--s-4) var(--s-5) 0; border-bottom: 1px solid var(--hair); }
.cc-cr__seal { position: relative; z-index: 1; display: grid; justify-items: center; }
.cc-cr__btn { padding: 0; background: var(--paper); border: 0; cursor: pointer; box-shadow: 0 0 0 6px var(--paper); }
.cc-cr__btn .cc-seal { --sz: 40px; }
.cc-cr__when { display: grid; gap: 2px; padding-top: 6px; }
.cc-cr__y { font: 600 var(--fs-22)/1.2 var(--f-text); font-feature-settings: "tnum"; }
.cc-cr__a { font-size: var(--fs-17); color: var(--ink-2); }
.cc-cr__line { max-width: 46ch; margin: 0; padding-top: 8px; font-size: var(--fs-17); line-height: 1.5; }
.cc-cr__line b { font-weight: 600; }
.cc-cr--pre .cc-cr__line, .cc-cr--pre .cc-cr__y { color: var(--ink-2); }
.cc-cr--pre .cc-cr__seal .cc-seal { --sz: 40px; background: var(--paper); box-shadow: 0 0 0 6px var(--paper); }
.cc-cr--now { z-index: 2; background: var(--sheet); outline: 3px solid var(--ink); outline-offset: -3px; }
.cc-cr--now .cc-cr__btn { background: var(--sheet); box-shadow: 0 0 0 4px var(--sheet), 0 0 0 7px var(--ink); }
.cc-cr__now { justify-self: start; display: inline-block; margin-top: 8px; padding: 3px 10px; background: var(--ink); color: var(--sheet); font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-cr.is-far { display: none; }
.cc-chron.is-all .cc-cr.is-far { display: grid; }
.cc-chron__more { margin: var(--s-3) 0 0; }
.cc-chron__more .btn-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; background: none; border: 0; font: inherit; color: var(--cinnabar); text-decoration: underline; cursor: pointer; }
.cc-slip { grid-column: 4; padding: var(--s-4) var(--s-5) var(--s-5); background: var(--sheet); border: 1.5px solid var(--ink); scroll-margin-top: 96px; }
.cc-slip + .cc-slip { margin-top: var(--s-3); }
.cc-cr--now .cc-slip { background: var(--paper); }
.cc-slip__y { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s-3); margin: 0 0 var(--s-3); font-size: var(--fs-14); color: var(--ink-2); }
.cc-slip__y .han { font-size: 16px; color: var(--ink); }
.cc-ystamp { display: inline-block; padding: 6px 10px 5px; background: var(--plate); color: var(--ink); border: 1.5px solid var(--ink); font: 600 var(--fs-22)/1 var(--f-text); font-feature-settings: "tnum"; transform: rotate(-3deg); }
.cc-slip h3 { margin: 0 0 var(--s-2); font: 600 var(--fs-22)/1.3 var(--f-text); text-wrap: balance; }
.cc-slip p { max-width: 62ch; margin: 0; font-size: var(--fs-17); line-height: 1.5; }
.cc-cr .cc-hint--inline { grid-column: 1 / -1; }

.cc-ask { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--s-5); align-items: start; margin-top: var(--s-8); padding: var(--s-6); background: var(--paper-deep); }
.cc-ask img { display: block; width: 96px; height: 96px; }
.cc-ask__q { margin: 0 0 var(--s-2); font: 600 var(--fs-22)/1.3 var(--f-text); }
.cc-ask__say { max-width: 70ch; margin: 0 0 var(--s-4); font-size: var(--fs-17); line-height: 1.5; }
.cc-ask__b { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.cc-ask__b .btn[aria-pressed="true"] { background: var(--ink); color: var(--sheet); }

/* заказ */
.cc-order { margin-top: var(--s-12); background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); scroll-margin-top: 100px; }
.cc-order__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px var(--s-3); padding: var(--s-3) var(--s-6); border-bottom: 3px double var(--ink); font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-order__head h2 { margin: 0; font: inherit; }
.cc-order__head span { font-weight: 400; color: var(--ink-2); }
.cc-order__body { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 4fr); gap: var(--s-4) var(--s-10); padding: var(--s-6); }
.cc-order__why { max-width: 44ch; margin: 0; font: 400 var(--fs-22)/1.35 var(--f-text); }
.cc-order__buy { display: grid; gap: var(--s-3); align-content: start; }
.cc-order__legal { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2) var(--s-10); padding-top: var(--s-4); border-top: 1px dashed var(--hair); }
.cc-order__legal p { max-width: 70ch; margin: 0; font-size: var(--fs-14); line-height: 1.45; color: var(--ink-2); }
.cc-order__legal b { display: block; margin-bottom: 4px; color: var(--ink); }

/* подробно */
.cc-more { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--s-8); align-items: start; }
.cc-sheets { display: grid; gap: var(--s-3); }
.cc-sheet { background: var(--sheet); border: 1.5px solid var(--ink); scroll-margin-top: 100px; }
.cc-sheet > summary { display: grid; grid-template-columns: minmax(170px, 3fr) minmax(0, 6fr) 36px; gap: var(--s-2) var(--s-5); align-items: center; min-height: 72px; padding: var(--s-4) var(--s-5); list-style: none; cursor: pointer; }
.cc-sheet > summary::-webkit-details-marker { display: none; }
.cc-sheet > summary::after { content: "+"; display: grid; place-items: center; width: 34px; height: 34px; border: 1.5px solid var(--ink); font: 400 var(--fs-22)/1 var(--f-text); }
.cc-sheet[open] > summary::after { content: "\2212"; background: var(--ink); color: var(--sheet); }
.cc-sheet[open] > summary { border-bottom: 3px double var(--ink); }
.cc-sheet > summary:hover .cc-sheet__t { color: var(--cinnabar); }
.cc-sheet > summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.cc-sheet__t { font: 600 var(--fs-22)/1.3 var(--f-text); }
.cc-sheet__sum { font-size: var(--fs-17); line-height: 1.4; color: var(--ink-2); }
.cc-sheet__sum .han { font-size: 18px; }
.cc-sheet__body { display: grid; gap: var(--s-4); padding: var(--s-5); }
.cc-sheet__body > p { max-width: 70ch; margin: 0; font-size: var(--fs-17); line-height: 1.5; }
.cc-sheet__body > p.cc-cap { font-size: var(--fs-14); }
.cc-mark { padding: 8px 14px; background: var(--paper-deep); }

.cc-inn { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cc-inn__col { min-width: 0; padding: 0 var(--s-3); }
.cc-inn__col + .cc-inn__col { border-left: 1px solid var(--hair); }
.cc-inn__col:first-child { padding-left: 0; }
.cc-inn__h { display: flex; align-items: baseline; gap: var(--s-2); margin: 0 0 var(--s-3); font: 600 var(--fs-17)/1.3 var(--f-text); }
.cc-inn__h .han { font-size: 26px; }
.cc-inn dl { display: grid; gap: var(--s-3); margin: 0; }
.cc-inn dt { margin-bottom: 2px; font: 600 var(--fs-14)/1.3 var(--f-text); color: var(--ink-2); }
.cc-inn dd { display: grid; gap: 4px; justify-items: start; margin: 0; }
.cc-inn dd .cc-term { font-size: var(--fs-17); line-height: 1.4; }
.cc-inn__hid { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: baseline; gap: 0 var(--s-2); font-size: var(--fs-17); line-height: 1.35; }
.cc-inn__hid > .han { font-size: 22px; }
.cc-inn__hid .cc-term { color: var(--ink); }
.cc-inn__hid small { grid-column: 2; font-size: var(--fs-14); color: var(--ink-2); }
.cc-inn__src { font-size: var(--fs-14); color: var(--ink-2); }

.cc-pow { margin: 0; padding: 0; list-style: none; border-top: 1.5px solid var(--ink); }
.cc-pow li { display: grid; grid-template-columns: minmax(0, 15fr) minmax(0, 12fr) 64px; gap: var(--s-4); align-items: center; padding: 10px 0; border-bottom: 1px solid var(--hair); }
.cc-pow li > span:first-child .cc-term, .cc-pow b { display: inline; font-size: var(--fs-17); font-weight: 600; }
.cc-pow small { display: block; font-size: var(--fs-14); line-height: 1.35; color: var(--ink-2); }
.cc-pow__bar { position: relative; height: 20px; background: linear-gradient(var(--ink), var(--ink)) 50% 0 / 1.5px 100% no-repeat; }
.cc-pow__bar i { position: absolute; top: 3px; bottom: 3px; }
.cc-pow__bar i.is-p { left: 50%; background: var(--ink); }
.cc-pow__bar i.is-n { right: 50%; background: repeating-linear-gradient(-45deg, var(--ink) 0 2px, transparent 2px 6px); border: 1.5px solid var(--ink); }
.cc-pow__v { font: 600 var(--fs-17)/1 var(--f-text); font-feature-settings: "tnum"; text-align: right; }
.cc-pow li.is-sum { border-top: 2px solid var(--ink); border-bottom: 0; }
.cc-use { margin: 0; }
.cc-use > div { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 4px 16px; padding: 8px 0; }
.cc-use dt { font-weight: 600; }
.cc-use dd { margin: 0; font-size: var(--fs-17); }
.cc-byhour { margin: 0; padding: 0; list-style: none; border-top: 1.5px solid var(--ink); }
.cc-byhour li { padding: 10px 0; border-bottom: 1px solid var(--hair); font-size: var(--fs-17); }
.cc-byhour p { margin: 0 0 4px; }
.cc-byhour__h { font: 600 var(--fs-14)/1.4 var(--f-text); color: var(--ink-2); }

.cc-bal__strip { display: flex; height: 56px; border: 1.5px solid var(--ink); }
.cc-bal__strip span { display: grid; flex: var(--p) 1 0; align-content: center; min-width: 0; overflow: hidden; padding: 0 8px; background: var(--c); color: var(--sheet); font: 600 var(--fs-17)/1.15 var(--f-text); font-feature-settings: "tnum"; white-space: nowrap; }
.cc-bal__strip span[data-el="metal"] { background: var(--metal-text); }
.cc-bal__strip span + span { border-left: 2px solid var(--sheet); }
.cc-bal__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-4); margin: 0; padding: 0; list-style: none; }
.cc-bal__list li { display: grid; align-content: start; gap: 4px; padding-top: var(--s-2); border-top: 3px solid var(--c); font-size: var(--fs-14); line-height: 1.4; color: var(--ink-2); }
.cc-bal__list .cc-term { justify-self: start; font-size: var(--fs-17); font-weight: 600; color: var(--ink); }
.cc-bal__tag { justify-self: start; padding: 1px 8px; border: 1.5px solid var(--ink); font-weight: 600; color: var(--ink); }
.cc-bal__tag.is-x { border-style: dashed; border-color: var(--ink-a4); color: var(--ink-2); }

.cc-rel { margin: 0; padding: 0; list-style: none; }
.cc-rel li { padding: var(--s-3) 0; border-bottom: 1px solid var(--hair); }
.cc-rel li:first-child { padding-top: 0; }
.cc-rel .cc-term { font-size: var(--fs-17); font-weight: 600; }
.cc-rel .han { font-size: 18px; }
.cc-rel p { max-width: 62ch; margin: 4px 0 0; font-size: var(--fs-17); line-height: 1.45; }
.cc-rel small { font-size: var(--fs-14); color: var(--ink-2); }
.cc-rel__off { display: inline-block; margin-left: var(--s-2); padding: 0 8px; border: 1.5px dashed var(--ink-a4); font: 600 var(--fs-14)/1.5 var(--f-text); color: var(--ink-2); }

.cc-pal { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--hair); border-left: 1px solid var(--hair); }
.cc-pal li { display: grid; align-content: start; gap: 4px; padding: var(--s-3); border-right: 1px solid var(--hair); border-bottom: 1px solid var(--hair); font-size: var(--fs-14); line-height: 1.35; color: var(--ink-2); }
.cc-pal .cc-term { justify-self: start; font-size: var(--fs-17); font-weight: 600; color: var(--ink); }
.cc-pal .han { font-size: 22px; }

.cc-celebs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s-6); margin: 0; padding: 0; list-style: none; }
.cc-celebs li { padding: 10px 0; border-bottom: 1px solid var(--hair); font-size: var(--fs-17); line-height: 1.4; }
.cc-celebs li span { display: block; font-size: var(--fs-14); color: var(--ink-2); }

.cc-time { margin: 0; }
.cc-time > div { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 4px 16px; padding: 8px 0; border-bottom: 1px solid var(--hair); }
.cc-time dt { font: 600 var(--fs-14)/1.5 var(--f-text); }
.cc-time dd { margin: 0; font-size: var(--fs-17); font-feature-settings: "tnum"; }

.cc-bye { max-width: 70ch; margin: var(--s-8) 0 0; font-size: var(--fs-14); line-height: 1.45; color: var(--ink-2); }
.cc-next { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--s-6); margin-top: var(--s-2); }
.cc-next .btn-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; background: none; border: 0; font: inherit; color: var(--cinnabar); text-decoration: underline; cursor: pointer; }

/* пример бесплатного разбора на старте и поле имени (стили самого разбора — report.css, грузится после расчёта) */
.cc-exr { grid-column: 1 / -1; background: var(--sheet); border: 1.5px solid var(--ink); box-shadow: var(--sh-card-ink); }
.cc-exr__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px var(--s-3); padding: var(--s-3) var(--s-6); border-bottom: 3px double var(--ink); font: 600 var(--fs-14)/1.3 var(--f-text); }
.cc-exr__head h2 { margin: 0; font: inherit; }
.cc-exr__head span { font-weight: 400; color: var(--ink-2); }
.cc-exr__body { padding: var(--s-5) var(--s-6); columns: 2 22rem; column-gap: var(--s-10); }
.cc-exr__t { margin: 0 0 var(--s-3); padding-top: var(--s-2); border-top: 6px solid var(--ink); font: 600 var(--fs-22)/1.25 var(--f-text); column-span: all; }
.cc-exr__body p { margin: 0 0 .8em; font-size: var(--fs-17); line-height: 1.55; break-inside: avoid; }
.cc-exr__body .han { font-family: var(--f-han); font-weight: var(--w-han); }
.cc-exr__foot { column-span: all; display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--s-4); }
.cc-exr__body .cc-exr__foot { font-size: var(--fs-14); color: var(--ink-2); }
.cc-exr__foot .btn-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; background: none; border: 0; font: 600 var(--fs-17)/1.3 var(--f-text); color: var(--cinnabar); text-decoration: underline; cursor: pointer; }

.cc-blank__opt { font-weight: 400; color: var(--ink-2); }
.cc-blank__hint { margin: 0; font-size: var(--fs-14); line-height: 1.4; color: var(--ink-2); }


/* ---------- 1279 и уже ---------- */
@media (max-width: 1279px) {
  .cc-cr { grid-template-columns: 72px 156px minmax(0, 3fr) minmax(0, 7fr); gap: 0 var(--s-5); }
  .cc-chron::before { left: 35px; }
  .cc-cr__now { white-space: nowrap; }
  .cc-key__cell { padding: var(--s-4) var(--s-4) var(--s-5); }
  .cc-big { font-size: 52px; }
}
@media (max-width: 1100px) {
  .cc-start { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: var(--s-6); }
  .cc-blank { padding: var(--s-5); }
  .cc-blank__row--city { grid-template-columns: minmax(0, 1fr); }
  .cc-ex__head, .cc-ex__body { padding-inline: var(--s-4); }
  .cc-ex__key { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-ex__cell:nth-child(3) { border-left: 0; }
  .cc-ex__cell:nth-child(n+3) { border-top: 1px solid var(--hair); }
  .cc-say { grid-template-columns: 56px minmax(0, 1fr); }
  .cc-say img { width: 56px; height: 56px; }
  .cc-inn { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--s-6); }
  .cc-inn__col:nth-child(3) { padding-left: 0; border-left: 0; }
  .cc-order__legal { grid-template-columns: 1fr; }
}
/* уже 1024: боковых колонок нет, объяснение — карточкой под знаком */
@media (max-width: 1023px) {
  .cc-maparea, .cc-more { grid-template-columns: minmax(0, 1fr); }
  .cc-dock { display: none; }
  .cc-key__cells { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-key__cell:nth-child(3) { border-left: 0; }
  .cc-key__cell:nth-child(n+3) { border-top: 1px solid var(--hair); }
  .cc-cr { grid-template-columns: 72px 150px minmax(0, 1fr); }
  .cc-slip { grid-column: 2 / -1; margin-top: var(--s-4); }
  .cc-ask { grid-template-columns: 72px minmax(0, 1fr); }
  .cc-ask img { width: 72px; height: 72px; }
}

/* ---------- телефон ---------- */
@media (max-width: 767px) {
  .cc-h2 { margin-bottom: var(--s-2); }
  .cc-exr__head, .cc-exr__body { padding-inline: var(--s-4); }
  .cc-start { grid-template-columns: minmax(0, 1fr); gap: var(--s-8); }
  .cc-blank { padding: var(--s-4); box-shadow: 4px 4px 0 var(--ink); }
  .cc-blank__row { gap: var(--s-3); }
  .cc-blank .place-panel__coords { grid-template-columns: minmax(0, 1fr); }
  .cc-ex__cell { padding: 10px; }
  .cc-ex__pil .cc-seal { --sz: 36px; }
  .cc-ex__chron li { grid-template-columns: 26px minmax(0, 1fr); }
  .cc-ex__chron li > .cc-seal { grid-row: span 2; }
  .cc-ex__y b { display: inline; margin-right: 8px; font-size: var(--fs-14); }

  .cc-who { gap: 0 var(--s-3); }
  .cc-who__d { font-size: var(--fs-17); }
  .cc-who__edge { font-size: var(--fs-14); }
  .cc-notes li { font-size: var(--fs-14); }
  .cc-key { box-shadow: 4px 4px 0 var(--ink); }
  .cc-key__head { grid-template-columns: 44px minmax(0, 1fr); gap: var(--s-3); padding: var(--s-3) var(--s-4); }
  .cc-key__head img { width: 44px; height: 44px; }
  .cc-key__h small { display: block; margin: 2px 0 0; font-size: var(--fs-14); }
  .cc-key__cell { padding: var(--s-3) var(--s-3) var(--s-4); }
  .cc-key__row { min-height: 48px; gap: 4px var(--s-2); }
  .cc-big { font-size: 44px; }
  .cc-key__name { font-size: var(--fs-17); }
  .cc-key__s, .cc-key__s .btn-link, .cc-key__dep { font-size: var(--fs-14); }
  .cc-tile { width: 44px; height: 44px; font-size: 24px; }
  .cc-key__day { grid-template-columns: 48px minmax(0, 1fr); gap: var(--s-3); padding: var(--s-3) var(--s-4); }
  .cc-key__day img { width: 48px; height: 48px; }
  .cc-key__day p { font-size: var(--fs-14); }
  .cc-key__x { display: none; }
  .cc-orderline { display: flex; align-items: center; min-height: 48px; margin-top: var(--s-3); font: 600 var(--fs-17)/1.3 var(--f-text); color: var(--ink); text-decoration: underline; text-underline-offset: .2em; }

  .cc-maparea { margin-top: var(--s-6); }
  .cc-pmap { box-shadow: 4px 4px 0 var(--ink); }
  .cc-pmap__head { padding-inline: var(--s-3); }
  .cc-pmap__legend { display: none; }
  .cc-pmap__nohour { padding-inline: var(--s-3); font-size: var(--fs-14); }
  .cc-pgrid { padding: 0 2px; }
  .cc-pg { padding: 4px 2px; }
  .cc-pg--role { min-height: 60px; letter-spacing: -.01em; }
  .cc-pg--role .cc-term { overflow-wrap: anywhere; }
  .cc-pg--st .cc-st { --z: min(68px, 17vw); }
  .cc-pg__cap { margin-top: 6px; line-height: 1.25; }
  .cc-pg__x, .cc-pg--pos small { display: none; }
  .cc-arcs__l { padding: 0 3px; white-space: normal; max-width: 46vw; text-align: center; }
  .cc-pmap__foot { display: none; }

  .cc-chron::before { left: 27px; }
  .cc-cr { grid-template-columns: 56px minmax(0, 1fr); gap: 0 var(--s-3); padding: var(--s-3) var(--s-2) var(--s-3) 0; }
  .cc-cr--pre:not(.has-slip) { display: none; }
  .cc-cr__seal { grid-row: 1 / span 2; }
  .cc-cr__btn .cc-seal, .cc-cr--pre .cc-cr__seal .cc-seal { --sz: 30px; }
  .cc-cr__when { display: flex; flex-wrap: wrap; grid-column: 2; align-items: baseline; gap: 0 var(--s-3); padding-top: 2px; }
  .cc-cr__y { font-size: var(--fs-17); }
  .cc-cr__a { font-size: var(--fs-14); }
  .cc-cr__now { margin-top: 4px; }
  .cc-cr__line { grid-column: 2; padding-top: 4px; font-size: var(--fs-14); line-height: 1.45; }
  .cc-slip { position: relative; z-index: 1; grid-column: 1 / -1; margin: var(--s-3) 0 0; padding: var(--s-3) var(--s-4) var(--s-4); }
  .cc-ystamp { font-size: var(--fs-17); }
  .cc-slip h3 { font-size: var(--fs-17); }
  .cc-slip p { font-size: var(--fs-14); }
  .cc-ask { grid-template-columns: 56px minmax(0, 1fr); gap: var(--s-3); padding: var(--s-4); }
  .cc-ask img { width: 56px; height: 56px; }
  .cc-ask__say { font-size: var(--fs-14); }
  .cc-ask__b .btn { flex: 1 1 140px; }

  .cc-order { box-shadow: 4px 4px 0 var(--ink); }
  .cc-order__head { padding-inline: var(--s-4); }
  .cc-order__body { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); padding: var(--s-4); }
  .cc-order__why { font-size: var(--fs-17); }
  .cc-order__buy { order: -1; }
  .cc-order__buy .btn { width: 100%; }

  .cc-sheet > summary { grid-template-columns: minmax(0, 1fr) 34px; min-height: 60px; padding: var(--s-3) var(--s-4); }
  .cc-sheet > summary .cc-sheet__sum { grid-column: 1; grid-row: 2; font-size: var(--fs-14); }
  .cc-sheet > summary::after { grid-column: 2; grid-row: 1 / span 2; }
  .cc-sheet__t { font-size: var(--fs-17); }
  .cc-sheet__body { padding: var(--s-4); }
  .cc-inn { grid-template-columns: minmax(0, 1fr); row-gap: var(--s-5); }
  .cc-inn__col { padding: 0 !important; border-left: 0 !important; }
  .cc-inn__col + .cc-inn__col { padding-top: var(--s-4) !important; border-top: 1px solid var(--hair); }
  .cc-pow li { grid-template-columns: minmax(0, 1fr) 72px 48px; gap: var(--s-2); }
  .cc-use > div { grid-template-columns: minmax(0, 1fr); }
  .cc-bal__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-bal__strip span { padding: 0 3px; font-size: var(--fs-14); }
  .cc-pal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-celebs { grid-template-columns: minmax(0, 1fr); }
  .cc-time > div { grid-template-columns: minmax(0, 1fr); }
  .cc-hint__t { font-size: var(--fs-17); }
}

/* ---------- печать ---------- */
@media print {
  .cc-start, .cc-off, .cc-dock, .cc-hint--inline, .cc-ask, .cc-order, .cc-orderline, .cc-next, .cc-bye, .cc-who > .btn-link, .cc-who__edge a,
  .cc-chron__more, .cc-arcs__more, .cc-hint__more { display: none !important; }
  .cc-result { margin: 0; }
  .cc-key, .cc-pmap { box-shadow: none; }
  .cc-maparea, .cc-more { grid-template-columns: minmax(0, 1fr); }
  .cc-term { text-decoration: none; }
  .cc-sec, .cc-sheet, .cc-cr { break-inside: avoid-page; }
  .cc-st, .cc-sg, .cc-tile, .cc-bal__strip span, .cc-ystamp, .cc-cr__now { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}

/* End */
/* /local/templates/.default/css/page-calculator.css?17925629432793 */
/* /local/components/mrlexndr/bazi.calculator/templates/.default/style.css?179256294341879 */