/* Единая шапка, подвал, крошки и «Смотрите также» (V-181). Источник разметки — tools/site_chrome.py. */
html{scroll-padding-top:80px}
.sx-header,.sx-footer,.sx-related,.sx-crumbs{--sx-bg:#080b11;--sx-line:rgba(255,255,255,.1);--sx-green:#10b981;--sx-text:#f1f5f9;--sx-muted:#94a3b8;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:0;line-height:1.4;box-sizing:border-box}
.sx-header *,.sx-footer *,.sx-related *,.sx-crumbs *{box-sizing:border-box}
.sx-header a,.sx-footer a,.sx-related a,.sx-crumbs a{color:inherit;text-decoration:none}
.sx-header ul,.sx-footer ul,.sx-related ul,.sx-crumbs ol{list-style:none;margin:0;padding:0}
.sx-header{position:sticky;top:0;z-index:1000;background:rgba(8,11,17,.94);border-bottom:1px solid var(--sx-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--sx-text);font-size:14px}
.sx-bar{display:flex;align-items:center;gap:24px;max-width:1280px;height:64px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}
.sx-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-weight:800;font-size:17px;letter-spacing:-.03em}
.sx-brand img{display:block}
.sx-menu{display:flex;align-items:center;flex:1 1 auto;gap:16px;min-width:0}
.sx-list{display:flex;align-items:center;gap:2px;flex:1 1 auto}
.sx-item{position:relative}
.sx-header .sx-top{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--sx-muted);font:600 14px/1 'Manrope',system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.sx-header .sx-top:hover,.sx-header .sx-item.is-current>.sx-top,.sx-header .sx-top[aria-current="page"],.sx-header .sx-item.is-open>.sx-top{color:var(--sx-text);background:rgba(255,255,255,.06)}
.sx-header .sx-item.is-current>.sx-top,.sx-header .sx-top[aria-current="page"]{color:var(--sx-green)}
.sx-has-dd>.sx-top::after{content:"";width:6px;height:6px;margin-top:-3px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.sx-dd{display:none;position:absolute;top:100%;left:0;min-width:300px;padding:8px;margin-top:4px;border:1px solid var(--sx-line);border-radius:12px;background:#0d1117;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.sx-has-dd:hover>.sx-dd,.sx-has-dd:focus-within>.sx-dd,.sx-has-dd.is-open>.sx-dd{display:block}
.sx-dd::before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px}
.sx-dd a{display:block;padding:10px 12px;border-radius:8px}
.sx-dd a:hover,.sx-dd a[aria-current="page"]{background:rgba(16,185,129,.1)}
.sx-dd a[aria-current="page"] b{color:var(--sx-green)}
.sx-dd b{display:block;font-size:14px;font-weight:700;color:var(--sx-text)}
.sx-dd small{display:block;margin-top:2px;font-size:12px;color:var(--sx-muted)}
.sx-header .sx-lang{padding:8px 10px;border:1px solid var(--sx-line);border-radius:8px;color:var(--sx-muted);font-size:12px;font-weight:700}
.sx-header .sx-lang:hover{color:var(--sx-text)}
.sx-header .sx-cta{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;height:40px;padding:0 16px;border-radius:8px;background:var(--sx-green);color:#04120c!important;font-weight:800;font-size:14px;white-space:nowrap}
.sx-cta:hover{background:#34d399}
.sx-burger{display:none;margin-left:auto;width:42px;height:42px;padding:0;border:1px solid var(--sx-line);border-radius:9px;background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.sx-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--sx-text);transition:transform .2s,opacity .2s}
.sx-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sx-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sx-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1100px){
 .sx-bar{height:58px}
 .sx-burger{display:flex}
 .sx-menu{display:none;position:absolute;top:100%;left:0;right:0;height:calc(100vh - 58px);height:calc(100dvh - 58px);flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 28px;overflow-y:auto;background:#080b11}
 .sx-header.is-open .sx-menu,.sx-menu.is-open{display:flex}
 .sx-list{flex-direction:column;align-items:stretch;gap:0;flex:0 0 auto}
 .sx-header .sx-top{width:100%;height:auto;min-height:48px;padding:12px 4px;border-radius:0;font-size:16px;color:var(--sx-text);background:none!important;border-bottom:1px solid var(--sx-line)}
 .sx-header .sx-has-dd>.sx-top{pointer-events:none;color:var(--sx-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:0;min-height:36px;padding-top:18px}
 .sx-header .sx-has-dd>.sx-top::after{display:none}
 .sx-dd{display:block!important;position:static;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
 .sx-dd a{padding:11px 4px;border-bottom:1px solid var(--sx-line);border-radius:0}
 .sx-dd b{font-size:16px}
 .sx-header .sx-lang{align-self:flex-start;margin-top:16px}
 .sx-header .sx-cta{justify-content:center;margin-top:20px;height:50px}
}
@media(max-width:1100px) and (prefers-reduced-motion:no-preference){.sx-menu.is-open{animation:sx-in .18s ease-out}@keyframes sx-in{from{opacity:0}to{opacity:1}}}
.sx-crumbs{background:#0a0e14;border-bottom:1px solid var(--sx-line);color:var(--sx-muted);font-size:13px}
.sx-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;max-width:1280px;margin:0 auto;padding:10px clamp(16px,3vw,32px)}
.sx-crumbs li+li::before{content:"›";margin-right:8px;color:#475569}
.sx-crumbs a:hover{color:var(--sx-text)}
.sx-crumbs [aria-current]{color:var(--sx-text)}
.sx-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}
.sx-related{padding:56px 0 8px;background:#080b11;color:var(--sx-text);border-top:1px solid var(--sx-line)}
.sx-related h2{margin:0 0 20px;font:700 22px/1.2 'Manrope',system-ui,sans-serif;letter-spacing:-.02em;color:var(--sx-text)}
.sx-related ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.sx-related a{display:block;height:100%;padding:18px;border:1px solid var(--sx-line);border-radius:12px;background:#0d1117}
.sx-related a:hover{border-color:rgba(16,185,129,.5)}
.sx-related b{display:block;font-size:15px;line-height:1.35;color:var(--sx-text)}
.sx-related span{display:block;margin-top:6px;font-size:13px;color:var(--sx-muted)}
.sx-footer{padding:48px 0 32px;background:#06080d;border-top:1px solid var(--sx-line);color:var(--sx-muted);font-size:13px}
.sx-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:28px 24px}
.sx-fgrid--top{grid-template-columns:1.3fr 1fr repeat(4,1fr)}
.sx-fcol{display:flex;flex-direction:column;gap:7px;min-width:0}
.sx-fcol strong{color:var(--sx-text);font-size:14px}
.sx-fcol span{margin-bottom:4px;color:var(--sx-text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sx-fcol p{margin:0 0 8px}
.sx-fcol a:hover,.sx-flegal a:hover,.sx-flinks a:hover{color:var(--sx-green)}
.sx-flinks{gap:7px}
.sx-flegal{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:32px;padding-top:20px;border-top:1px solid var(--sx-line)}
@media(max-width:1100px){.sx-fgrid--top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sx-fgrid--top{grid-template-columns:1fr}}
body.sx-lock{overflow:hidden}