/* ============================================================================
   РАЗБОР — «канцелярия дела».
   Каркас: слева КОРЕШОК папки (вертикальная панель на всю высоту), справа
   лист с ШАПКОЙ-БЛАНКОМ. Горизонтальной шапки-меню и hero-баннера нет вовсе.
   Правила сети: никаких подчёркиваний, контент по левому краю, ховер без линий.
   ========================================================================= */

:root{
  --ink-900:#15181A; --ink-700:#262B2E; --ink-500:#525A5F; --ink-400:#7B858B;
  --line-300:#D3D8D6; --line-200:#E2E6E3;
  --paper-0:#FFFFFF; --paper-50:#F5F6F4; --paper-100:#EDEFEB; --paper-150:#E6E9E3;
  --wax-700:#8E2B34; --wax-800:#71222A; --wax-50:#F6E9EA;
  --fit-700:#2F6B4F;  --fit-50:#E9F2ED;
  --doubt-700:#8A6320; --doubt-50:#F6EFE1;
  --fail-700:#A33A2E; --fail-50:#F8E9E6;
  --dead-700:#5B5150; --dead-50:#EDEBEA;
  --sh-pop:0 14px 34px rgba(21,24,26,.16);
  --r:4px;
  --spine:246px;
}
:root[data-theme="dark"]{
  --ink-900:#EEF1EF; --ink-700:#D6DBD8; --ink-500:#A0A9A6; --ink-400:#7F8885;
  --line-300:#333A38; --line-200:#282E2C;
  --paper-0:#181C1B; --paper-50:#121514; --paper-100:#1E2321; --paper-150:#242A28;
  --wax-700:#C0505A; --wax-800:#D06972; --wax-50:#2A1B1D;
  --fit-700:#6FBF95;  --fit-50:#16251E;
  --doubt-700:#D2A44E; --doubt-50:#2A2317;
  --fail-700:#E0796A; --fail-50:#2B1B18;
  --dead-700:#9A918F; --dead-50:#232120;
  --sh-pop:0 16px 40px rgba(0,0,0,.5);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; text-align:left;
  background:var(--paper-50); color:var(--ink-700);
  font:400 15.5px/1.62 'Onest',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a,a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none !important;color:inherit}
h1,h2,h3,h4{font-family:'Bitter',Georgia,serif;color:var(--ink-900);margin:0;letter-spacing:-.01em;font-weight:600}
p{margin:0}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums}
.meta{color:var(--ink-400);font-size:13px}
.rq{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:var(--ink-400)}

/* ======================================================= каркас: корешок + лист */
.page{display:grid;grid-template-columns:var(--spine) minmax(0,1fr);min-height:100vh;align-items:start}
.sheet{min-width:0;background:var(--paper-50)}
.shell{max-width:1560px;padding:0 34px}

/* лист с правой панелью */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 308px;gap:26px;align-items:start}
.rail{position:sticky;top:18px;display:flex;flex-direction:column;gap:15px}
.card{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.card > header{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--paper-100);
  border-bottom:1px solid var(--line-300);font-family:'Bitter',serif;font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-900);font-weight:700}
.card > header .n{margin-left:auto;font-family:'Onest',sans-serif;font-size:11.5px;letter-spacing:0;
  text-transform:none;color:var(--ink-400);font-weight:400;font-variant-numeric:tabular-nums}
.card .body{padding:12px 14px;font-size:13px;color:var(--ink-500);line-height:1.55}
.card .body b{color:var(--ink-900);font-weight:600}

/* интерактивный чек-лист «перед подписью» */
.chk{padding:4px 14px 10px}
.chk label{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line-200);
  font-size:13px;line-height:1.45;color:var(--ink-500);cursor:pointer;transition:color .18s ease}
.chk label:last-of-type{border-bottom:0}
.chk label:hover{color:var(--ink-900)}
.chk input{position:absolute;opacity:0;width:0;height:0}
.chk .box{width:17px;height:17px;flex:0 0 17px;margin-top:1px;border:1.5px solid var(--line-300);
  border-radius:3px;display:inline-flex;align-items:center;justify-content:center;
  transition:border-color .18s ease,background .18s ease}
