@font-face{font-family:'Bandera Pro';font-weight:100;font-style:normal;font-display:swap;src:url(assets/fonts/bandera-100.woff2) format('woff2');}
@font-face{font-family:'Bandera Pro';font-weight:300;font-style:normal;font-display:swap;src:url(assets/fonts/bandera-300.woff2) format('woff2');}
@font-face{font-family:'Bandera Pro';font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/bandera-400.woff2) format('woff2');}
@font-face{font-family:'Bandera Pro';font-weight:500;font-style:normal;font-display:swap;src:url(assets/fonts/bandera-500.woff2) format('woff2');}
@font-face{font-family:'Bandera Pro';font-weight:700;font-style:normal;font-display:swap;src:url(assets/fonts/bandera-700.woff2) format('woff2');}
@font-face{font-family:'Bandera Pro';font-weight:900;font-style:normal;font-display:swap;src:url(assets/fonts/bandera-900.woff2) format('woff2');}
@font-face{font-family:'Bandera Pro';font-weight:400;font-style:italic;font-display:swap;src:url(assets/fonts/bandera-400i.woff2) format('woff2');}
@font-face{font-family:'Bandera Pro';font-weight:700;font-style:italic;font-display:swap;src:url(assets/fonts/bandera-700i.woff2) format('woff2');}

/* Layout: светлая страница-разбор. Сверху "счет практики" 7·1·7, затем путеводитель (механизмы и спорные вопросы), затем чтение с боковой навигацией, в конце картотека дел. */
:root{
  --plum:#6F2B69; --orchid:#9B3F8F; --h4:#7A2E70; --night:#4A1F46; --mauve:#8A4E85;
  --mist:#F4F4F6; --blush:#FAFAFB; --fog:#F4F4F6; --line:#E2E2E7; --line2:#EDEDF1;
  --ink:#2a2e35; --ink2:#3E4149; --mute:#6B6974; --ash:#B9B8C1; --paper:#fff; --card:#E8E8EB; --card-h:#DFDFE3; --grey:#7C7985;
  --sh:#E1E1E6; --grad:linear-gradient(90deg,rgb(88,118,188) 0%,rgb(126,52,116) 52%,rgb(198,46,118) 100%);
  --display:'Bandera Pro',Georgia,'DejaVu Serif',serif;
  --text:Verdana,'DejaVu Sans',Geneva,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:15px;line-height:1.66;overflow-x:hidden;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none !important;}}
