/* база: сброс, типографика; шапка, плашка «для специалистов» и подвал — css/chrome.css */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 12px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-m)/var(--lh) var(--f);font-feature-settings:'tnum' 0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--xg-text);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r1)}
h1,h2,h3,p{margin:0}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.num{font-variant-numeric:tabular-nums lining-nums}
/* капители-шкалы: подписи осей и шкал, как на чертеже */
.sc{font-size:13px;font-weight:600;letter-spacing:.06em;font-variant-caps:all-small-caps;color:var(--ink-2)}
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--s8)}
@media (max-width:719px){.wrap{padding:0 var(--s4)}}



/* подвал */
@media (max-width:719px){.m-hide{display:none}}

/* заставка: ожидание тела (intro-gate.js ставит intro-wait ≤2,5 с), затем #intro (js/intro.js) */
html.intro-wait body{visibility:hidden}
html.embed .stm-top,html.embed .stm-foot,html.embed .spec,html.embed .cc{display:none!important}
html.intro{background:var(--i-bg);overflow:hidden}
html.intro body>*:not(#intro){visibility:hidden}
#intro{position:fixed;inset:0;z-index:2147483000;background:var(--i-bg);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none}
#intro canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#intro .iw{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-family:var(--i-font);font-weight:800;line-height:1.02;letter-spacing:-.025em;color:var(--i-on);pointer-events:none;user-select:none}
#intro .iw span{display:block;width:max-content;margin:0 auto;position:relative;will-change:transform,filter,opacity}
#intro .ifr{position:absolute;pointer-events:none;opacity:0}
#intro .ifr i{position:absolute;width:14%;height:22%;max-width:22px;max-height:22px;border:0 solid var(--i-on)}
#intro .ifr i:nth-child(1){left:0;top:0;border-width:3px 0 0 3px}
#intro .ifr i:nth-child(2){right:0;top:0;border-width:3px 3px 0 0}
#intro .ifr i:nth-child(3){left:0;bottom:0;border-width:0 0 3px 3px}
#intro .ifr i:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0}
#intro .isk{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));font:600 13px/1 var(--i-font);letter-spacing:.04em;color:var(--i-ink);background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:10px 16px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#intro .isk:focus-visible{outline:2px solid var(--i-acc);outline-offset:2px}