.chk .box::after{content:'';width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;
  transform:rotate(-45deg) scale(.4);opacity:0;transition:opacity .16s ease,transform .16s ease;margin-top:-2px}
.chk input:checked + .box{background:var(--wax-700);border-color:var(--wax-700)}
.chk input:checked + .box::after{opacity:1;transform:rotate(-45deg) scale(1)}
.chk input:checked ~ span{color:var(--ink-900);font-weight:500}
.chk input:focus-visible + .box{border-color:var(--wax-700)}
.chk-prog{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line-200);
  background:var(--paper-50);font-size:12.5px;color:var(--ink-400)}
.chk-prog .m{flex:1;height:6px;background:var(--paper-100);border:1px solid var(--line-200);border-radius:2px;overflow:hidden}
.chk-prog .m i{display:block;height:100%;width:0;background:var(--wax-700);transition:width .3s ease}
.chk-prog b{color:var(--ink-900);font-weight:600;font-variant-numeric:tabular-nums}

/* красные флаги видов */
.flags a{display:block;padding:9px 14px;border-bottom:1px solid var(--line-200);transition:background .18s ease}
.flags a:last-child{border-bottom:0}
.flags a:hover{background:var(--paper-50)}
.flags a b{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);
  font-weight:600;margin-bottom:3px}
.flags a span{display:block;font-size:13px;color:var(--ink-700);line-height:1.45;
  border-left:2px solid var(--fail-700);padding-left:9px}

/* точность разборщиков */
.accs .r{display:grid;grid-template-columns:minmax(0,1fr) 62px 44px;gap:9px;align-items:center;
  padding:8px 14px;border-bottom:1px solid var(--line-200);font-size:12.5px}
.accs .r:last-child{border-bottom:0}
.accs .r .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-700)}
.accs .r .m{height:5px;background:var(--paper-100);border:1px solid var(--line-200);border-radius:2px;overflow:hidden}
.accs .r .m i{display:block;height:100%;background:var(--fit-700)}
.accs .r .v{text-align:right;color:var(--ink-500);font-variant-numeric:tabular-nums}

/* лента позиций */
.feedpos a{display:flex;gap:9px;align-items:flex-start;padding:9px 14px;border-bottom:1px solid var(--line-200);
  transition:background .18s ease}
.feedpos a:last-child{border-bottom:0}
.feedpos a:hover{background:var(--paper-50)}
.feedpos .d{width:7px;height:7px;border-radius:50%;flex:0 0 7px;margin-top:6px}
.feedpos .d.fit{background:var(--fit-700)}
.feedpos .d.fail{background:var(--fail-700)}
.feedpos .d.doubt{background:var(--doubt-700)}
.feedpos .d.claim{background:var(--wax-700)}
.feedpos .d.fact{background:var(--dead-700)}
.feedpos b{display:block;font-size:11px;color:var(--ink-400);font-weight:500;margin-bottom:2px}
.feedpos span{display:block;font-size:12.5px;color:var(--ink-700);line-height:1.4}

/* ---------------------------------------------------------------- КОРЕШОК */
.spine{
  position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;
  background:var(--paper-100);border-right:1px solid var(--line-300);
  display:flex;flex-direction:column;padding:22px 20px 18px;gap:0;
}
.spine::-webkit-scrollbar{width:6px}
.spine::-webkit-scrollbar-thumb{background:var(--line-300);border-radius:3px}

.seal{display:flex;align-items:center;gap:11px;color:var(--wax-700)}
.seal svg{width:38px;height:38px;flex:0 0 38px;transform:rotate(-9deg)}
.seal b{font-family:'Bitter',serif;font-weight:700;font-size:20px;letter-spacing:.05em;color:var(--ink-900);line-height:1}
.spine .desc{margin-top:9px;font-size:12.5px;color:var(--ink-500);line-height:1.45}
.spine .motto{
  margin-top:14px;padding:11px 0 0;border-top:1px solid var(--line-300);
  font-family:'Bitter',serif;font-size:14px;line-height:1.4;color:var(--ink-900);font-weight:600;
}

