/* ИННфакт — палитра «газетная платина» (светлая по умолчанию) и «ночной океан» (тёмная, по кнопке) */
/* PT Serif (SIL OFL, см. fonts/OFL.txt) раздаём сами: без запросов к Google и быстрее первая отрисовка */
@font-face{font-family:"PT Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pt-serif-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"PT Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pt-serif-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"PT Serif";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/pt-serif-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"PT Serif";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/pt-serif-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  color-scheme:light;
  --r:3px;
  --bg:#F3EEE1;--surface:#FBF7ED;--ink:#1B2130;--muted:#67707F;--line:#E2DCCB;
  --accent:#8A6A34;--accent-ink:#FBF7ED;--accent-soft:#EFE6D2;
  --bar:#FBF7ED;
  --crit:#8C2436;--crit-ink:#FBEFF1;--crit-line:#B03A4E;
  --pos:#227A4F;--info:#3A6EA5;--mark:rgba(154,116,44,.28);--lvl-l:#B23A56;
  --video:#2F5F92;--course:#8A5A1E;
  --font-body:"PT Serif",Georgia,"Times New Roman",serif;
  --font-display:"PT Serif",Georgia,"Times New Roman",serif;
  --font-ui:"PT Serif",Georgia,"Times New Roman",serif;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0B1325;--surface:#121C33;--ink:#E2E8F0;--muted:#98A6BD;--line:#27334D;
  --accent:#C5A880;--accent-ink:#0B1325;--accent-soft:#1B2743;
  --bar:#17223B;
  --crit:#8C2436;--crit-ink:#FBEFF1;--crit-line:#B03A4E;
  --pos:#7ED0A4;--info:#8FB3E0;--mark:rgba(214,164,84,.34);--lvl-l:#E7A0A9;
  --video:#8FB4DC;--course:#D9A877;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--bg);background-image:radial-gradient(900px 420px at 50% -80px,rgba(197,168,128,.10),transparent 70%);background-repeat:no-repeat;color:var(--ink);font:16px/1.6 var(--font-body)}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:8px 12px;z-index:10}
.skip:focus{left:8px;top:8px}

/* шапка */
.bar{max-width:720px;margin:0 auto;padding:26px 16px 22px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 18px}
.logo{font:400 30px/1 var(--font-display);letter-spacing:.02em;text-decoration:none}
.logo b{font-weight:700}
.logo i{font-style:normal;color:var(--accent)}
nav{display:flex;flex-wrap:wrap;gap:6px 16px}
nav a{font-family:var(--font-ui);font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--muted);padding:4px 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--ink)}
nav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
.wrap{max-width:720px;margin:0 auto;padding:40px 16px 72px}

/* заголовки страниц */
h1.page{font:500 clamp(30px,5.6vw,42px)/1.15 var(--font-display);letter-spacing:-.015em;margin:0 0 8px}
.lede{font-size:15px;color:var(--muted);margin:0;max-width:56ch}
.label{font:500 11px/1.4 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}