a{color:var(--plum);text-decoration:none;}
a:focus-visible,button:focus-visible{outline:2px solid var(--orchid);outline-offset:2px;border-radius:3px;}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px));}
.k{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--grey);}
/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line2);}
.hdr{top:0;padding-top:env(safe-area-inset-top,0px);margin-top:calc(-1 * env(safe-area-inset-top,0px));background:rgba(255,255,255,.97);}
.hdr .wrap{display:flex;align-items:center;gap:22px;height:64px;}
.hdr .lg{display:block;margin-right:auto;}
.hdr .lg svg{height:23px;width:auto;display:block;}
.hdr .tt{font-family:var(--display);font-weight:700;color:var(--plum);font-size:14px;margin-right:auto;opacity:0;transition:opacity .25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.hdr.scrolled .tt{opacity:1;}
.hdr .ph{font-family:var(--display);font-weight:700;white-space:nowrap;}
.prog{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:var(--grad);transform-origin:0 50%;transform:scaleX(0);}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:14px;border-radius:999px;padding:10px 20px;border:1.5px solid var(--plum);line-height:1.1;white-space:nowrap;transition:background .2s,color .2s;}
.btn-f{background:var(--plum);color:#fff;}.btn-f:hover{background:var(--orchid);border-color:var(--orchid);}
.btn-o{color:var(--plum);background:var(--paper);}.btn-o:hover{background:var(--mist);}
/* hero */
.hero{position:relative;background:var(--mist) url(assets/hero-chairs.jpg) right center/cover no-repeat;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 52%,rgba(255,255,255,.55) 100%);}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px;padding-block:64px 56px;align-items:start;}
.hero h1{font-family:var(--display);font-weight:700;font-size:46px;line-height:1.08;color:var(--plum);margin:14px 0 18px;text-wrap:balance;}
.hero .sub{font-family:var(--display);font-weight:700;font-size:18px;color:#3a3a3a;margin:0 0 22px;max-width:34ch;}
.hero .stat{display:flex;gap:14px;align-items:baseline;border-top:1px solid var(--line);padding-top:16px;max-width:520px;}
.hero .stat b{font-family:var(--display);font-size:34px;color:var(--plum);line-height:1;white-space:nowrap;}
.hero .stat span{font-size:13px;color:var(--ink2);line-height:1.45;}
.hero .act{font-size:13px;color:var(--mute);margin:18px 0 0;}
/* scoreboard */
.score{background:var(--paper);border-radius:16px;padding:26px 28px 22px;box-shadow:0 1px 0 var(--line2),0 18px 40px -24px rgba(40,38,50,.28);}
.score h2{font-family:var(--display);font-weight:700;font-size:20px;color:var(--plum);margin:8px 0 2px;line-height:1.25;}
.score .lead{font-size:13px;color:var(--mute);margin:0 0 18px;}
.tally{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;margin-bottom:16px;}
.tally div{display:flex;flex-direction:column;gap:4px;}
.tally div:last-child{text-align:right;align-items:flex-end;}
.tally b{font-family:var(--display);font-weight:700;font-size:64px;line-height:.9;color:var(--plum);font-variant-numeric:tabular-nums;}
.tally .mid b{font-size:30px;color:var(--mauve);}
.tally .mid{align-items:center;text-align:center;}
.tally div:last-child b{color:#A9A8B2;}
.tally span{font-size:12px;line-height:1.35;color:var(--ink2);max-width:15ch;}
.sqs{display:grid;grid-template-columns:repeat(15,1fr);gap:5px;margin:4px 0 10px;}
.sq{aspect-ratio:1;border-radius:3px;display:block;transition:transform .15s;}
.sq:hover{transform:translateY(-2px);}
.sq-ok{background:var(--plum);}
.sq-part{background:linear-gradient(135deg,var(--plum) 50%,var(--sh) 50%);}
.sq-x{background:var(--sh);}
.sq-wait{background:var(--sh);box-shadow:inset 0 0 0 1.5px var(--ash);background-image:repeating-linear-gradient(135deg,transparent 0 3px,rgba(255,255,255,.7) 3px 5px);}
.score .note{font-size:11.5px;color:var(--mute);line-height:1.45;margin:10px 0 0;}
.score .go{display:inline-block;margin-top:10px;font-family:var(--display);font-weight:700;font-size:14px;}
/* authors */
.aus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:28px;}
.au{display:flex;align-items:center;gap:14px;min-width:0;}
.au a{font-size:12.5px;word-break:break-all;}
.aph{position:relative;width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--fog);flex:none;}
.aph span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;color:var(--orchid);font-size:19px;}
.aph i{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1);}
.au-n{font-family:var(--display);font-weight:700;font-size:17px;color:var(--plum);line-height:1.2;}
.au-r{font-size:12.5px;color:var(--mute);}
/* guide band */
.guide{background:var(--fog);padding-block:48px 52px;}
.guide-h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;flex-wrap:wrap;}
.guide h2{font-family:var(--display);font-weight:700;font-size:30px;color:var(--plum);margin:6px 0 0;line-height:1.15;text-wrap:balance;}
.guide-h p{margin:0;max-width:46ch;font-size:13.5px;color:var(--ink2);}
.mechs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.mech{background:var(--paper);border-radius:14px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px;min-width:0;}
.mech-s{font-family:var(--display);font-weight:700;font-size:12px;color:var(--grey);letter-spacing:.06em;}
.mech h3{font-family:var(--display);font-weight:700;font-size:19px;color:var(--plum);margin:4px 0 2px;line-height:1.2;}
.mech-l{font-size:12px;color:var(--mute);}
.mech p{margin:0;font-size:13px;line-height:1.5;color:var(--ink2);flex:1;}
.chips{display:flex;flex-wrap:wrap;gap:5px;}
.chip{font-size:11px;line-height:1;padding:6px 8px;border-radius:5px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.chip-ok,.chip-part{background:var(--fog);color:var(--plum);box-shadow:inset 3px 0 0 var(--plum);}
.chip-x,.chip-wait{background:var(--fog);color:var(--mute);box-shadow:inset 3px 0 0 var(--ash);}
.chip:hover{filter:brightness(1.1);}
.mech-a{font-family:var(--display);font-weight:700;font-size:13.5px;}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--ink2);margin-top:14px;}
.legend span{display:inline-flex;align-items:center;gap:7px;}
.legend i{width:11px;height:11px;border-radius:2px;display:inline-block;}
.qs-wrap{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;align-items:start;}
.qs-wrap h2{font-size:26px;}
.qs-wrap .intro p{font-size:13.5px;color:var(--ink2);margin:12px 0 0;}
.qs{list-style:none;margin:0;padding:0;background:var(--paper);border-radius:14px;overflow:hidden;}
.qs li+li{border-top:1px solid var(--fog);}
.qs a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:14px 20px;color:var(--ink);transition:background .15s;}
.qs a:hover{background:var(--fog);}
.q-n{font-family:var(--display);font-weight:700;color:var(--plum);font-size:20px;line-height:1;}
.q-t{font-size:14px;line-height:1.45;}
.q-s{font-family:var(--display);font-weight:700;font-size:12.5px;color:var(--plum);white-space:nowrap;}
/* reading */
.read-h{padding-block:52px 4px;display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;}
.read-h h2{font-family:var(--display);font-weight:700;font-size:30px;color:var(--plum);margin:6px 0 0;}
.read-h a{font-family:var(--display);font-weight:700;}
.grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding-block:28px 40px;}
.nav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 86px);align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:4px;}
.nav-i>a{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:13px;line-height:1.4;color:var(--ink);}
.nav-i>a span{width:14px;flex:none;font-family:var(--display);font-weight:700;color:var(--grey);}
.nav-i>a:hover,.nav-i.on>a{color:var(--plum);}
.nav-i.on>a{font-weight:700;}
.nav-sub{display:none;flex-wrap:wrap;gap:4px;padding:8px 0 10px 24px;}
.nav-i.on .nav-sub{display:flex;}
.nav-sub a{font-family:var(--display);font-weight:700;font-size:12px;padding:4px 8px;border-radius:5px;background:var(--fog);color:var(--plum);}
.nav-sub a.on{background:var(--plum);color:#fff;}
.art{min-width:0;max-width:760px;}
.art p{margin:0 0 .8em;text-align:justify;}
.art ul,.art ol{margin:0 0 .9em;padding-left:22px;}
.art li{margin:0 0 .4em;text-align:justify;}
.art ul{list-style:none;}
.art ul>li{position:relative;}
.art ul>li::before{content:"";position:absolute;left:-15px;top:.66em;width:4px;height:4px;border-radius:1px;background:var(--orchid);}
.art ol>li::marker{font-family:var(--display);font-weight:700;color:var(--plum);}
.gloss li strong{color:var(--plum);}
.sec{padding-top:12px;}
.sec+.sec{margin-top:56px;}
.art h3{display:flex;align-items:flex-end;gap:18px;font-family:var(--display);font-weight:700;font-size:28px;line-height:1.18;color:var(--plum);margin:0 0 22px;padding-bottom:16px;border-bottom:2px solid var(--plum);scroll-margin-top:90px;text-wrap:balance;}
.sec-n{font-size:84px;line-height:.78;color:transparent;-webkit-text-stroke:1.5px var(--ash);flex:none;font-variant-numeric:tabular-nums;}
.sec-t{min-width:0;}
.art h4{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.3;color:var(--h4);margin:40px 0 16px;scroll-margin-top:90px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;text-wrap:balance;}
.h4n{font-size:13px;color:var(--plum);background:var(--fog);border-radius:5px;padding:5px 7px 4px;line-height:1;margin-top:4px;height:fit-content;font-variant-numeric:tabular-nums;}
/* case */
.case{background:var(--paper);border:1px solid var(--card);border-radius:14px;margin:18px 0 26px;overflow:hidden;scroll-margin-top:90px;}
.case-h{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:2px;padding:18px 22px 14px;background:var(--card);}
.case-k{grid-column:1;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--grey);}
.case-n{grid-column:1;font-family:var(--display);font-weight:700;font-size:22px;color:var(--plum);line-height:1.2;font-variant-numeric:tabular-nums;}
.case-m{grid-column:1;font-size:12.5px;color:var(--mute);}
.case-h .pill{grid-column:2;grid-row:1 / span 3;align-self:center;}
.pill{display:inline-block;font-family:var(--display);font-weight:700;font-size:12px;line-height:1.2;padding:7px 11px;border-radius:999px;white-space:nowrap;}
.pill-ok{background:var(--paper);color:var(--plum);box-shadow:inset 0 0 0 1.5px var(--plum);}
.pill-part{background:var(--paper);color:var(--mauve);box-shadow:inset 0 0 0 1.5px var(--mauve);}
.pill-x{background:var(--fog);color:var(--mute);}
.pill-wait{background:var(--paper);color:var(--mute);box-shadow:inset 0 0 0 1.5px var(--line);}
.tl{list-style:none;margin:0;padding:16px 22px 14px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;border-bottom:1px solid var(--card);counter-reset:none;}
.tl li{position:relative;padding:18px 10px 0 0;margin:0;display:flex;flex-direction:column;gap:1px;text-align:left;min-width:0;}
.tl li::before{content:"";position:absolute;left:0;right:0;top:5px;height:1.5px;background:var(--line2);}
.tl li:last-child::before{right:auto;width:12px;}
.tl i{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:2px;z-index:1;}
.tl-is i{background:var(--plum);}
.tl-sh i{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ash);}
.tl-pt i{background:linear-gradient(135deg,var(--plum) 50%,var(--paper) 50%);box-shadow:inset 0 0 0 2px var(--plum);}
.tl-nt i{background:var(--paper);box-shadow:inset 0 0 0 2px var(--line2);width:10px;height:10px;top:1px;left:1px;border-radius:50%;}
.tl-c{font-size:11.5px;line-height:1.3;color:var(--ink2);font-weight:700;}
.tl-d{font-size:11.5px;color:var(--mute);font-variant-numeric:tabular-nums;}
.tl-r{font-size:11.5px;line-height:1.3;color:var(--ink);}
.tl-is .tl-r,.tl-pt .tl-r{color:var(--plum);font-weight:700;}
.case-b{padding:16px 22px 8px;}
.lbl{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--grey);font-size:11.5px;margin:18px 0 8px;}
.case-b>.lbl:first-child{margin-top:4px;}
.q{position:relative;margin:4px 0 16px;padding:16px 20px 14px 46px;background:var(--mist);border-radius:10px;color:var(--ink2);font-size:14.5px;line-height:1.6;text-align:justify;}
.q::before{content:"\"";position:absolute;left:14px;top:4px;font-family:var(--display);font-size:46px;line-height:1;color:var(--ash);opacity:.9;}
.sum{background:var(--fog);color:var(--ink);border-radius:14px;padding:22px 26px 10px;margin:34px 0 10px;}
.sum-k{font-family:var(--display);font-weight:700;letter-spacing:.08em;font-size:18px;color:var(--plum);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.sum-k::before{content:"";width:26px;height:3px;background:var(--grad);}
.sum p,.sum li{color:var(--ink);}
.sum ul>li::before{background:var(--plum);}
.sum .lbl{color:var(--plum);}
.sum a{color:var(--plum);}
.concl{background:var(--mauve);color:#fff;border-radius:16px;padding:26px 30px 14px;}
.concl p,.concl li{color:#fff;}
.concl ol{padding-left:24px;}
.concl ol>li::marker{color:#fff;}
.qlink{color:#fff;font-family:var(--display);font-weight:700;font-size:12.5px;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.45);}
.fn a{font-weight:700;color:var(--orchid);}
.fn{font-size:.72em;line-height:0;}
.notes{margin-top:38px;color:var(--mute);font-size:12.5px;}
.notes ol{padding-left:18px;}
.notes li{word-break:break-word;text-align:left;}
.art p a,.art li a:not(.qlink){border-bottom:1px solid rgba(111,43,105,.35);}
/* index */
.idx{padding-block:20px 50px;}
.idx-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:18px;}
.idx h2{font-family:var(--display);font-weight:700;font-size:30px;color:var(--plum);margin:6px 0 0;}
.flt{display:flex;gap:6px;flex-wrap:wrap;}
.flt button{font-family:var(--display);font-weight:700;font-size:13px;border:1.5px solid var(--line);background:var(--paper);color:var(--plum);border-radius:999px;padding:8px 14px;cursor:pointer;}
.flt button[aria-pressed="true"]{background:var(--plum);border-color:var(--plum);color:#fff;}
.tbl{overflow-x:auto;border-radius:14px;border:1px solid var(--fog);}
table{width:100%;border-collapse:collapse;font-size:13.5px;}
th{background:var(--fog);font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;color:var(--grey);text-align:left;padding:12px 16px;}
td{padding:12px 16px;border-top:1px solid var(--fog);vertical-align:middle;}
tr:nth-child(even) td{background:#FAFAFB;}
.t-n a{font-family:var(--display);font-weight:700;white-space:nowrap;}
tr[hidden]{display:none;}
/* bottom */






.ctab{background:var(--night);color:#fff;border-radius:16px;padding:36px 40px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ctab h2{font-family:var(--display);font-weight:700;font-size:30px;margin:0 0 6px;color:#fff;}
.ctab p{margin:0;color:#E9DCE7;max-width:56ch;}
.ctab .bs{display:flex;gap:12px;flex-wrap:wrap;}
.ctab .btn-f{background:#fff;color:var(--night);border-color:#fff;}
.ctab .btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.ctab .btn-o:hover{background:rgba(255,255,255,.1);}
.cont{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:30px 10px;flex-wrap:wrap;}
.cont .lg svg{height:28px;width:auto;display:block;}
.cont .city{font-family:var(--display);font-weight:700;letter-spacing:.08em;color:var(--plum);font-size:13px;margin-top:10px;}
.cont .ln{font-size:14px;margin-top:4px;}
.qr{text-align:center;font-size:12px;color:var(--mute);display:block;}
.qr img{width:104px;height:104px;opacity:.7;display:block;margin:0 auto 4px;}

.discl{font-style:italic;color:var(--mute);border-top:1px solid var(--line);padding-top:14px;font-size:12.5px;margin:0 0 40px;}
.top{position:fixed;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));width:48px;height:48px;border-radius:50%;background:rgba(111,43,105,.55);color:#fff;border:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s,background .2s;cursor:pointer;z-index:30;}
.top{opacity:1;pointer-events:auto;}
.js .top:not(.show){opacity:0;pointer-events:none;}
.top.show{opacity:1;pointer-events:auto;}
.top:hover{background:rgba(111,43,105,.85);}
/* responsive */

/* collapsible cases (only when JS is on; without JS everything stays open) */
.read-c{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.all-t{display:none;font-family:var(--display);font-weight:700;font-size:14px;color:var(--plum);background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:8px 16px;cursor:pointer;}
.all-t:hover{border-color:var(--plum);}
.js .all-t{display:inline-flex;}
.case{position:relative;}
.case-cb{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
.case-t{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--card);color:var(--plum);font-family:var(--display);font-weight:700;font-size:14px;padding:13px 16px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s;}
.case-t:hover{background:var(--card-h);}
.case-cb:focus-visible ~ .case-t{outline:2px solid var(--orchid);outline-offset:-2px;}
.case-t i{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s;}
.case-t .ct-c{display:none;}
.case-cb:checked ~ .case-t .ct-o{display:none;}
.case-cb:checked ~ .case-t .ct-c{display:inline;}
.case-cb:checked ~ .case-t i{transform:translateY(2px) rotate(-135deg);}
.case-b{overflow:hidden;}
.case-cb:not(:checked) ~ .case-b{max-height:9.6em;position:relative;}
.case-cb:not(:checked) ~ .case-b::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5.5em;background:linear-gradient(180deg,rgba(255,255,255,0),var(--paper) 88%);pointer-events:none;}
@media print{.case-cb:not(:checked) ~ .case-b{max-height:none;}.case-b::after,.case-t,.all-t{display:none !important;}}

/* compact intro */
.hero .stat span small{display:block;font-size:11.5px;color:var(--mute);margin-top:3px;}
.hero .stat span{font-size:14px;}
.score h2{margin-bottom:16px;}
.mech{color:var(--ink);gap:6px;transition:transform .15s,box-shadow .15s;}
.mech:hover{transform:translateY(-2px);box-shadow:0 10px 24px -16px rgba(40,38,50,.4);}
.mech h3{margin:2px 0 0;}
.mech-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;}
.msq{display:flex;flex-wrap:wrap;gap:4px;}
.msq i,.legend i{width:13px;height:13px;border-radius:3px;display:inline-block;}
.mech-go{font-family:var(--display);font-weight:700;color:var(--plum);font-size:18px;line-height:1;}
.legend{margin-top:0;}
.legend .sq-ok,.msq .sq-ok,.msq .sq-part{background:var(--plum);}
.legend .sq-x,.msq .sq-x,.msq .sq-wait{background:var(--sh);}
.qs-wrap{margin-top:36px;}
.q-t{font-size:14.5px;}
.q-s{color:var(--grey,var(--mute));font-size:12px;}
.qs a{padding:12px 20px;align-items:center;}


/* statistics */
.pct{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;margin:4px 0 14px;}
.pct div{display:flex;flex-direction:column;gap:2px;}
.pct b{font-family:var(--display);font-weight:700;font-size:52px;line-height:.95;color:var(--plum);font-variant-numeric:tabular-nums;}
.pct .pct-part b{font-size:30px;color:var(--mauve);margin-top:auto;}
.pct .pct-x b{font-size:30px;color:#A9A8B2;margin-top:auto;}
.pct span{font-size:12px;line-height:1.35;color:var(--ink2);}
.pct em{display:block;font-style:normal;color:var(--mute);font-size:11.5px;}
.sbar{display:flex;height:14px;border-radius:4px;overflow:hidden;background:var(--fog);gap:2px;}
.sbar i{display:block;height:100%;}
.b-ok{background:var(--plum);}
.b-part{background:var(--mauve);opacity:.55;}
.b-x{background:#D6D5DC;}
.legend .b-ok,.legend .b-part,.legend .b-x{width:13px;height:13px;border-radius:3px;display:inline-block;}
.sbar-s{height:8px;border-radius:3px;margin-top:8px;}
.mnum{font-size:12.5px;color:var(--mute);}
.mnum b{font-family:var(--display);font-weight:700;font-size:22px;color:var(--plum);margin-right:2px;}
.mech-f{padding-top:12px;align-items:flex-end;}
/* index table */
.srch{display:flex;align-items:center;gap:12px;margin:0 0 12px;}
.srch input{flex:1;max-width:380px;font:inherit;font-size:14px;padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);}
.srch input:focus{outline:none;border-color:var(--plum);}
.srch-c{font-size:13px;color:var(--mute);}
.t-i{color:var(--mute);font-variant-numeric:tabular-nums;width:44px;}
.t-n{font-family:var(--display);font-weight:700;color:var(--plum);white-space:nowrap;}
.t-det{display:inline-block;margin-left:10px;font-family:var(--display);font-size:12px;color:var(--plum);background:var(--fog);border-radius:999px;padding:2px 9px;}
.t-d{white-space:nowrap;font-variant-numeric:tabular-nums;}
.t-p{color:var(--ink2);}
.res{display:inline-flex;align-items:center;gap:7px;font-size:13px;line-height:1.25;white-space:nowrap;}
.res i{width:10px;height:10px;border-radius:2px;flex:none;}
.res-ok i{background:var(--plum);}.res-part i{background:var(--mauve);opacity:.55;}.res-x i{background:#D6D5DC;}
.res-ok{color:var(--plum);font-weight:700;}.res-part{color:var(--mauve);font-weight:700;}.res-x{color:var(--mute);}
.t-more{display:block;margin:14px auto 0;font-family:var(--display);font-weight:700;font-size:14px;color:var(--plum);background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:10px 22px;cursor:pointer;}
.t-more:hover{border-color:var(--plum);}
.t-empty{color:var(--mute);font-size:14px;}
@media (max-width:700px){.pct b{font-size:44px;}.pct .pct-part b,.pct .pct-x b{font-size:26px;}
  .t-i{display:none !important;}
  td.t-n{font-size:15px;}
  td.t-d{display:inline !important;font-size:12.5px;color:var(--mute);}
  td.t-d::after{content:" · ";}
  td.t-p{display:inline !important;font-size:12.5px;}
  .srch input{max-width:none;}}

/* methodology */
.meth{background:var(--fog);border-radius:14px;padding:20px 24px 12px;margin:0 0 44px;}
.meth-k{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--plum);margin-bottom:8px;}
.meth p{margin:0 0 .6em;font-weight:700;color:var(--ink);}
.meth ul{margin:0 0 .6em;}
@media (max-width:700px){.meth{padding:16px 16px 8px;margin-bottom:32px;}}
/* webinar */
.webi{display:flex;flex-direction:column;gap:6px;background:linear-gradient(120deg,rgb(88,118,188) 0%,rgb(126,52,116) 55%,rgb(198,46,118) 100%);box-shadow:0 12px 28px -14px rgba(198,46,118,.55);color:#fff;border-radius:14px;padding:16px 18px 15px;position:relative;overflow:hidden;transition:transform .15s;}
.webi::before{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.12);}
.webi:hover{transform:translateY(-2px);color:#fff;}
.webi-k{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:rgba(255,255,255,.85);}
.webi-d{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.15;color:#fff;}
.webi-b{display:inline-block;align-self:flex-start;margin-top:6px;background:#fff;color:var(--night);font-family:var(--display);font-weight:700;font-size:13px;border-radius:999px;padding:8px 14px;}
.webi-s{margin-bottom:22px;}
.webi-m{display:none;}
@media (max-width:900px){.webi-s{display:none;}.webi-m{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:16px;margin-bottom:26px;}.webi-m .webi-k{flex-basis:100%;}.webi-m .webi-d br{display:none;}.webi-m .webi-b{margin-top:0;margin-left:auto;}}
@media (max-width:480px){.webi-m .webi-b{margin-left:0;margin-top:4px;}}
@media print{.webi{display:none !important;}}
@media (max-width:1100px){.mechs{grid-template-columns:repeat(2,minmax(0,1fr));}.hero .wrap{gap:36px;}.hero h1{font-size:40px;}}
@media (max-width:1024px){.wrap{padding-left:max(26px,env(safe-area-inset-left,0px));padding-right:max(26px,env(safe-area-inset-right,0px));}
  .hero .wrap{grid-template-columns:1fr;}.score{max-width:620px;}.aus{grid-template-columns:repeat(2,minmax(0,1fr));}
  .qs-wrap{grid-template-columns:1fr;gap:18px;}}
@media (max-width:900px){.hdr .ph,.hdr .tt{display:none;}.hero h1{font-size:34px;}
  .grid{grid-template-columns:1fr;gap:24px;}
  .nav{position:static;max-height:none;background:var(--mist);border-radius:12px;padding:16px 18px;}
  .nav-sub{display:flex;}
  .tl{grid-auto-flow:row;grid-auto-columns:auto;gap:10px;}
  .tl li{padding:0 0 0 24px;flex-direction:row;flex-wrap:wrap;gap:0 8px;}
  .tl li::before{left:5px;right:auto;top:14px;bottom:-12px;width:1.5px;height:auto;}
  .tl li:last-child::before{display:none;}
  .tl i{top:4px;}
  .tl-nt i{top:5px;}
  .tl-r{flex-basis:100%;}}
@media (max-width:700px){.wrap{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));}
  body{font-size:14px;}
  .hero .wrap{padding-block:36px 34px;}.hero h1{font-size:28px;}.hero .sub{font-size:16px;}
  .hero::before{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.88));}
  .score{padding:20px 18px 18px;}.tally b{font-size:52px;}.sqs{gap:4px;}
  .aus{grid-template-columns:1fr;gap:14px;}.aph{width:68px;height:68px;}
  .art p,.art li,.q{hyphens:auto;-webkit-hyphens:auto;}
  .mechs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.mech{padding:16px 14px 14px;}.mech h3{font-size:15px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;}.q-s{display:none;}.qs a{grid-template-columns:26px minmax(0,1fr) !important;padding:12px 16px;}.mech-l{font-size:11px;}.msq i{width:11px;height:11px;}
  .guide h2,.read-h h2,.idx h2{font-size:24px;}
  .qs a{grid-template-columns:26px minmax(0,1fr);padding:13px 16px;}.q-s{grid-column:2;}
  .art h3{font-size:22px;gap:12px;}.sec-n{font-size:56px;}
  .art h4{font-size:17px;}
  .case-h{grid-template-columns:1fr;padding:16px 16px 12px;}.case-h .pill{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px;}
  .case-n{font-size:19px;}.tl{padding:14px 16px 12px;}.case-b{padding:14px 16px 6px;}
  .q{padding:14px 14px 12px 36px;font-size:13.5px;}.q::before{left:9px;font-size:38px;}
  .sum{padding:18px 18px 8px;}.concl{padding:20px 20px 10px;}
  .tbl{border:0;overflow:visible;}
  table,tbody,tr,td{display:block;width:100%;}thead{display:none;}
  tr{border:1px solid var(--fog);border-radius:12px;margin-bottom:10px;padding:10px 14px;background:var(--paper);}
  tr:nth-child(even) td{background:transparent;}
  td{border:0;padding:2px 0;}
  td:nth-child(3),td:nth-child(4){display:inline;font-size:12.5px;color:var(--mute);}
  td:nth-child(3)::after{content:" · ";}
  td:last-child{padding-top:8px;}
  .ctab{padding:26px 22px;}.ctab h2{font-size:24px;}
  .cont{flex-direction:column;text-align:center;}.cont .lg svg{margin:0 auto;}
  
  .hdr .wrap{gap:10px;}}
@media (max-width:480px){.lg-only{display:none;}.btn{padding:8px 12px;font-size:13px;}.hdr .lg svg{height:20px;}.tally span{font-size:11px;}}
@media print{.hdr,.top,.nav,.flt{display:none;}.grid{display:block;}}

/* hero: пустые кресла — "потерянные" акционеры, которые не приходят на собрания */
:root{--heroimg:url(assets/hero-chairs.jpg);}
.hero{background:#EDEAF0 var(--heroimg) center 72%/cover no-repeat;}
.hero::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.18) 68%,rgba(255,255,255,0) 82%);}
.hero .wrap{padding-block:76px 72px;}
.score{box-shadow:0 24px 60px -28px rgba(30,16,40,.55);}
.hero-pic{display:none;}
@media (max-width:1024px){
  .hero{background:#fff;}
  .hero::before{display:none;}
  .hero-pic{display:block;position:relative;height:clamp(200px,52vw,420px);background:#EDEAF0 var(--heroimg) center 78%/cover no-repeat;}
  .hero-pic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);}
  .hero .wrap{padding-top:8px;padding-bottom:40px;}
}
@media (max-width:700px){
  .hero-pic{height:62vw;background-position:center 80%;}
  .hero .wrap{padding-top:4px;padding-bottom:34px;}
}