/* счёт форума — в корешке, не баннером */
.tallybox{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-300)}
.tallybox .rq{display:block;margin-bottom:8px}
.tallybox .big{display:flex;align-items:baseline;gap:7px}
.tallybox .big b{font-family:'Bitter',serif;font-size:31px;line-height:1;color:var(--ink-900);font-weight:700;font-variant-numeric:tabular-nums}
.tallybox .big span{font-size:12.5px;color:var(--ink-500)}
.tallybox .split{display:flex;height:6px;margin:10px 0 7px;border:1px solid var(--line-300);border-radius:2px;overflow:hidden}
.tallybox .split i{display:block;height:100%}
.tallybox .split .hit{background:var(--fit-700)}
.tallybox .split .miss{background:var(--fail-700)}
.tallybox .legend{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-400)}
.tallybox .legend b{color:var(--ink-700);font-weight:500}
.tallybox .note{margin-top:8px;font-size:11.5px;line-height:1.45;color:var(--ink-400)}

/* направления списком */
.spine nav{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-300)}
.spine nav .rq{display:block;margin-bottom:8px}
.spine nav a{
  display:flex;align-items:baseline;gap:8px;padding:5px 8px 5px 0;font-size:13.5px;color:var(--ink-500);
  border-left:2px solid transparent;padding-left:9px;margin-left:-9px;
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.spine nav a span{margin-left:auto;font-size:11.5px;color:var(--ink-400);font-variant-numeric:tabular-nums}
.spine nav a:hover{color:var(--wax-700);border-left-color:var(--wax-700);background:var(--paper-150)}
.spine nav a.on{color:var(--ink-900);border-left-color:var(--wax-700);font-weight:500}

.spine .foot-act{margin-top:auto;padding-top:16px;border-top:1px solid var(--line-300);display:flex;flex-direction:column;gap:7px}
.spine .foot-act .line2{display:flex;gap:7px;align-items:center}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:34px;padding:6px 14px;line-height:1.25;text-align:center;
  border:1px solid var(--wax-700);background:var(--wax-700);color:#fff;border-radius:var(--r);
  font-size:13.5px;font-weight:500;cursor:pointer;transition:background .18s ease,border-color .18s ease;
}
.btn:hover{background:var(--wax-800);border-color:var(--wax-800)}
.btn.ghost{background:transparent;color:var(--ink-700);border-color:var(--line-300)}
.btn.ghost:hover{border-color:var(--wax-700);color:var(--wax-700);background:transparent}
.btn.wide{width:100%}
.iconbtn{
  width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line-300);background:transparent;border-radius:var(--r);
  cursor:pointer;color:var(--ink-500);transition:border-color .18s ease,color .18s ease;
}
.iconbtn:hover{border-color:var(--wax-700);color:var(--wax-700)}
.i-sun{display:none}
:root[data-theme="dark"] .i-sun{display:block}
:root[data-theme="dark"] .i-moon{display:none}

/* ------------------------------------------------------- ШАПКА-БЛАНК ЛИСТА */
.blank-head{
  border-bottom:1px solid var(--line-300);background:var(--paper-0);
  padding:16px 34px 18px;
}
.bh-rq{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:11px}
.bh-rq .form{margin-left:auto;color:var(--ink-400)}
.bh-rq .dot{width:4px;height:4px;border-radius:50%;background:var(--line-300)}
.blank-head h1{font-size:clamp(21px,2.6vw,29px);line-height:1.16;max-width:34ch;font-weight:700}
.blank-head .sub{margin-top:8px;font-size:14.5px;color:var(--ink-500);max-width:78ch}
.bh-facts{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;font-size:13px;color:var(--ink-500)}
.bh-facts b{color:var(--ink-900);font-weight:600;font-variant-numeric:tabular-nums}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-400)}
.crumbs a{color:var(--ink-500);transition:color .18s ease}
.crumbs a:hover{color:var(--wax-700)}
.crumbs i{font-style:normal;color:var(--line-300)}
.crumbs .cur{color:var(--ink-700)}