/* фильтры и кнопки */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.chip{appearance:none;background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px 14px;border-radius:var(--r);font:500 12px/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip[aria-pressed=true]{background:transparent;border-color:var(--accent);color:var(--ink)}
.btn{appearance:none;border:1px solid var(--accent);background:transparent;color:var(--ink);font:500 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;padding:0 20px;border-radius:var(--r);cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none}

/* список новостей */
.list{background:transparent;border:0;border-top:1px solid var(--line);padding:0 0 12px;margin-top:10px}
.item{margin:0;padding-left:13px;border-left:2px solid transparent;border-bottom:1px solid var(--line)}
.item.crit{border-left-color:var(--crit-line)}
.item summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:14px;position:relative;padding:20px 26px 20px 0}
.item summary::-webkit-details-marker{display:none}
/* уголок раскрытия — Phosphor caret-down, цвет берётся из фона через маску */
.item summary::after{content:"";position:absolute;right:0;top:25px;width:16px;height:16px;background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}
.item[open] summary::after{transform:rotate(180deg)}
.av{flex:none;width:30px;height:30px;margin-top:1px;border-radius:var(--r);background:transparent;border:1px solid var(--line);color:var(--accent);display:grid;place-items:center;font:700 14px/1 var(--font-display)}
.tx{display:grid;gap:1px;min-width:0}
.h{font:700 18px/1.28 var(--font-display);letter-spacing:-.003em;text-wrap:pretty}
.item summary:hover .h{color:var(--accent)}
.subline{display:flex;align-items:center;gap:8px}
.ago{font:400 13px/1.4 var(--font-ui);color:var(--muted)}
.gloss{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.more-i{padding:0 26px 22px 44px;display:grid;gap:10px}
.tip{margin:0;font-size:15px;line-height:1.5;padding:2px 0 2px 12px;border-left:1px solid var(--accent)}
.tip b{font-weight:600;color:var(--accent)}
.isrc{font:400 13px/1.4 var(--font-ui);color:var(--muted)}
.full{justify-self:start;font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--accent);text-decoration:none;border-bottom:1px solid currentColor}
mark{background:var(--mark);color:var(--ink);padding:0 3px;border-radius:var(--r);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lvl{font:600 11px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:var(--r);background:var(--crit);color:var(--crit-ink)}
.morebtn{appearance:none;background:none;border:0;padding:20px 0 2px;font:500 12px/1.2 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.empty{color:var(--muted);padding:16px 0}
.empty a{color:var(--accent)}

/* страница новости */
.crumb{display:inline-block;font:400 14px/1.4 var(--font-ui);color:var(--muted);text-decoration:none;margin:0 0 18px}
.crumb:hover{color:var(--ink)}
.meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font:500 12px/1.4 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
h1.art{font:500 clamp(30px,5.6vw,44px)/1.15 var(--font-display);letter-spacing:-.015em;margin:14px 0 10px;text-wrap:balance}
.source{font:400 14px/1.5 var(--font-ui);color:var(--muted);margin:0 0 28px}
.source a{color:var(--accent)}
.lead{font-size:18px;line-height:1.6;margin:0 0 32px;max-width:65ch}
.tabs{display:flex;flex-wrap:wrap;gap:2px 22px;border-bottom:1px solid var(--line);margin-bottom:18px}
.tab{appearance:none;background:none;border:0;padding:8px 0 12px;font:500 12px/1.2 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tab:hover{color:var(--ink)}
.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}
.aud h3{font:600 20px/1.3 var(--font-display);margin:0 0 8px}
.aud p{margin:0 0 18px;max-width:65ch}
.steps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.steps li{display:grid;grid-template-columns:22px 1fr;gap:10px;max-width:65ch}
.steps svg{width:20px;height:20px;color:var(--accent);margin-top:3px}
.conf{margin:40px 0 0;padding:14px 16px;background:transparent;border:1px solid var(--line);border-radius:var(--r);font:400 14px/1.5 var(--font-ui);color:var(--muted)}
.conf b{color:var(--ink)}
.conf .lvl-h{color:var(--pos)}.conf .lvl-m{color:var(--accent)}.conf .lvl-l{color:var(--lvl-l)}

/* калькуляторы */
.calc{margin:28px 0 0;border:1px solid var(--line);border-radius:var(--r);background:transparent;padding:20px 20px 22px}
.calc h2{font:600 20px/1.3 var(--font-display);margin:0 0 12px}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
label.f{display:grid;gap:4px;font:400 13px/1.4 var(--font-ui);color:var(--muted)}
input[type=number],input[type=text],input[type=email],select{font:inherit;font-family:var(--font-ui);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:9px 10px;width:100%;min-width:0}
/* подсказки по названию в проверке организации */
.sug-wrap{position:relative;margin-top:4px}
.sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;list-style:none;margin:0;padding:4px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:340px;overflow-y:auto}
.sug li{padding:8px 12px;cursor:pointer;display:grid;gap:2px}
.sug li b{font-weight:600;color:var(--ink)}
.sug li span{font:400 12px/1.4 var(--font-ui);color:var(--muted)}
.sug li[aria-selected=true],.sug li:hover{background:var(--accent-soft)}
.sug li.off b{color:var(--muted);text-decoration:line-through}
.result{display:grid;gap:6px;margin-top:14px;font-variant-numeric:tabular-nums}
.result div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:6px}
.result .gain strong{color:var(--pos)}
.result .warn strong{color:var(--crit-line)}
/* сравнение двух вариантов: досрочное погашение, самозанятый или ИП */
.result.cmp{grid-template-columns:1fr 1fr;gap:6px 14px}
.result.cmp>div:not(.opt),.result.cmp>p{grid-column:1/-1}
.result .opt{display:grid;grid-template-columns:1fr;justify-content:stretch;gap:6px;align-content:start;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-top:8px}
.result .opt.best{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}
.result .opt.off{opacity:.6}
.result .opt h3{font:700 16px/1.3 var(--font-display);margin:0 0 2px}
.result .opt div{font-size:14px}
.verdict{font:400 14px/1.5 var(--font-ui);margin:8px 0 0}
.verdict.warn{color:var(--crit-line)}
@media (max-width:560px){.result.cmp{grid-template-columns:1fr}}
/* список калькуляторов */
.calcs{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.calcs a{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink)}
.calcs a:hover{border-color:var(--accent)}
.calcs b{font:700 18px/1.3 var(--font-display)}
.calcs span{font:400 14px/1.5 var(--font-ui);color:var(--muted)}
.note-sm{font:400 13px/1.5 var(--font-ui);color:var(--muted);margin:12px 0 0}
.ai-pending{display:flex;align-items:center;gap:10px;margin:18px 0 0;padding:12px 16px;border-radius:var(--r);background:#3A2E0A;border:1px solid #E0B93C;color:#F5D876;font:600 14px/1.5 var(--font-ui);animation:ai-pulse 1.6s ease-in-out infinite}
.ai-pending .spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(245,216,118,.35);border-top-color:#F5D876;flex:none;animation:ai-spin .8s linear infinite}
@keyframes ai-pulse{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes ai-spin{to{transform:rotate(360deg)}}

/* темы */
.grp{margin:36px 0 0}
.grp h2{font:500 11px/1.4 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 2px}
.grp>p{margin:0;font-size:14px;color:var(--muted)}
.tl .h{font-size:17px}
.mats{display:grid;gap:8px}
.mat{display:grid;grid-template-columns:56px 1fr;gap:0 8px;font-size:15px;line-height:1.4}
.mat b{font:600 12px/1.9 var(--font-ui);letter-spacing:.06em;text-transform:uppercase}
.k-video{color:var(--video)}.k-course{color:var(--course)}
.mi{display:grid;gap:3px;justify-items:start;min-width:0}
.mi .by{color:var(--muted);font:400 13px/1.4 var(--font-ui)}
.mi .go{font:600 14px/1.4 var(--font-ui);color:var(--accent)}
.tag-ad{font:500 10px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--course);color:var(--course);padding:4px 6px;border-radius:var(--r)}
.nomat{font:400 13px/1.5 var(--font-ui);color:var(--muted);margin:0}

/* обычные текстовые страницы */
.prose{max-width:65ch}
.prose h2{font:700 22px/1.3 var(--font-display);margin:32px 0 8px}
.prose p,.prose li{margin:0 0 12px}
.prose ul{padding-left:20px}
.prose a{color:var(--accent)}

/* подписка */
.subscribe{margin-top:64px;padding-top:24px;border-top:1px solid var(--line)}
.subscribe h2{font:700 22px/1.3 var(--font-display);margin:0 0 6px}
.subscribe p{margin:0 0 12px;font-size:15px;color:var(--muted)}
.subform{display:flex;gap:8px;flex-wrap:wrap}
.subform input{flex:1 1 220px;font-size:16px;padding:11px 12px}
.sublinks{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}

/* подвал */
footer.wrap{padding-top:0;padding-bottom:40px}
footer .fine{border-top:1px solid var(--line);padding-top:16px;margin:0;font:400 13px/1.6 var(--font-ui);color:var(--muted);max-width:70ch}
footer .fine a{color:var(--accent)}

@media (max-width:420px){.btn .t{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.btn:hover{background:var(--accent);color:var(--accent-ink)}

/* переключатель темы */
.theme-btn{appearance:none;align-self:center;background:transparent;border:1px solid var(--line);color:var(--muted);width:36px;height:36px;border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.theme-btn:hover{border-color:var(--accent);color:var(--accent)}
.theme-btn svg{width:18px;height:18px}
.ph{width:1.15em;height:1.15em;vertical-align:-.2em;flex:none}
.crumb .ph{margin-right:2px}
.theme-btn .ic-sun{display:none}
:root[data-theme="dark"] .theme-btn .ic-sun{display:block}
:root[data-theme="dark"] .theme-btn .ic-moon{display:none}
.tip.idea{border-left-color:var(--pos)}
.scheme{border-left:2px solid var(--crit-line);padding-left:14px;margin:26px 0}
.scheme h2{margin-top:0}
.scheme .risk b{color:var(--crit-line)}
/* раздел «Налоги» */
.ways{display:grid;gap:12px;margin-top:10px}
.way{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.way h3{font:700 18px/1.3 var(--font-display);margin:0;display:flex;gap:10px;align-items:baseline}
.way .n{flex:none;font:600 13px/1 var(--font-ui);color:var(--accent);border:1px solid var(--accent);border-radius:var(--r);padding:4px 7px}
.way .who{font:400 13px/1.4 var(--font-ui);color:var(--muted);margin:6px 0 8px}
.way p{margin:0 0 8px}
.scheme h3{font:700 18px/1.3 var(--font-display);margin:0 0 6px}
.calcs a.danger{border-color:var(--crit-line)}
.calcs a.danger b{color:var(--crit-line)}
/* главные цифры на главной */
.macro{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 22px}
.macro>a,.macro>div{display:grid;gap:2px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink)}
.macro>a:hover{border-color:var(--accent)}
.macro span{font:500 11px/1.3 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.macro b{font:700 22px/1.2 var(--font-display)}
.macro small{font:400 12px/1.3 var(--font-ui);color:var(--muted)}
/* поделиться расчётом */
.share-bar{display:flex;align-items:center;gap:12px;margin-top:12px}
.share{appearance:none;background:transparent;border:1px solid var(--line);color:var(--ink);font:500 12px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;border-radius:var(--r);cursor:pointer}
.share:hover{border-color:var(--accent)}
.share-note{font:400 13px/1.4 var(--font-ui);color:var(--pos)}
/* вход и кабинет */
.acct-btn{position:relative}
.acct-btn.on::after{content:"";position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--pos)}
.consent{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.5 var(--font-ui);margin:0 0 16px}
.consent input{margin-top:3px;flex:none}
.login-ways{display:grid;gap:18px;justify-items:start}
.login-ways form{width:100%;max-width:360px;display:grid;gap:10px}
.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.acct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}
.cab-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px}
.cab-sec h2{margin-bottom:8px}
.cab-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:10px}
.cab-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;border-bottom:1px dashed var(--line);padding-bottom:8px}
.cab-change{flex-basis:100%;font:400 13px/1.4 var(--font-ui);color:var(--crit-line)}
.cab-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.cab-form input{max-width:180px}
.cab-notify{display:flex;flex-wrap:wrap;gap:8px 18px;font:400 14px/1.5 var(--font-ui)}
.linkbtn{appearance:none;background:none;border:0;padding:0;font:400 13px/1.4 var(--font-ui);color:var(--muted);text-decoration:underline;cursor:pointer}
.linkbtn:hover{color:var(--crit-line)}
mark.todo{background:var(--crit);color:var(--crit-ink);padding:0 4px}
.bar-btns{display:flex;gap:8px;align-self:center}
/* финансы и налоги по данным ФНС */
.result strong.bad,.fns-table td.bad{color:var(--crit-line)}
.fns-sub{font:500 11px/1.4 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}
.fns-chart-wrap{max-width:420px}
.fns-chart{width:100%;height:auto;display:block}
.fns-chart rect.pos{fill:var(--accent)}
.fns-chart rect.neg{fill:var(--crit-line)}
.fns-chart text{font:400 10px var(--font-ui);fill:var(--muted)}
.fns-table{width:100%;border-collapse:collapse;margin:10px 0 4px;font:400 13px/1.4 var(--font-ui);font-variant-numeric:tabular-nums}
.fns-table th,.fns-table td{text-align:right;padding:5px 6px;border-bottom:1px dashed var(--line)}
.fns-table th:first-child,.fns-table td:first-child{text-align:left}
.fns-table th{font-weight:500;color:var(--muted)}
.fns-more{margin:6px 0;font:400 14px/1.5 var(--font-ui)}
.fns-more summary{cursor:pointer;color:var(--accent)}
.fns-more ul{margin:6px 0 0;padding-left:20px}
@media (max-width:560px){.fns-table{font-size:12px}.fns-table th:nth-child(4),.fns-table td:nth-child(4){display:none}}

