/* Статьи Neironex Analytics: те же шрифты и токены, спокойная длинная полоса чтения. */
body { background: #0a0a0a; }
.skip-link { position:absolute; left:16px; top:-100px; z-index:1000; background:#fff; color:#111; padding:10px 14px; border-radius:8px; }
.skip-link:focus { top:10px; }
.editorial-shell { width: min(100% - 40px, 1160px); margin: 0 auto; }
.editorial-top { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 0; border-bottom:1px solid var(--border-2); }
.editorial-brand { display:flex; align-items:center; gap:12px; font-family:var(--f-head); font-weight:600; letter-spacing:-.025em; }
.editorial-brand img { width:36px; height:36px; object-fit:contain; }
.editorial-nav { display:flex; flex-wrap:wrap; gap:22px; font-size:.875rem; color:#cbd0e3; }
.editorial-nav a:hover, .editorial-footer a:hover { color:var(--cyan); }
.editorial-hero { display:grid; grid-template-columns:minmax(0, 1fr) 260px; gap:5vw; align-items:end; padding:74px 0 66px; border-bottom:1px solid var(--border-2); }
.editorial-kicker { color:var(--cyan); font-size:.78rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.editorial-hero h1 { max-width:900px; margin:22px 0; font:700 clamp(2.35rem, 5.9vw, 5.4rem)/1.04 var(--f-head); letter-spacing:-.055em; }
.editorial-deck { max-width:760px; font-size:clamp(1.04rem, 1.55vw, 1.35rem); line-height:1.6; color:#c5c9da; }
.editorial-meta { margin-top:32px; color:#8e94aa; font-size:.84rem; }
.editorial-figure { align-self:stretch; min-height:330px; border-radius:22px; border:1px solid rgba(255,255,255,.12); background:radial-gradient(circle at 72% 20%,rgba(0,212,255,.28),transparent 35%),linear-gradient(155deg,#172443,#11101c 70%); padding:24px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; }
.editorial-figure .figure-label { color:#aeb9d7; font-size:.72rem; letter-spacing:.17em; text-transform:uppercase; }
.editorial-figure .figure-mark { font:600 7rem/1 var(--f-head); letter-spacing:-.1em; color:#dde8ff; }
.editorial-figure .figure-foot { font-size:.82rem; color:#cad3e8; }
.editorial-layout { display:grid; grid-template-columns:minmax(0, 730px) minmax(210px, 1fr); gap:clamp(32px, 7vw, 100px); padding:58px 0 100px; align-items:start; }
.editorial-article { min-width:0; font-size:1.075rem; line-height:1.85; color:#d9dce7; }
.editorial-article > p:first-child { font-size:1.28rem; line-height:1.7; color:#fff; }
.editorial-article p, .editorial-article ul, .editorial-article ol { margin:0 0 22px; }
.editorial-article h2 { margin:56px 0 18px; font:600 clamp(1.65rem,3vw,2.4rem)/1.2 var(--f-head); letter-spacing:-.03em; color:#fff; scroll-margin-top:24px; }
.editorial-article h3 { margin:30px 0 12px; font:600 1.24rem/1.3 var(--f-head); color:#fff; }
.editorial-article ul, .editorial-article ol { padding-left:1.4em; }
.editorial-article li { margin-bottom:10px; }
.editorial-article a { color:#89dfff; text-decoration:underline; text-underline-offset:3px; }
.editorial-article a:hover { color:#fff; }
.editorial-note { margin:34px 0; padding:24px 28px; background:#151822; border-left:3px solid var(--cyan); border-radius:0 16px 16px 0; }
.editorial-note p:last-child { margin-bottom:0; }
.editorial-divider { border:0; border-top:1px solid var(--border-2); margin:54px 0; }
.editorial-aside { position:sticky; top:25px; padding:24px; border:1px solid var(--border-2); border-radius:20px; background:#111217; }
.editorial-aside h2 { font:600 1rem/1.3 var(--f-head); margin:0 0 20px; }
.editorial-aside a { display:block; color:#b8bdd0; font-size:.88rem; line-height:1.5; padding:8px 0; }
.editorial-aside a:hover { color:#fff; }
.editorial-offer { margin-top:28px; padding-top:25px; border-top:1px solid var(--border-2); }
.editorial-offer strong { display:block; color:#fff; margin-bottom:10px; }
.editorial-offer p { color:#aeb4c7; font-size:.86rem; line-height:1.6; }
.editorial-offer a { color:var(--cyan); font-weight:600; }
.editorial-cta { margin-top:46px; padding:30px; border-radius:20px; background:linear-gradient(135deg,#17284c,#1c1735); border:1px solid rgba(122,159,244,.3); }
.editorial-cta h2 { margin:0 0 13px; }
.editorial-cta p { color:#cdd4e5; }
.editorial-cta .btn { margin-top:6px; text-decoration:none; color:#fff; }
.editorial-related { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:44px; padding-top:28px; border-top:1px solid var(--border-2); }
.editorial-related span { color:#8e94aa; font-size:.82rem; margin-right:8px; }
.editorial-related a { font-size:.92rem; }
.editorial-footer { border-top:1px solid var(--border-2); padding:30px 0 45px; color:#9298ab; font-size:.78rem; }
.editorial-footer nav { display:flex; flex-wrap:wrap; gap:17px; margin-top:10px; }
@media(max-width:850px) { .editorial-hero { grid-template-columns:1fr; padding:50px 0; } .editorial-figure { min-height:190px; } .editorial-figure .figure-mark { font-size:5rem; } .editorial-layout { grid-template-columns:1fr; } .editorial-aside { position:static; order:-1; } }
@media(max-width:520px) { .editorial-shell { width:min(100% - 30px,1160px); } .editorial-top { align-items:flex-start; } .editorial-nav { gap:9px 14px; justify-content:flex-end; } .editorial-hero h1 { font-size:clamp(2.15rem,10vw,3rem); } .editorial-article { font-size:1rem; } .editorial-cta { padding:23px; } }