/* ---------------------------------------------------------- шкала позиций */
.scale{--l:0;--r:0;position:relative;height:14px;display:flex;align-items:center}
.scale .bar{position:relative;flex:1;height:6px;background:var(--paper-100);border:1px solid var(--line-200);border-radius:2px}
.scale .bar::after{content:'';position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:var(--line-300)}
.scale .fit,.scale .fail{position:absolute;top:0;bottom:0;transition:width .5s cubic-bezier(.22,.7,.3,1)}
.scale .fit{right:50%;width:calc(var(--l) * 50%);background:var(--fit-700)}
.scale .fail{left:50%;width:calc(var(--r) * 50%);background:var(--fail-700)}
.js .scale:not(.on) .fit,.js .scale:not(.on) .fail{width:0}
.scale .cnt{display:flex;gap:9px;margin-left:11px;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.scale .cnt i{font-style:normal;font-weight:500}
.scale .cnt .a{color:var(--fit-700)}
.scale .cnt .b{color:var(--doubt-700)}
.scale .cnt .c{color:var(--fail-700)}

/* ------------------------------------------------------------ штамп вердикта */
.stamp{
  display:inline-block;padding:4px 10px 3px;border:2px solid currentColor;border-radius:3px;
  font-family:'Bitter',serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  transform:rotate(-1.5deg);white-space:nowrap;line-height:1.25;
}
.stamp.fit{color:var(--fit-700)}
.stamp.doubt{color:var(--doubt-700)}
.stamp.fail{color:var(--fail-700)}
.stamp.dead{color:var(--dead-700);border-style:dashed}
.stamp.wait{color:var(--ink-400);border-style:dotted;transform:none}

/* --------------------------------------------------------------- стол разбора */
.desk{padding:26px 0 6px}
.sec-h{margin-bottom:14px}
.sec-h h2{font-size:19px}
.sec-h p{font-size:13.5px;color:var(--ink-400);max-width:70ch;margin-top:5px}
.flows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.flow{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.flow > header{display:flex;align-items:center;gap:9px;padding:10px 13px;background:var(--paper-100);
  border-bottom:1px solid var(--line-300)}
.flow > header b{font-family:'Bitter',serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-900)}
.flow > header .n{margin-left:auto;font-size:12.5px;color:var(--ink-400);font-variant-numeric:tabular-nums}
.flow > header i{width:7px;height:7px;border-radius:50%;background:var(--ink-400);flex:0 0 7px}
.flow.f2 > header i{background:var(--doubt-700)}
.flow.f3 > header i{background:var(--wax-700)}

.case{display:block;padding:13px;border-bottom:1px solid var(--line-200);position:relative;
  transition:background .18s ease,transform .18s ease}
.case:last-child{border-bottom:0}
.case::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--wax-700);
  transform:scaleY(0);transform-origin:50% 0;transition:transform .2s ease}
.case:hover{background:var(--paper-50);transform:translateX(3px)}
.case:hover::before{transform:scaleY(1)}
.case .kind{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);font-weight:600}
.case h3{font-size:15px;line-height:1.35;margin:6px 0 8px;font-weight:600;font-family:'Onest',sans-serif;letter-spacing:0}
.case .facts{display:flex;flex-wrap:wrap;gap:3px 13px;font-size:12.5px;color:var(--ink-500);margin-bottom:10px}
.case .facts b{color:var(--ink-900);font-weight:600;font-variant-numeric:tabular-nums}
.case .foot{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:12.5px;color:var(--ink-400)}
.case .foot .av{width:22px;height:22px;border-radius:3px;background:var(--paper-100);border:1px solid var(--line-300);
  display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:600;color:var(--ink-500);overflow:hidden}
.case .foot .av img{width:100%;height:100%;object-fit:cover}
.case .foot .t{margin-left:auto}
.case .scale .bar{flex:0 0 116px}
.case .scale .cnt{margin-left:10px;font-size:12px}
.row .scale .bar{flex:0 0 104px}

