.sl-intro{display:grid;gap:16px;justify-items:start;max-width:calc(1180px + 2 * var(--vx-gutter));padding-block:clamp(32px,5vw,64px) clamp(24px,3vw,40px)}.sl-intro__k{color:var(--vx-signal)}.sl-intro .vx-lead{color:var(--vx-ash)}.sl-intro .vx-lead strong{color:var(--vx-bone);font-weight:600}.sl-intro__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.sl{display:flex;align-items:center;justify-content:center;padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px);box-shadow:inset 0 1px 0 var(--vx-hair)}.sl__inner{width:100%;max-width:1180px}.sl--a{background:radial-gradient(70% 80% at 85% 10%,#ffc40012,#ffc40000 70%),var(--vx-canvas)}.sl--b{background:var(--vx-raised)}.sl__title{margin:0 0 clamp(18px,2.4vw,34px);font:800 clamp(2.1rem,5.2vw,4.5rem)/.98 var(--vx-font-head);text-transform:uppercase;letter-spacing:0;color:var(--vx-bone);text-wrap:balance}.sl__title code{font-size:.8em;text-transform:none}.sl__text{margin:0 0 clamp(14px,1.8vw,26px);max-width:min(100%,34ch);font:400 clamp(1.15rem,2.2vw,1.9rem)/1.5 var(--vx-font-ui);color:#f2ece0d1;text-wrap:pretty}.sl__text strong{color:var(--vx-bone);font-weight:600}.sl__text:last-of-type{margin-bottom:0}.sl__list{display:grid;gap:clamp(10px,1.4vw,18px);margin:0;padding:0;list-style:none;font:400 clamp(1.15rem,2.2vw,1.9rem)/1.35 var(--vx-font-ui);color:#f2ece0d1}.sl__list li{position:relative;padding-left:1.4em}.sl__list li:before{content:"";position:absolute;left:0;top:.6em;width:.7em;height:4px;border-radius:2px;background:var(--vx-signal)}.sl code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.sl__text code,.sl__list code,.sl__title code{padding:.06em .3em;border-radius:6px;background:var(--vx-signal-soft);color:var(--vx-signal)}.sl__code{max-width:100%;margin:0 0 clamp(14px,1.8vw,26px);padding:clamp(16px,1.8vw,30px) clamp(18px,2vw,34px);overflow-x:auto;border-radius:var(--vx-radius-panel);background:#00000052;box-shadow:inset 0 0 0 1px var(--vx-hair),inset 4px 0 0 var(--vx-signal)}.sl--b .sl__code{background:var(--vx-canvas)}.sl__code code{display:block;padding:0;background:none;white-space:pre;font:600 clamp(1rem,1.8vw,1.6rem)/1.5 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--vx-bone)}.sl__code--hero{display:inline-block;padding:clamp(20px,2.4vw,38px) clamp(24px,3vw,48px)}.sl__code--hero code{font-size:clamp(1.3rem,3.4vw,2.9rem);letter-spacing:.01em}.sl__end{margin:clamp(22px,3vw,40px) 0 0}.sl__note{max-width:70ch;margin:clamp(18px,2.2vw,32px) 0 0;padding:14px 18px;border-radius:0 var(--vx-radius-image) var(--vx-radius-image) 0;background:var(--vx-signal-soft);box-shadow:inset 3px 0 0 var(--vx-signal);font:500 clamp(.95rem,1.3vw,1.2rem)/1.5 var(--vx-font-ui);color:var(--vx-bone)}.sl__note code{background:none;color:inherit}.sl-back,.sl-progress,.sl-counter,.sl-hint{display:none}.sl-js body{overflow:hidden}.sl-js .vx-nav,.sl-js .vx-footer,.sl-js .vx-tabbar,.sl-js .vx-skip,.sl-js .sl-intro{display:none}.sl-js .sl{position:fixed;inset:0;width:100vw;height:100dvh;padding:clamp(28px,5vh,72px) clamp(28px,6vw,96px);box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease}.sl-js .sl.is-on{opacity:1;visibility:visible;pointer-events:auto}.sl-js .sl__inner{max-height:100%;overflow-y:auto}.sl-js .sl__note{display:none}.sl-js.sl-notes .sl.is-on .sl__note{display:block}.sl-js .sl-back{display:inline-flex;position:fixed;z-index:20;left:clamp(14px,2vw,28px);top:clamp(12px,2vh,22px)}.sl-js .sl-progress{display:block;position:fixed;z-index:20;top:0;left:0;right:0;height:3px;background:var(--vx-hair)}.sl-js .sl-progress i{display:block;height:100%;width:0;background:var(--vx-signal);transition:width .18s ease}.sl-js .sl-counter{display:block;position:fixed;z-index:20;right:clamp(14px,2vw,28px);bottom:clamp(12px,2vh,22px);margin:0;font:700 var(--vx-size-15)/1 var(--vx-font-head);letter-spacing:.08em;color:var(--vx-ash)}.sl-js .sl-hint{display:block;position:fixed;z-index:20;left:clamp(14px,2vw,28px);bottom:clamp(12px,2vh,22px);margin:0;font:500 var(--vx-size-13)/1 var(--vx-font-ui);color:var(--vx-ash);opacity:.8;transition:opacity .6s ease}.sl-js .sl-hint b{font-weight:700;color:var(--vx-bone)}.sl-js .sl-hint.is-faded{opacity:0}@media(prefers-reduced-motion:reduce){.sl-js .sl,.sl-js .sl-progress i,.sl-js .sl-hint{transition:none}}@media print{.vx-nav,.vx-footer,.vx-tabbar,.sl-back,.sl-progress,.sl-counter,.sl-hint,.sl-intro__acts{display:none!important}.sl-js .sl{position:static!important;height:auto!important;width:auto!important;opacity:1!important;visibility:visible!important;page-break-after:always;break-after:page}.sl-js .sl__note,.sl-js.sl-notes .sl__note{display:block!important}.sl-js .sl-intro{display:grid!important}.sl-js body{overflow:visible!important}.sl,[data-ui=vx] body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
