/* Делоскоп — визуал, волна 2 (vizual-v2, 18.10.2026). Разметку ставит /js/vizual2.js; без JS ничего из этого не видно.
   Подключается до glubina.css (тот — последним стилем страницы). */

/* ===== А. переворот примера отчёта ===== */
.ex-vid{display:flex;gap:4px;padding:4px;margin:18px 28px 2px;border-radius:999px;background:rgba(29,29,31,.05);width:max-content;max-width:calc(100% - 56px)}
.ex-vid[hidden]{display:none}
/* vizual-v3.1c: до js/vizual2.js — место под таблетки отступом блока фактов (таблетки 18 + 44 + 2 px и обёртка .ex-flip 6 px); [hidden] в ДС — !important, поэтому не показываем, а отодвигаем. Без JS места нет: класс ставит строка в <head> главной */
.zhdu-js .report.ex .ex-vid[hidden]+.ex-f{margin-top:78px}
.ex-vid button{white-space:nowrap;border:0;background:transparent;font:inherit;font-size:15px;font-weight:500;color:var(--ink2,#48484C);padding:7px 14px;border-radius:999px;cursor:pointer;min-height:44px;transition:background .2s,color .2s,box-shadow .2s}
.ex-vid button:hover{color:var(--ink,#1D1D1F)}
.ex-vid button[aria-selected=true]{background:#fff;color:var(--ink,#1D1D1F);box-shadow:0 1px 3px rgba(29,29,31,.10)}
.ex-vid button:focus-visible{outline:2px solid var(--accent,#0B63E5);outline-offset:2px}
.ex-flip{perspective:1200px;margin:6px 0 0}
.ex-flip__in{position:relative;transform-style:preserve-3d;transition:transform 600ms var(--ease,cubic-bezier(.2,.7,.2,1))}
.ex-flip__in.is-oborot{transform:rotateY(180deg)}
.ex-lico{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ex-zad{position:absolute;inset:0;padding:16px 28px 4px;background:var(--accent-soft,#EAF1FD);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .16s}
.ex-zad.is-smena{opacity:0}
.ex-flip__in[data-vid=nalog] .ex-zad{background:#F3EFE6}
.ex-zad .ex-f__h{padding-bottom:6px}
.ex-zad .ex-f__h b{font-size:15px}
.ex-zad .ex-r{border-color:rgba(29,29,31,.08)}
/* pravo-teksty-v1: оговорка под «Глазами банка / налоговой» */
.ex-zad__pod{margin:10px 0 12px;font-size:13px;line-height:1.45;color:var(--ink2,#48484C);max-width:38em}
.ex-zad__pod[hidden]{display:none}
/* настоящий отчёт: таблетки над «Существенными фактами», оборот — мягкая плашка в колонке */
.ex-vid.ot-vid{margin:0 0 12px;max-width:100%}
.ot-main .ex-zad{bottom:auto;padding:14px 16px 4px;border-radius:16px}
.ot-main .ex-zad .ex-r,.ot-main .ex-zad .sut__r{border-color:rgba(29,29,31,.08)}
/* после поворота скрытая сторона не ловит клики и не читается — inert/aria-hidden ставит скрипт */
.ex-lico[inert],.ex-zad[inert]{pointer-events:none}
/* otchet-detali-v1: вкладок 3 (пример) или 4 (отчёт, «Связи» добавляет js/svyazi.js) — всегда одна строка равных колонок; было 3 колонки — «Связи» уезжала на вторую строку */
@media (min-width:521px) and (max-width:720px){.ex-vid.ot-vid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:auto}.ex-vid.ot-vid button{white-space:normal;line-height:1.15;padding:6px 8px}}
@media (max-width:520px){.ex-vid.ot-vid{margin:0 0 12px}.ex-vid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:16px 20px 2px;width:auto;max-width:none;border-radius:16px}.ex-vid button{white-space:normal;line-height:1.15;padding:6px 4px;font-size:13px;min-height:44px;border-radius:10px}.ex-zad{padding:16px 20px 4px}}
@media (max-width:520px){.zhdu-js .report.ex .ex-vid[hidden]+.ex-f{margin-top:68px}}

/* ===== Б. «сеть связей» за первым экраном ===== */
.set-host{position:relative;isolation:isolate}
.set{position:absolute;left:0;top:0;width:100%;height:min(100%,100vh);z-index:-1;pointer-events:none;display:block}
#landing.set-host>.set{height:min(100%,640px,100vh)}

/* ===== В. форма проверки ===== */
.v2-forma{position:relative}
.v2-forma button{transition:transform 300ms var(--ease,cubic-bezier(.2,.7,.2,1)),background .2s,box-shadow .3s}
.v2-forma button.is-magnit{transition:transform 120ms linear,background .2s,box-shadow .3s}
.inn-pol{position:absolute;height:2px;border-radius:2px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .2s}
.inn-pol[data-vid]{opacity:1}
.inn-pol i{display:block;height:100%;background:var(--accent,#0B63E5);transform:scaleX(0);transform-origin:0 50%;transition:transform 200ms var(--ease,cubic-bezier(.2,.7,.2,1)),background .2s}
.is-inn-ok .inn-pol i{background:var(--ok,#16723F)}
.is-inn-ne .inn-pol i{background:var(--warn,#9A5B00)}
.is-inn-ok button[type=submit],.is-inn-ok button:not([type]){box-shadow:0 0 0 4px var(--accent-soft,#EAF1FD)}

@media (prefers-reduced-motion:reduce){
 .ex-flip__in,.ex-zad,.v2-forma button,.v2-forma button.is-magnit,.inn-pol,.inn-pol i,.ex-vid button{transition:none}
 /* без вращения: смена сторон мгновенно */
 .ex-flip__in.is-oborot{transform:none}
 .ex-zad{transform:none;visibility:hidden}
 .is-oborot .ex-zad{visibility:visible}
 .is-oborot .ex-lico{visibility:hidden}
}
@media print{.set,.ex-vid,.inn-pol{display:none}}
/* vizual-v3.2 «Связи» (js/svyazi.js): оборот с графом; широкий экран — холст + список для диктора, ≤ 600 px — список, граф по кнопке */
.svz{position:relative;margin:2px 0 6px}
.svz__cv{display:block;width:100%;height:320px;cursor:grab}
.svz__kn{display:none}
.svz__sp{list-style:none;margin:0;padding:0;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.svz__u{display:grid;grid-template-columns:1fr;gap:2px;padding:10px 0 10px 18px;border-top:1px solid var(--line,#E6E6E1);position:relative}
.svz__u::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--muted,#66666B)}
.svz__u--ok::before{background:var(--ok,#16723F)}.svz__u--warn::before{background:var(--warn,#9A5B00)}.svz__u--bad::before{background:var(--bad,#B3261E)}
.svz__zag{font-size:13px;color:var(--muted,#66666B)}
.svz__zn{font-weight:500;color:var(--ink,#1D1D1F);overflow-wrap:anywhere}
.svz__pod{font-size:13px;color:var(--ink-2,#48484C)}
@media (max-width:600px){
 .svz__cv{display:none;height:300px}
 .svz--graf .svz__cv{display:block}
 .svz__sp{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
 .svz__kn{display:inline-flex;align-items:center;min-height:44px;margin:0 0 8px;padding:0 16px;border:1px solid var(--line,#E6E6E1);border-radius:999px;background:transparent;color:var(--ink,#1D1D1F);font:inherit;font-size:15px;cursor:pointer}
 .svz__kn:focus-visible{outline:2px solid var(--accent,#0B63E5);outline-offset:2px}
}
.svz__ist{margin:8px 0 4px;font-size:12px;line-height:1.4;color:var(--muted,#66666B)}
@media print{.svz__cv,.svz__kn{display:none}.svz__sp{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}}