/* ------------------------------------------------------------------- сверка */
.check{margin-top:34px}
.checkbox{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.check-row,.check-head{display:grid;grid-template-columns:minmax(0,1.5fr) 148px minmax(0,1fr) 104px;gap:16px;align-items:center}
.check-row{padding:12px 15px;border-bottom:1px solid var(--line-200);transition:background .18s ease}
.check-row:last-child{border-bottom:0}
.check-row:hover{background:var(--paper-50)}
.check-row h4{font-size:14px;font-family:'Onest',sans-serif;font-weight:500;letter-spacing:0;line-height:1.35}
.check-row .fact{font-size:12.5px;color:var(--ink-500)}
.check-row .res{justify-self:end;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.check-row .res.hit{color:var(--fit-700)}
.check-row .res.miss{color:var(--fail-700)}
.check-head{padding:9px 15px;background:var(--paper-100);border-bottom:1px solid var(--line-300);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-400);font-weight:600}
.check-head span:last-child{justify-self:end}

/* --------------------------------------------------------------- направления */
.dirs{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:12px;margin-top:14px}
.dir{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);padding:14px 15px 12px;
  transition:border-color .18s ease,transform .18s ease}
.dir:hover{border-color:var(--wax-700);transform:translateY(-2px)}
.dir h3{font-size:15.5px}
.dir p{font-size:12.5px;color:var(--ink-400);margin-top:5px;min-height:34px}
.dir .k{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line-200)}
.dir .k span{font-size:11.5px;color:var(--ink-500);background:var(--paper-100);border:1px solid var(--line-200);
  border-radius:3px;padding:2px 7px}
.dir .n{margin-top:8px;font-size:12.5px;color:var(--ink-400);font-variant-numeric:tabular-nums}

/* ------------------------------------------------------- список видов и заявок */
.kinds{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden;margin-top:20px}
.kind-row,.kind-head{display:grid;grid-template-columns:minmax(0,1fr) 118px 118px 180px;gap:16px;align-items:center}
.kind-row{padding:13px 15px;border-bottom:1px solid var(--line-200);position:relative;transition:background .18s ease}
.kind-row:last-child{border-bottom:0}
.kind-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--wax-700);
  transform:scaleY(0);transition:transform .2s ease}
.kind-row:hover{background:var(--paper-50)}
.kind-row:hover::before{transform:scaleY(1)}
.kind-row h3{font-size:15px;font-family:'Onest',sans-serif;font-weight:600;letter-spacing:0}
.kind-row p{font-size:12.5px;color:var(--ink-400);margin-top:3px}
.kind-row .c{font-size:12.5px;color:var(--ink-500);font-variant-numeric:tabular-nums}
.kind-row .c b{display:block;font-family:'Bitter',serif;font-size:17px;color:var(--ink-900);font-weight:600}
.kind-row .last{font-size:12px;color:var(--ink-400);line-height:1.4}
.kind-row .last b{display:block;color:var(--ink-700);font-weight:500;font-size:12.5px}
.kind-head{padding:9px 15px;background:var(--paper-100);border-bottom:1px solid var(--line-300);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-400);font-weight:600}

.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));margin-top:16px;
  border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.summary > div{padding:13px 15px;border-right:1px solid var(--line-200)}
.summary > div:last-child{border-right:0}
.summary b{display:block;font-family:'Bitter',serif;font-size:24px;color:var(--ink-900);font-weight:700;line-height:1.1}
.summary span{font-size:12.5px;color:var(--ink-400)}
.summary .vbar{display:flex;height:7px;margin-bottom:9px;border-radius:2px;overflow:hidden;border:1px solid var(--line-200)}
.summary .vbar i{height:100%}
.watch{margin-top:13px;font-size:13.5px;color:var(--ink-500);border-left:2px solid var(--wax-700);padding-left:12px}
.watch b{color:var(--ink-900);font-weight:600}

.grp{display:flex;align-items:center;gap:10px;margin:24px 0 9px}
.grp h3{font-family:'Bitter',serif;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-900);font-weight:700}
.grp i{width:7px;height:7px;border-radius:50%;background:var(--ink-400)}
.grp.g2 i{background:var(--doubt-700)}
.grp.g3 i{background:var(--wax-700)}
.grp.g4 i{background:var(--dead-700)}
.grp .n{font-size:12.5px;color:var(--ink-400);font-variant-numeric:tabular-nums}
.grp::after{content:'';flex:1;height:1px;background:var(--line-300)}