/* проверка организации: результаты сеткой карточек на всю ширину окна */
#org-out.dash{position:relative;left:50%;transform:translateX(-50%);width:min(1200px,calc(100vw - 32px));margin-top:24px;display:grid;gap:16px}
.cols-flow{column-width:340px;column-gap:16px}
.cols-flow>.dcard{break-inside:avoid;margin:0 0 16px;display:block}
.cols-flow:empty{display:none}
.dcard{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:18px 20px 20px;min-width:0}
.dcard.span{grid-column:1/-1}
.dcard.span.head>*,.dcard.span .result{max-width:none}
.dcard>h2{font:600 21px/1.3 var(--font-display);margin:0 0 8px!important}
.dcard h2+.note-sm{margin-top:0}
.dcard.loading{border-style:dashed;background:transparent}
.head-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.head-top h2{font:600 26px/1.2 var(--font-display);margin:0!important}
.badge{font:500 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid currentColor}
.badge.ok{color:var(--pos)}.badge.bad{color:var(--crit-line)}
.result.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px 28px}
.result.cols div{display:grid;gap:1px;justify-content:start;border-bottom:1px dashed var(--line);padding-bottom:8px}
.result.cols span{font:400 12px/1.3 var(--font-ui);color:var(--muted)}
.result.cols strong{font-weight:500}
.bigstats{display:flex;flex-wrap:wrap;gap:14px 28px;margin:10px 0 6px}
.bigstat{display:grid;gap:2px}
.bs-label{font:400 12px/1.3 var(--font-ui);color:var(--muted)}
.bs-val{font:600 26px/1.15 var(--font-display);font-variant-numeric:tabular-nums}
.bs-val.bad,strong.bad{color:var(--crit-line)}
.bs-delta{font:500 13px/1.2 var(--font-ui)}
.bs-delta.up{color:var(--pos)}.bs-delta.down{color:var(--crit-line)}
.chart-wrap{max-width:520px}
.line-chart{width:100%;height:auto;display:block}
.line-chart .grid{stroke:var(--line);stroke-dasharray:3 4}
.line-chart .ln{fill:none;stroke:var(--info);stroke-width:2.5;stroke-linejoin:round}
.line-chart .dot{fill:var(--surface);stroke:var(--info);stroke-width:2.5}
.line-chart .neg{fill:var(--crit-line)}
.line-chart .axis{font:400 11px var(--font-ui);fill:var(--muted)}
.big-line{margin:6px 0 10px;font:400 15px/1.4 var(--font-ui)}
.big-line strong{font:600 28px/1 var(--font-display);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.chip-stat{font:400 13px/1.2 var(--font-ui);border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--muted)}
.chip-stat b{color:var(--ink);font-weight:600}
.donut-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.donut{width:150px;height:150px}
.donut circle{fill:none;stroke-width:16}
.donut .d-bg{stroke:var(--line)}
.donut .d-num{font:600 20px var(--font-display);fill:var(--ink)}
.donut .d-cap{font:400 10px var(--font-ui);fill:var(--muted)}
.o-won{stroke:var(--pos);background:var(--pos)}.o-won2{stroke:var(--pos);opacity:.55;background:var(--pos)}
.o-set{stroke:var(--accent);background:var(--accent)}
.o-lost{stroke:var(--crit-line);background:var(--crit-line)}.o-lost2{stroke:var(--crit-line);opacity:.55;background:var(--crit-line)}
.o-prog{stroke:var(--info);background:var(--info)}.o-other{stroke:var(--muted);background:var(--muted)}.o-third{stroke:var(--line);background:var(--line)}
.legend{list-style:none;margin:0;padding:0;font:400 13px/1.7 var(--font-ui)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px;vertical-align:0}
.legend i.o-won2,.legend i.o-lost2{opacity:.55}
.hbars{display:grid;gap:8px;margin:4px 0 8px}
.hbar{display:grid;gap:3px}
.hb-label{font:400 13px/1.35 var(--font-ui)}
.hb-bar{display:block;height:6px;border-radius:3px;background:var(--line)}
.hb-bar i{display:block;height:100%;border-radius:3px;background:var(--info)}
.person{display:grid;gap:1px;margin:0 0 10px}
.bad-note{font:400 12px var(--font-ui);color:var(--crit-line)}
.okveds{margin:4px 0;padding-left:18px;font:400 14px/1.5 var(--font-ui)}
.okveds li{margin:3px 0}
.okveds li.main{font-weight:500}
.site{border-top:1px dashed var(--line);padding-top:10px;margin-top:10px}
.bar-chart{width:100%;height:auto;display:block}
.bar-chart rect{fill:var(--info)}
.bar-chart .val{font:500 11px var(--font-ui);fill:var(--ink)}
.bar-chart .axis{font:400 11px var(--font-ui);fill:var(--muted)}
#org-ai{columns:2 380px;column-gap:32px}
#org-ai>h2,#org-ai>.note-sm:first-of-type{column-span:all}
#org-ai .tip,#org-ai li{break-inside:avoid}
.share-row{flex-wrap:wrap;gap:8px;margin-top:14px}
a.share{text-decoration:none;display:inline-flex;align-items:center}