/* ВИЗАбилити — раздел «Аналитика». Те же токены, что cabinet.css. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;1,400&family=Barlow+Condensed:wght@500;600&family=Cormorant+Garamond:ital,wght@1,400;1,500&display=swap');
:root{
--ink:#1d2d3d;--ink-2:#2c455d;--text:#1d1f20;--muted:#5d5d60;--faint:#7a7a7d;
--bg:#f5f5f8;--surface:#ffffff;--line:#d4d4d7;--line-soft:#e7e7ea;
--accent:#597ea3;--accent-strong:#416180;--accent-soft:#eef6ff;--accent-light:#94bce3;
--navy:#0f1822;--navy-2:#15212e;
--f-head:"Barlow Condensed",system-ui,sans-serif;--f-body:"Barlow",system-ui,sans-serif;--f-serif:"Cormorant Garamond",Georgia,serif;
--r:2px;--container:1200px;--measure:680px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--accent-strong);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink)}
.wrap{max-width:var(--container);margin:0 auto;padding:0 32px}
.kicker{font:500 12px/1 var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-strong)}
.num{font-variant-numeric:tabular-nums}
.serif{font-family:var(--f-serif);font-style:italic;font-weight:400}
/* header */
.hdr{background:var(--navy);color:#eef1f4;position:sticky;top:0;z-index:10}
.hdr .wrap{display:flex;align-items:center;gap:32px;height:64px}
.hdr .wrap > a:first-child{flex:none;display:block}
.hdr img{height:26px;width:auto;flex:none;max-width:none}
.hdr nav{display:flex;gap:28px;margin-right:auto;margin-left:24px}
.hdr nav a,.hdr .cta{color:#eef1f4;text-decoration:none;font:500 13px/1 var(--f-head);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.hdr nav a[aria-current]{color:var(--accent-light)}
.hdr nav a:hover{color:var(--accent-light)}
.hdr .cta{display:inline-flex;align-items:center;height:38px;padding:0 18px;border:1px solid color-mix(in srgb,#eef1f4 40%,transparent)}
.hdr .cta:hover{background:#eef1f4;color:var(--navy)}
/* masthead */
.mast{background:var(--navy);color:#eef1f4;border-top:1px solid color-mix(in srgb,#eef1f4 12%,transparent)}
.mast .wrap{padding-top:72px;padding-bottom:0;display:flex;flex-direction:column;gap:20px}
.mast h1{margin:0;font:600 clamp(48px,7vw,96px)/.95 var(--f-head);letter-spacing:-.01em;text-transform:uppercase}
.mast p{margin:0;max-width:640px;font-size:clamp(22px,2.2vw,28px);line-height:1.3;color:#c9d2db}
.filters{display:flex;flex-wrap:wrap;gap:0;margin-top:40px;border-top:1px solid color-mix(in srgb,#eef1f4 18%,transparent)}
.filters button{height:52px;padding:0 20px;background:none;border:0;border-right:1px solid color-mix(in srgb,#eef1f4 18%,transparent);cursor:pointer;font:500 13px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:#aab6c2;white-space:nowrap}
.filters button:first-child{padding-left:0}
.filters button:hover{color:#fff}
.filters button[aria-pressed="true"]{color:#fff;box-shadow:inset 0 -2px 0 var(--accent-light)}
.filters button span{margin-left:6px;color:var(--accent-light)}
/* lead story */
.lead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;background:var(--surface);border:1px solid var(--line-soft);margin-top:48px;text-decoration:none;color:inherit}
.lead .ph{position:relative;min-height:380px;background:var(--navy-2);overflow:hidden}
.lead .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.lead .ph::after{content:"";position:absolute;inset:0;background:var(--accent);mix-blend-mode:color;opacity:.55}
.lead .tx{padding:40px;display:flex;flex-direction:column;gap:18px}
.lead h2{margin:0;font:600 clamp(30px,3vw,42px)/1.05 var(--f-head);color:var(--ink);text-wrap:balance}
.lead p{margin:0;color:var(--muted);text-wrap:pretty}
.lead .more{margin-top:auto;font:600 13px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.lead:hover h2{color:var(--accent-strong)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:500 12px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--line);color:var(--accent-strong);font:500 11px/1 var(--f-head);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
/* ledger list */
.ledger{margin-top:64px}
.month{display:flex;align-items:baseline;gap:16px;padding:0 0 14px;border-bottom:1px solid var(--ink);margin-top:48px}
.month h3{margin:0;font:600 22px/1 var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.month span{font:500 12px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.item{display:grid;grid-template-columns:92px minmax(0,1fr) 180px;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;align-items:start}
.item time{font:600 15px/1.3 var(--f-head);letter-spacing:.08em;color:var(--ink)}
.item h4{margin:0 0 6px;font:600 22px/1.15 var(--f-head);color:var(--ink);text-wrap:balance}
.item p{margin:0;font-size:15px;color:var(--muted);text-wrap:pretty;max-width:720px}
.item .tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.item:hover h4{color:var(--accent-strong)}
.pager{display:flex;justify-content:center;padding:48px 0 0}
/* CTA band */
.band{margin-top:96px;background:var(--navy);color:#eef1f4}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-top:56px;padding-bottom:56px}
.band p{margin:0;font-size:clamp(22px,2.4vw,32px);line-height:1.2;max-width:640px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 32px;border:1px solid transparent;border-radius:var(--r);cursor:pointer;text-decoration:none;white-space:nowrap;font:600 14px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase}
.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-2);color:#fff}
.btn-light{background:#eef1f4;color:var(--navy)}.btn-light:hover{background:#fff;color:var(--navy)}
.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--ink);color:var(--ink)}
/* footer */
.ftr{background:var(--navy);color:#aab6c2;border-top:1px solid color-mix(in srgb,#eef1f4 12%,transparent);font-size:13px}
.ftr .wrap{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;padding-top:28px;padding-bottom:28px}
.ftr a{color:#eef1f4;text-decoration:none}.ftr a:hover{color:var(--accent-light)}
.ftr .tel{font:500 20px/1 var(--f-head);letter-spacing:.06em}
.ftr .sp{margin-left:auto}
/* ─── ARTICLE ─── */
.a-head{background:var(--navy);color:#eef1f4}
.a-head .wrap{padding-top:40px;padding-bottom:56px;display:flex;flex-direction:column;gap:24px}
.back{align-self:flex-start;font:500 12px/1 var(--f-head);letter-spacing:.18em;text-transform:uppercase;color:#aab6c2;text-decoration:none}.back:hover{color:#fff}
.a-head .meta{color:#aab6c2}.a-head .tag{border-color:color-mix(in srgb,#eef1f4 30%,transparent);color:var(--accent-light)}
.a-head h1{margin:0;max-width:960px;font:600 clamp(40px,5.2vw,72px)/1 var(--f-head);letter-spacing:-.01em;text-wrap:balance}
.a-head .lede{margin:0;max-width:820px;font-family:var(--f-serif);font-style:italic;font-size:clamp(24px,2.4vw,32px);line-height:1.3;color:#c9d2db;text-wrap:pretty}
.a-hero{background:linear-gradient(var(--navy) 50%,var(--bg) 50%)}
.a-hero figure{margin:0;position:relative;aspect-ratio:21/9;overflow:hidden;background:var(--navy-2)}
.a-hero img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.a-hero figure::after{content:"";position:absolute;inset:0;background:var(--accent);mix-blend-mode:color;opacity:.5}
.a-grid{display:grid;grid-template-columns:200px minmax(0,var(--measure)) 220px;gap:40px;justify-content:space-between;padding-top:56px}
.toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--ink)}
.toc .kicker{padding:14px 0 10px}
.toc a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;font:500 13px/1.3 var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.toc a:hover,.toc a.on{color:var(--ink)}
.toc a.on{box-shadow:inset 2px 0 0 var(--ink);padding-left:12px}
.toc .share{padding-top:18px;display:flex;gap:8px}
.prose{font-size:18px;line-height:1.7;min-width:0}
.prose > *{margin:0 0 20px}
.prose p{text-wrap:pretty}
.prose .part{margin:64px 0 8px;font:500 12px/1 var(--f-head);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-strong)}
.prose h2{margin:0 0 24px;font:600 36px/1.08 var(--f-head);color:var(--ink);text-wrap:balance;scroll-margin-top:96px}
.prose h3{margin:40px 0 12px;font:600 23px/1.2 var(--f-head);color:var(--ink)}
.prose a{color:var(--accent-strong)}
.prose .pull{margin:40px 0;padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--f-serif);font-style:italic;font-size:28px;line-height:1.3;color:var(--ink)}
.note{margin:32px 0;background:var(--surface);border:1px solid var(--line)}
.note-h{display:flex;align-items:center;gap:12px;padding:0 24px;min-height:44px;background:var(--ink);color:#fff;font:600 13px/1.2 var(--f-head);letter-spacing:.14em;text-transform:uppercase}
.note-h b{font-weight:600;color:var(--accent-light)}
.note-b{padding:20px 24px 4px;font-size:16px;line-height:1.65}
.note-b p{margin:0 0 16px}
.tbl{width:100%;border-collapse:collapse;font-size:16px;margin:24px 0 32px}
.tbl caption{text-align:left;padding-bottom:12px;font:500 12px/1 var(--f-head);letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.tbl th{text-align:left;font:500 11px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:0 0 10px;border-bottom:1px solid var(--ink)}
.tbl td{padding:12px 0;border-bottom:1px solid var(--line)}
.tbl td:last-child,.tbl th:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl tr.total td{font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink)}
.scen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:24px 0 32px}
.scen div{background:var(--surface);padding:20px;display:flex;flex-direction:column;gap:8px}
.scen b{font:600 40px/1 var(--f-head);color:var(--ink)}
.scen span{font:500 11px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong)}
.scen p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.takeaway{margin:48px 0;padding:28px 32px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.takeaway .kicker{display:block;margin-bottom:12px}
.takeaway p{margin:0;font-size:18px;color:var(--ink)}
.sources{margin-top:64px;border-top:1px solid var(--ink);padding-top:16px;font-size:14px;line-height:1.55;color:var(--muted)}
.sources ol{margin:12px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.aside{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:16px}
.aside .box{background:var(--navy);color:#eef1f4;padding:24px;display:flex;flex-direction:column;gap:16px}
.aside .box p{margin:0;font-size:18px;line-height:1.35;text-wrap:pretty}
.aside .btn{width:100%;height:auto;min-height:48px;padding:14px 16px;white-space:normal;text-align:center;line-height:1.3;letter-spacing:.12em}
.related{margin-top:80px;border-top:1px solid var(--ink)}
.related .kicker{display:block;padding:16px 0}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.rel-grid a{background:var(--surface);padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}
.rel-grid a:hover h4{color:var(--accent-strong)}
.rel-grid h4{margin:0;font:600 22px/1.15 var(--f-head);color:var(--ink)}
@media (max-width:1100px){.a-grid{grid-template-columns:minmax(0,var(--measure));justify-content:center}.toc,.aside{display:none}}
@media (max-width:860px){.lead{grid-template-columns:1fr}.lead .ph{min-height:240px}.item{grid-template-columns:72px minmax(0,1fr)}.item .tags{grid-column:2;justify-content:flex-start}.hdr nav{display:none}.scen{grid-template-columns:1fr}}
@media (max-width:560px){.wrap{padding:0 20px}.lead .tx{padding:24px}.item{grid-template-columns:1fr;gap:8px}.item .tags{grid-column:1}.prose{font-size:17px}.prose h2{font-size:30px}.a-hero figure{aspect-ratio:4/3}.hdr .cta{display:none}}

/* ─── ПОЛЕЗНОЕ ─── */
.u-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px}
.u-card{background:var(--surface);padding:32px;display:flex;flex-direction:column;gap:16px;min-height:280px;text-decoration:none;color:inherit}
.u-card .no{font:600 48px/1 var(--f-head);color:var(--accent)}
.u-card h2{margin:0;font:600 28px/1.1 var(--f-head);color:var(--ink);text-wrap:balance}
.u-card p{margin:0;font-size:15px;color:var(--muted);text-wrap:pretty}
.u-card .more{margin-top:auto;font:600 13px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
a.u-card:hover h2{color:var(--accent-strong)}
.u-card.soon{background:var(--bg)}.u-card.soon .no{color:var(--line)}.u-card.soon h2{color:var(--faint)}
.pack{margin:0 0 20px;padding:0;list-style:none;counter-reset:d;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.pack > li{counter-increment:d;display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 16px;padding:22px 0;border-bottom:1px solid var(--line)}
.pack > li::before{content:counter(d,decimal-leading-zero);font:600 22px/1.2 var(--f-head);color:var(--accent-strong)}
.pack h3{margin:0 0 8px;font:600 22px/1.2 var(--f-head);color:var(--ink)}
.pack p{margin:0 0 12px}.pack p:last-child{margin:0}
.need{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.need span{display:inline-flex;align-items:center;height:24px;padding:0 9px;background:var(--accent-soft);color:var(--ink);font:500 11px/1 var(--f-head);letter-spacing:.14em;text-transform:uppercase}
.warn{margin:12px 0 0;padding:12px 16px;border:1px solid var(--line);background:var(--surface);font-size:15px;line-height:1.55}
.warn b{font:600 11px/1 var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong);margin-right:8px}
.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:12px 0}
.figs div{background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.figs b{font:600 32px/1 var(--f-head);color:var(--ink)}.figs span{font-size:14px;line-height:1.4;color:var(--muted)}
.done-strip{margin:40px 0;padding:24px 28px;background:var(--ink);color:#fff;font:600 clamp(22px,2.4vw,28px)/1.2 var(--f-head)}
@media (max-width:560px){.pack > li{grid-template-columns:1fr;gap:6px}.figs{grid-template-columns:1fr}}

@media (max-width:1100px){.hdr nav{display:none}}
.hdr .cta{margin-left:auto}