.rows{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.row{display:grid;grid-template-columns:minmax(0,1fr) 196px 122px 140px;gap:16px;align-items:center;
  padding:12px 15px;border-bottom:1px solid var(--line-200);position:relative;
  transition:background .18s ease,transform .18s ease}
.row:last-child{border-bottom:0}
.row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--wax-700);
  transform:scaleY(0);transition:transform .2s ease}
.row:hover{background:var(--paper-50);transform:translateX(3px)}
.row:hover::before{transform:scaleY(1)}
.row h3{font-size:15px;font-family:'Onest',sans-serif;font-weight:600;letter-spacing:0;line-height:1.35}
.row .facts{display:flex;flex-wrap:wrap;gap:2px 13px;font-size:12.5px;color:var(--ink-500);margin-top:5px}
.row .facts b{color:var(--ink-900);font-weight:600;font-variant-numeric:tabular-nums}
.row .st{justify-self:start}
.row .who{font-size:12.5px;color:var(--ink-400);display:flex;align-items:center;gap:8px}
.row .who .av{width:24px;height:24px;border-radius:3px;overflow:hidden;border:1px solid var(--line-300);flex:0 0 24px;
  display:inline-flex;align-items:center;justify-content:center;background:var(--paper-100);font-size:10px;font-weight:600}
.row .who b{display:block;color:var(--ink-700);font-weight:500;font-size:12.5px}

/* ------------------------------------------------------------ страница разбора */
.case-wrap{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:26px;align-items:start;padding:20px 0 10px}

.blank{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.blank > header{display:flex;align-items:center;gap:10px;padding:9px 15px;background:var(--paper-100);
  border-bottom:1px solid var(--line-300);font-family:'Bitter',serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-900);font-weight:700}
.blank > header span{margin-left:auto;font-family:'Onest',sans-serif;font-size:11.5px;letter-spacing:0;
  text-transform:none;color:var(--ink-400);font-weight:400}
.blank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.blank-grid > div{padding:11px 15px;border-right:1px solid var(--line-200);border-bottom:1px solid var(--line-200)}
.blank-grid > div i{display:block;font-style:normal;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-400);font-weight:600;margin-bottom:4px}
.blank-grid > div b{font-size:14px;color:var(--ink-900);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4}
.blank-grid > div.wide{grid-column:1/-1;border-right:0}
.blank-grid > div.wide b{font-weight:500}

.tally{border:1px solid var(--line-300);border-top:0;background:var(--paper-50);padding:14px 15px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;
  border-radius:0 0 var(--r) var(--r);margin-bottom:20px}
.tally .t-h{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-400);font-weight:600;margin-bottom:9px}
.tally .v{display:flex;align-items:center;gap:11px}
.tally .v .lbl{font-size:12px;color:var(--ink-400);text-align:right;line-height:1.3}

.line{display:flex;flex-direction:column;gap:13px}
.post{display:grid;grid-template-columns:164px minmax(0,1fr);border:1px solid var(--line-300);
  border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.post-side{border-right:1px solid var(--line-200);background:var(--paper-50);padding:13px 13px 11px;
  display:flex;flex-direction:column;gap:9px}
.pos{display:inline-block;align-self:flex-start;padding:5px 9px 4px;border:1.5px solid currentColor;border-radius:3px;
  font-family:'Bitter',serif;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1.2}
.pos.fit{color:var(--fit-700)}
.pos.fail{color:var(--fail-700)}
.pos.doubt{color:var(--doubt-700)}
.pos.claim{color:var(--wax-700)}
.pos.fact{color:var(--dead-700);border-style:dashed}
.acc{font-size:12px;color:var(--ink-500);line-height:1.45}
.acc b{display:block;font-family:'Bitter',serif;font-size:16px;color:var(--ink-900);font-weight:700;
  font-variant-numeric:tabular-nums;letter-spacing:0}
.acc .lv{font-size:11.5px;color:var(--ink-400)}
.who-b{margin-top:auto;display:flex;align-items:center;gap:9px;padding-top:10px;border-top:1px solid var(--line-200)}
.who-b .av{width:36px;height:36px;flex:0 0 36px;border-radius:3px;overflow:hidden;border:1px solid var(--line-300);
  background:var(--paper-100);display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;color:var(--ink-500)}
.who-b .nm{font-size:12.5px;color:var(--ink-700);font-weight:500;line-height:1.3;word-break:break-word}
.post-main{padding:12px 17px 13px;min-width:0}
.p-top{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-400);
  padding-bottom:9px;border-bottom:1px solid var(--line-200);margin-bottom:11px;flex-wrap:wrap}
.p-top .no{font-family:'Bitter',serif;font-weight:700;color:var(--ink-700);font-variant-numeric:tabular-nums}
.p-top .tag{margin-left:auto;color:var(--wax-700);font-weight:500}
.entry{font-size:15.5px;line-height:1.68;color:var(--ink-700);overflow-wrap:break-word}
.entry p{margin:0 0 11px}
.entry p:last-child{margin-bottom:0}
.checked{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-200);font-size:12.5px;color:var(--ink-500)}
.checked b{color:var(--ink-900);font-weight:600}
.post-buttons{margin-top:11px;display:flex;gap:8px;flex-wrap:wrap}
.post.claim-post .post-side{background:var(--wax-50)}
.post.fact-post{border-color:var(--dead-700)}
.post.fact-post .post-side{background:var(--dead-50)}

.fact-block{margin-top:20px;border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.fact-block > header{padding:9px 15px;background:var(--paper-100);border-bottom:1px solid var(--line-300);
  font-family:'Bitter',serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-900);font-weight:700}
.fact-block .body{padding:14px 15px}
.fact-block .body p{font-size:15px;line-height:1.62}
.verdictcheck{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--line-200)}
.verdictcheck > div{padding:12px 15px;border-right:1px solid var(--line-200)}
.verdictcheck > div:last-child{border-right:0}
.verdictcheck i{display:block;font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-400);font-weight:600;margin-bottom:6px}
.verdictcheck b{font-size:14px;color:var(--ink-900);font-weight:600}
.verdictcheck .hit b{color:var(--fit-700)}
.verdictcheck .miss b{color:var(--fail-700)}

.aside{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.aside h4{font-family:'Bitter',serif;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-400);font-weight:700;margin-bottom:8px}
.toc{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.toc a{display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid var(--line-200);
  font-size:12.5px;color:var(--ink-500);transition:background .18s ease,color .18s ease}
.toc a:last-child{border-bottom:0}
.toc a:hover{background:var(--paper-50);color:var(--wax-700)}
.toc a .d{width:7px;height:7px;border-radius:50%;flex:0 0 7px}
.toc a .d.fit{background:var(--fit-700)}
.toc a .d.fail{background:var(--fail-700)}
.toc a .d.doubt{background:var(--doubt-700)}
.toc a .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.same{border:1px solid var(--line-300);border-radius:var(--r);background:var(--paper-0);overflow:hidden}
.same a{display:block;padding:10px 12px;border-bottom:1px solid var(--line-200);transition:background .18s ease}
.same a:last-child{border-bottom:0}
.same a:hover{background:var(--paper-50)}
.same a b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);
  font-weight:600;margin-bottom:4px}
.same a span{font-size:13px;color:var(--ink-700);line-height:1.4}

/* ------------------------------------------------------------ подвал-штамп */
.stampfoot{
  margin-top:44px;border-top:1px solid var(--line-300);background:var(--paper-100);
  padding:16px 34px 20px;
}
.sf-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sf-top .sf-mark{display:flex;align-items:center;gap:9px}
.sf-top .sf-mark svg{width:26px;height:26px}
.sf-top .sf-mark b{font-family:'Bitter',serif;font-size:14px;letter-spacing:.06em;color:var(--ink-900);font-weight:700}
.sf-links{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}
.sf-links a{font-size:13px;color:var(--ink-500);transition:color .18s ease}
.sf-links a:hover{color:var(--wax-700)}
.sf-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-300);font-size:12px;
  color:var(--ink-400);line-height:1.55;max-width:104ch}

.empty{padding:24px 15px;border:1px dashed var(--line-300);border-radius:var(--r);color:var(--ink-400);font-size:14px}
.pages{margin-top:16px;font-size:12.5px;color:var(--ink-400)}
.obj-act{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.tail{height:20px}

/* ------------------------------------------------------------ мост к MyBB */
#content,#container{max-width:none;margin:0;padding:0;background:transparent;border:0;text-align:left}
.tborder,.thead,.tcat,.trow1,.trow2,.trow_shaded{background:transparent;border:0}
table.tborder{width:100%}
.quick_reply,.editor,.postbit_buttons{font-family:'Onest',sans-serif}
blockquote{margin:12px 0;padding:11px 14px;border-left:2px solid var(--wax-700);background:var(--paper-50);
  border-radius:0 var(--r) var(--r) 0;font-size:14.5px;color:var(--ink-500)}
blockquote cite{display:block;font-style:normal;font-size:12.5px;color:var(--ink-400);margin-bottom:6px}
.post-buttons a,.postbit_buttons a{display:inline-flex;align-items:center;height:27px;padding:0 11px;
  border:1px solid var(--line-300);border-radius:var(--r);font-size:12.5px;color:var(--ink-500);
  transition:border-color .18s ease,color .18s ease}
.post-buttons a:hover,.postbit_buttons a:hover{border-color:var(--wax-700);color:var(--wax-700)}

/* ------------------------------------------------------------------ адаптив */
@media (max-width:1200px){
  .cols{grid-template-columns:1fr}
  .rail{position:static;flex-direction:row;flex-wrap:wrap}
  .rail > *{flex:1 1 300px}
}
@media (max-width:1180px){
  :root{--spine:210px}
  .case-wrap{grid-template-columns:1fr}
  .aside{position:static;flex-direction:row;flex-wrap:wrap}
  .aside > *{flex:1 1 270px}
}
@media (max-width:1000px){
  .flows{grid-template-columns:1fr}
}
@media (max-width:860px){
  .page{grid-template-columns:1fr}
  .spine{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;
    padding:12px 18px;border-right:0;border-bottom:1px solid var(--line-300)}
  .spine .desc,.spine .motto,.tallybox .note,.tallybox .legend{display:none}
  .spine .motto{display:none}
  .tallybox{margin:0;padding:0;border:0;order:3}
  .tallybox .rq{display:none}
  .tallybox .split{display:none}
  .tallybox .big b{font-size:19px}
  .spine nav{margin:0;padding:0;border:0;order:5;flex:1 1 100%;display:flex;gap:2px;overflow-x:auto}
  .spine nav .rq{display:none}
  .spine nav a{border-left:0;border-bottom:2px solid transparent;margin-left:0;padding:6px 10px;white-space:nowrap}
  .spine nav a:hover,.spine nav a.on{border-left:0;border-bottom-color:var(--wax-700)}
  .spine .foot-act{margin:0 0 0 auto;padding:0;border:0;flex-direction:row;order:4}
  .shell,.blank-head,.stampfoot{padding-left:18px;padding-right:18px}
  .kind-row,.kind-head{grid-template-columns:minmax(0,1fr) 92px}
  .kind-row .last,.kind-row .c:nth-of-type(2),.kind-head span:nth-child(3),.kind-head span:nth-child(4){display:none}
  .row{grid-template-columns:minmax(0,1fr) 150px;gap:12px}
  .row .st,.row .who{grid-column:1/-1;justify-self:start}
  .check-row,.check-head{grid-template-columns:minmax(0,1fr) 118px;gap:10px}
  .check-row .fact,.check-head span:nth-child(3){display:none}
}
@media (max-width:600px){
  body{font-size:15px}
  .post{grid-template-columns:1fr}
  .post-side{border-right:0;border-bottom:1px solid var(--line-200);flex-direction:row;align-items:center;
    gap:14px;flex-wrap:wrap}
  .who-b{margin-top:0;padding-top:0;border-top:0;margin-left:auto}
  .blank-grid{grid-template-columns:1fr}
  .blank-grid > div{border-right:0}
  .summary > div{border-right:0;border-bottom:1px solid var(--line-200)}
  .sf-links{margin-left:0;flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}
