.book.svelte-xocelv {display:grid;grid-template-columns:15rem minmax(0, 44rem) 13rem;justify-content:space-between;gap:3rem;width:min(100% - 2 * var(--gutter), var(--wide));margin:0 auto;padding-top:clamp(2.5rem, 2rem + 2vw, 4rem);}.side.svelte-xocelv,
  .here.svelte-xocelv {position:sticky;top:6rem;align-self:start;max-height:calc(100dvh - 7rem);overflow-y:auto;scrollbar-width:thin;}.home.svelte-xocelv {display:block;margin-bottom:0.75rem;color:var(--text);font:650 1.0625rem/1.3 var(--display);text-decoration:none;}.chapters.svelte-xocelv {display:grid;gap:0.1rem;margin:0;padding:0;list-style:none;}.chapters.svelte-xocelv a:where(.svelte-xocelv) {display:grid;grid-template-columns:1.6rem minmax(0, 1fr);gap:0.4rem;padding:0.4rem 0.6rem;border-radius:0.5rem;color:var(--muted);font-size:0.9375rem;line-height:1.35;text-decoration:none;transition:color 140ms var(--ease),
      background 140ms var(--ease);}.chapters.svelte-xocelv a:where(.svelte-xocelv):hover {background:var(--bg);color:var(--text);}.chapters.svelte-xocelv a[aria-current]:where(.svelte-xocelv) {background:var(--accent-soft);color:var(--accent);font-weight:600;}.n.svelte-xocelv {color:var(--faint);font:500 0.8125rem/1.6 var(--mono);font-variant-numeric:tabular-nums;}[aria-current].svelte-xocelv .n:where(.svelte-xocelv) {color:inherit;}.mobile.svelte-xocelv {display:none;}.chapter.svelte-xocelv {min-width:0;}h1.svelte-xocelv {margin:0;font:650 clamp(2rem, 1.5rem + 2vw, 3rem) / 1.08 var(--display);font-variation-settings:'SHRP' 100;letter-spacing:-0.03em;text-wrap:balance;}.lead.svelte-xocelv {margin:1.25rem 0 0;color:var(--muted);font-size:clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);line-height:1.6;text-wrap:pretty;}.meta.svelte-xocelv {margin:1rem 0 0;padding-bottom:2rem;border-bottom:1px solid var(--line);color:var(--faint);font-size:0.875rem;}.here.svelte-xocelv p:where(.svelte-xocelv) {margin:0 0 0.75rem;color:var(--text);font-size:0.8125rem;font-weight:600;}.here.svelte-xocelv ul:where(.svelte-xocelv) {display:grid;gap:0.5rem;margin:0;padding:0 0 0 0.85rem;border-left:1px solid var(--line);list-style:none;}.here.svelte-xocelv a:where(.svelte-xocelv) {color:var(--muted);font-size:0.875rem;line-height:1.35;text-decoration:none;}.here.svelte-xocelv a:where(.svelte-xocelv):hover {color:var(--text);}.here.svelte-xocelv .sub:where(.svelte-xocelv) {padding-left:0.85rem;}.pager.svelte-xocelv {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line);}.pager.svelte-xocelv a:where(.svelte-xocelv) {display:grid;gap:0.2rem;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-decoration:none;transition:border-color 140ms var(--ease),
      background 140ms var(--ease);}.pager.svelte-xocelv a:where(.svelte-xocelv):hover {border-color:var(--line-strong);background:var(--bg);}.next.svelte-xocelv {grid-column:2;text-align:right;}.dir.svelte-xocelv {color:var(--faint);font-size:0.8125rem;}.name.svelte-xocelv {font-weight:600;}

  /* Текст главы приходит из менеджера HTML-ом: стили без собственной специфичности. */.prose.svelte-xocelv {font-size:1.0625rem;line-height:1.7;}.prose.svelte-xocelv :where(h2) {margin:3.25rem 0 0.75rem;font:650 1.625rem/1.2 var(--display);font-variation-settings:'SHRP' 100;letter-spacing:-0.02em;text-wrap:balance;}.prose.svelte-xocelv :where(h3) {margin:2.25rem 0 0.5rem;font:650 1.25rem/1.3 var(--display);}.prose.svelte-xocelv :where(p, ul, ol) {margin:1rem 0;text-wrap:pretty;}.prose.svelte-xocelv :where(ul, ol) {padding-left:1.4rem;}.prose.svelte-xocelv :where(li + li) {margin-top:0.4rem;}.prose.svelte-xocelv :where(ol.steps) {padding:0;list-style:none;counter-reset:step;}.prose.svelte-xocelv :where(ol.steps > li) {position:relative;padding-left:2.6rem;counter-increment:step;}.prose.svelte-xocelv :where(ol.steps > li)::before {content:counter(step);position:absolute;left:0;top:0.1rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:600 0.875rem/1 var(--sans);font-variant-numeric:tabular-nums;}.prose.svelte-xocelv :where(:not(pre) > code) {padding:0.1em 0.35em;border-radius:0.35rem;background:var(--bg);font-size:0.875em;overflow-wrap:anywhere;}.prose.svelte-xocelv :where(kbd) {display:inline-block;padding:0.05em 0.4em;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:0.35rem;background:var(--raised);font:500 0.8125em/1.4 var(--mono);}.prose.svelte-xocelv :where(b.ui) {padding:0.05em 0.4em;border:1px solid var(--line);border-radius:0.35rem;background:var(--raised);font-weight:600;-webkit-box-decoration-break:clone;box-decoration-break:clone;}.prose.svelte-xocelv :where(figure.code) {margin:1.5rem 0;overflow:hidden;border:1px solid #262d36;border-radius:var(--radius);background:var(--code-bg);}.prose.svelte-xocelv :where(figure.code figcaption) {padding:0.6rem 1.1rem;border-bottom:1px solid #222831;color:#a9b4c2;font:500 0.8125rem/1.3 var(--mono);}.prose.svelte-xocelv :where(pre) {margin:0;padding:1rem 1.1rem 1.1rem;overflow-x:auto;color:#d8dee6;font:400 0.875rem/1.7 var(--mono);tab-size:2;scrollbar-color:#39424e transparent;}

  /* Рамка кода обрезает всё, что снаружи: кольцо фокуса рисуется внутри. */
  /* Кольцо фокуса на тёмном коде — светлым синим: не меньше 3:1 к фону окна. */.prose.svelte-xocelv :where(pre:focus-visible) {outline-color:#8db4ec;outline-offset:-2px;border-radius:var(--radius);}

  /* Команды переносятся, а не прячутся за край: длинный адрес установщика виден целиком. */.prose.svelte-xocelv :where(pre:has(> code.language-sh)) {white-space:pre-wrap;overflow-wrap:anywhere;}.prose.svelte-xocelv :where(pre code) {font-size:inherit;}.prose.svelte-xocelv :where(pre .k) {color:#c79bf2;}.prose.svelte-xocelv :where(pre .s) {color:#9fd59a;}.prose.svelte-xocelv :where(pre .t) {color:#7fb6f5;}.prose.svelte-xocelv :where(pre .a) {color:#f2c37d;}.prose.svelte-xocelv :where(pre .e) {color:#6fd3cf;}.prose.svelte-xocelv :where(pre .n) {color:#f59f8a;}.prose.svelte-xocelv :where(pre .c, pre .o) {color:#8a94a1;}

  /* Приглашение тише команды, но читается: «PS>» — уже слово, ему нужно 4,5:1. */.prose.svelte-xocelv :where(pre .pr) {color:#808a96;user-select:none;}.prose.svelte-xocelv :where(.callout) {margin:1.75rem 0;padding:1.1rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);}.prose.svelte-xocelv :where(.callout.goal) {border-color:color-mix(in oklab, var(--accent) 18%, transparent);background:var(--accent-soft);}.prose.svelte-xocelv :where(.callout > :last-child) {margin-bottom:0;}.prose.svelte-xocelv :where(.callout p, .callout ul) {margin:0.5rem 0;font-size:1rem;}.prose.svelte-xocelv :where(.aside-title) {margin:0 0 0.35rem;font-weight:650;}.prose.svelte-xocelv :where(.callout.check ul) {padding:0;list-style:none;}.prose.svelte-xocelv :where(.callout.check li) {position:relative;padding-left:1.6rem;}.prose.svelte-xocelv :where(.callout.check li)::before {content:'';position:absolute;left:0;top:0.3em;width:1.05em;height:1.05em;background:var(--ok);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
      center / contain no-repeat;}.prose.svelte-xocelv :where(h2[id]) {scroll-margin-top:6rem;}

  @media (max-width: 80rem) {.book.svelte-xocelv {grid-template-columns:14rem minmax(0, 44rem);justify-content:start;}.here.svelte-xocelv {display:none;}
  }

  @media (max-width: 60rem) {.book.svelte-xocelv {display:block;}.side.svelte-xocelv {display:none;}.mobile.svelte-xocelv {display:block;margin-bottom:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);}.mobile.svelte-xocelv summary:where(.svelte-xocelv) {display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;font-weight:600;cursor:pointer;list-style:none;}.mobile.svelte-xocelv summary:where(.svelte-xocelv)::-webkit-details-marker {display:none;}.mobile.svelte-xocelv .chapters:where(.svelte-xocelv) {padding:0 0.5rem 0.5rem;}.pager.svelte-xocelv {grid-template-columns:1fr;}.next.svelte-xocelv {grid-column:1;}
  }
.icon.svelte-70rych {flex:none;width:1.125em;height:1.125em;}
.logo.svelte-70rkpb {display:block;height:1em;width:auto;}
.intro.svelte-lb4xc9 {display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:center;width:min(100% - 2 * var(--gutter), var(--wide));margin:0 auto;padding-top:clamp(3rem, 2rem + 4vw, 6rem);}h1.svelte-lb4xc9 {margin:0;font:700 clamp(2.5rem, 1.6rem + 3.4vw, 4.25rem) / 1.02 var(--display);font-variation-settings:'SHRP' 100;letter-spacing:-0.035em;text-wrap:balance;}.lead.svelte-lb4xc9 {max-width:36rem;margin:1.5rem 0 0;color:var(--muted);font-size:clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);line-height:1.6;text-wrap:pretty;}.go.svelte-lb4xc9 {display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin:2rem 0 0;}.start.svelte-lb4xc9 {display:inline-flex;align-items:center;gap:0.6rem;height:3rem;padding:0 1.4rem;border-radius:var(--radius);background:var(--fill);color:var(--on-fill);font-weight:600;text-decoration:none;transition:background 140ms var(--ease);}.start.svelte-lb4xc9:hover {background:var(--fill-hover);}.meta.svelte-lb4xc9 {color:var(--faint);font-size:0.9375rem;}.result.svelte-lb4xc9 {margin:0;}.about.svelte-lb4xc9 {width:min(100% - 2 * var(--gutter), var(--wide));margin:clamp(2.5rem, 2rem + 2vw, 4rem) auto 0;color:var(--muted);font-size:1.0625rem;line-height:1.7;}.about.svelte-lb4xc9 :where(p) {max-width:44rem;margin:0 0 1rem;}.list.svelte-lb4xc9 {width:min(100% - 2 * var(--gutter), var(--wide));margin:clamp(3rem, 2rem + 3vw, 5rem) auto 0;}.list.svelte-lb4xc9 h2:where(.svelte-lb4xc9) {margin:0 0 1.5rem;font:650 clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem) / 1.1 var(--display);font-variation-settings:'SHRP' 100;letter-spacing:-0.03em;}.toc.svelte-lb4xc9 {margin:0;padding:0;border-top:1px solid var(--line-strong);list-style:none;}.toc.svelte-lb4xc9 li:where(.svelte-lb4xc9) {display:grid;grid-template-columns:3.5rem minmax(0, 1fr) 7rem;gap:1.5rem;align-items:baseline;padding:1.4rem 0;border-bottom:1px solid var(--line);}.n.svelte-lb4xc9 {color:var(--faint);font:650 1.5rem/1 var(--display);font-variant-numeric:tabular-nums;}h3.svelte-lb4xc9 {margin:0;font:650 1.25rem/1.3 var(--display);letter-spacing:-0.015em;}h3.svelte-lb4xc9 a:where(.svelte-lb4xc9) {color:var(--text);text-decoration:none;}h3.svelte-lb4xc9 a:where(.svelte-lb4xc9):hover {color:var(--accent);text-decoration:underline;}.what.svelte-lb4xc9 p:where(.svelte-lb4xc9) {max-width:46rem;margin:0.4rem 0 0;color:var(--muted);font-size:0.9875rem;line-height:1.55;}.time.svelte-lb4xc9 {color:var(--faint);font-size:0.875rem;text-align:right;white-space:nowrap;}

  @media (max-width: 56rem) {.intro.svelte-lb4xc9 {grid-template-columns:minmax(0, 1fr);}.toc.svelte-lb4xc9 li:where(.svelte-lb4xc9) {grid-template-columns:2.25rem minmax(0, 1fr);gap:0.25rem 1rem;}.n.svelte-lb4xc9 {font-size:1.125rem;}.time.svelte-lb4xc9 {grid-column:2;text-align:left;white-space:normal;}
  }
.shot.svelte-70ogn4,
  picture.svelte-70ogn4 {display:block;}

  /* Тема — выбранная на сайте, иначе системная. Тёмного варианта нет — светлый остаётся. */.dark.svelte-70ogn4 {display:none;}:root[data-theme='dark'] .dark.svelte-70ogn4 {display:block;}:root[data-theme='dark'] .shot.svelte-70ogn4:has(.dark:where(.svelte-70ogn4)) .light:where(.svelte-70ogn4) {display:none;}

  @media (prefers-color-scheme: dark) {:root:not([data-theme='light']) .dark.svelte-70ogn4 {display:block;}:root:not([data-theme='light']) .shot.svelte-70ogn4:has(.dark:where(.svelte-70ogn4)) .light:where(.svelte-70ogn4) {display:none;}
  }

  /* Рамку, скругление и тень даёт окно. */img.svelte-70ogn4 {display:block;width:100%;height:auto;background:var(--bg);}
.window.svelte-1uveb0s {--win-bar: var(--bg);--win-line: var(--line-strong);--win-ink: var(--muted);--win-title: var(--text);--win-app: var(--fill);--win-app-ink: var(--on-fill);container:window / inline-size;overflow:hidden;border:1px solid var(--win-line);border-radius:var(--radius-window);background:var(--raised);box-shadow:var(--shadow-shot);}

  /* Окно кода тёмное в обеих темах, как и сам код; тени у него нет — плывёт только снимок продукта. */.code.svelte-1uveb0s {--win-bar: #171b21;--win-line: #262d36;--win-ink: #8d97a4;--win-title: #d8dee6;--win-app: #6a9be0;--win-app-ink: #0b1320;background:var(--code-bg);box-shadow:none;}.bar.svelte-1uveb0s {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);align-items:center;gap:0.75rem;height:2.125rem;padding:0 0.5rem;border-bottom:1px solid var(--win-line);background:var(--win-bar);color:var(--win-ink);}.lead.svelte-1uveb0s,
  .controls.svelte-1uveb0s {display:flex;align-items:center;gap:0.6rem;}.controls.svelte-1uveb0s {justify-content:end;}svg.svelte-1uveb0s {display:block;flex:none;}.app.svelte-1uveb0s {width:1.125rem;height:1.125rem;}.app.svelte-1uveb0s rect:where(.svelte-1uveb0s) {fill:var(--win-app);}.app.svelte-1uveb0s path:where(.svelte-1uveb0s) {fill:var(--win-app-ink);}.glyph.svelte-1uveb0s {width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}

  /* Breeze рисует «закрыть» кружком. */.close.svelte-1uveb0s {display:grid;place-items:center;width:1.125rem;height:1.125rem;border:1px solid currentColor;border-radius:50%;}.close.svelte-1uveb0s .glyph:where(.svelte-1uveb0s) {width:0.875rem;height:0.875rem;}.title.svelte-1uveb0s {overflow:hidden;color:var(--win-title);font:500 0.8125rem/1 var(--sans);text-overflow:ellipsis;white-space:nowrap;}.body.svelte-1uveb0s {position:relative;}.body.svelte-1uveb0s > * {display:block;}

  /* Кадр для телефона: строка тоньше, булавки нет. */
  @container window (max-width: 34rem) {.bar.svelte-1uveb0s {gap:0.5rem;height:1.5rem;padding:0 0.4rem;}.lead.svelte-1uveb0s,
    .controls.svelte-1uveb0s {gap:0.4rem;}.pin.svelte-1uveb0s {display:none;}.app.svelte-1uveb0s,
    .close.svelte-1uveb0s {width:0.8125rem;height:0.8125rem;}.glyph.svelte-1uveb0s {width:0.75rem;height:0.75rem;}.close.svelte-1uveb0s .glyph:where(.svelte-1uveb0s) {width:0.625rem;height:0.625rem;}.title.svelte-1uveb0s {font-size:0.6875rem;}
  }
.hero.svelte-70y30r {display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:min(100% - 2 * var(--gutter), 64rem);margin:0 auto;padding:clamp(3rem, 1.5rem + 4vw, 5rem) 0 clamp(2.5rem, 1.5rem + 2.5vw, 3.75rem);text-align:center;}.kicker.svelte-70y30r {margin:0 0 1rem;color:var(--accent);font:650 0.8125rem/1 var(--sans);letter-spacing:0.18em;text-transform:uppercase;}h1.svelte-70y30r {max-width:14ch;margin:0;font:700 clamp(2.75rem, 1.5rem + 4.6vw, 5rem) / 1 var(--display);font-variation-settings:'SHRP' 100;letter-spacing:-0.035em;text-wrap:balance;
    /* Крупный текст в узком окне: длинное слово переносится, а не раздвигает страницу. */overflow-wrap:anywhere;}.lead.svelte-70y30r {max-width:40rem;margin:1.25rem 0 2rem;color:var(--muted);font-size:clamp(1.125rem, 1rem + 0.45vw, 1.3125rem);line-height:1.55;text-wrap:pretty;}.stage.svelte-70y30r {position:relative;padding:0 var(--gutter);}

  /* Нижняя половина скриншота лежит на фоне: он стоит на странице, а не висит в воздухе. */.stage.svelte-70y30r::before {content:'';position:absolute;inset:42% 0 0;border-block:1px solid var(--line);background:var(--bg);}.screen.svelte-70y30r {position:relative;}

  /* Пока играет ролик, рамка принимает его пропорции 16:9: без полос по краям, и на телефоне вместо высокого кадра. */.screen.svelte-70y30r:has(.player) {aspect-ratio:16 / 9;}.screen.svelte-70y30r:has(.player) .shot {display:none;}.frame.svelte-70y30r {position:relative;max-width:var(--wide);margin:0 auto;padding-bottom:clamp(2rem, 4vw, 4rem);
    animation: svelte-70y30r-rise 1100ms var(--ease) 120ms both;}

  @keyframes svelte-70y30r-rise {
    from {
      opacity: 0;
      transform: translateY(2.5rem) scale(0.985);
      filter: blur(6px);
    }
  }

  @media (prefers-reduced-motion: reduce) {.frame.svelte-70y30r {
      animation: none;}
  }.blocks.svelte-70y30r {padding-bottom:2rem;}

  /* Текстовые блоки — заголовок раздела и вводный абзац над компонентом. */.blocks.svelte-70y30r > h2 {width:min(100% - 2 * var(--gutter), var(--wide));max-width:none;margin:clamp(6rem, 3rem + 7vw, 10rem) auto 0;font:650 clamp(2rem, 1.3rem + 2.6vw, 3.375rem) / 1.04 var(--display);font-variation-settings:'SHRP' 100;letter-spacing:-0.032em;text-wrap:balance;overflow-wrap:anywhere;}

  /* Абзац держит строку читаемой длины, но стоит у левого края широкой колонки. */.blocks.svelte-70y30r > p {width:min(100% - 2 * var(--gutter), var(--wide));margin:1.25rem auto 0;padding-right:max(0px, calc(min(100% - 2 * var(--gutter), var(--wide)) - 42rem));color:var(--muted);font-size:clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);line-height:1.6;text-wrap:pretty;}.blocks.svelte-70y30r > p code {padding:0.1em 0.35em;border-radius:0.3em;background:var(--bg);color:var(--text);}
.install.svelte-nin09x {display:grid;grid-template-columns:minmax(0, 1fr);gap:1.25rem;justify-items:start;width:100%;}.centered.svelte-nin09x {justify-items:center;}.command.svelte-nin09x {display:flex;align-items:center;gap:0.25rem;min-width:0;max-width:100%;padding:0.3rem 0.3rem 0.3rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);}.prompt.svelte-nin09x {color:var(--faint);font:500 0.9375rem/1 var(--mono);user-select:none;}code.svelte-nin09x {min-width:0;padding:0.55rem 0.5rem 0.55rem 0.35rem;overflow-x:auto;color:var(--text);font-size:0.9375rem;white-space:nowrap;scrollbar-width:none;mask-image:linear-gradient(to right, #000 calc(100% - 1.5rem), transparent);}

  /* Маска у края гасит и кольцо фокуса, поэтому кольцо — у всей строки команды. */code.svelte-nin09x:focus-visible {outline:none;}.command.svelte-nin09x:has(code:where(.svelte-nin09x):focus-visible) {outline:2px solid var(--fill);outline-offset:2px;}.actions.svelte-nin09x {display:flex;flex-wrap:wrap;gap:0.75rem;}.centered.svelte-nin09x .actions:where(.svelte-nin09x) {justify-content:center;}.source.svelte-nin09x {display:flex;flex-wrap:wrap;align-items:center;gap:0.3rem 0.65rem;margin:0;color:var(--faint);font-size:0.875rem;}.centered.svelte-nin09x .source:where(.svelte-nin09x) {justify-content:center;}.source.svelte-nin09x a:where(.svelte-nin09x) {display:inline-flex;align-items:center;gap:0.3rem;color:var(--muted);font-weight:500;text-decoration:none;}.source.svelte-nin09x a:where(.svelte-nin09x):hover {color:var(--text);}.source.svelte-nin09x a:where(.svelte-nin09x) .icon {width:0.9em;height:0.9em;}.source.svelte-nin09x span:where(.svelte-nin09x)::before {content:'·';margin-right:0.5rem;}.primary.svelte-nin09x,
  .secondary.svelte-nin09x {display:inline-flex;align-items:center;gap:0.55rem;height:3rem;padding:0 1.4rem;border-radius:var(--radius);font:600 1rem/1 var(--sans);text-decoration:none;transition:background 160ms var(--ease),
      border-color 160ms var(--ease),
      transform 160ms var(--ease);}.primary.svelte-nin09x {background:var(--fill);color:var(--on-fill);}.primary.svelte-nin09x:hover {background:var(--fill-hover);}.secondary.svelte-nin09x {border:1px solid var(--line-strong);background:var(--raised);color:var(--text);}.secondary.svelte-nin09x:hover {background:var(--bg);}.primary.svelte-nin09x:active,
  .secondary.svelte-nin09x:active {transform:translateY(1px);}.meta.svelte-nin09x {display:flex;flex-wrap:wrap;align-items:center;justify-content:inherit;gap:0.35rem 0.7rem;margin:0;color:var(--faint);font-size:0.875rem;}.centered.svelte-nin09x .meta:where(.svelte-nin09x) {justify-content:center;}.part.svelte-nin09x {white-space:nowrap;}

  /* Точка между частями только в одной строке: на узком экране части идут друг под другом. */.part.svelte-nin09x + .part:where(.svelte-nin09x)::before {content:'·';margin-right:0.7rem;}

  /* На телефоне платформы — первой строкой, версия и лицензия — второй. */
  /* На телефоне три кнопки не встают в строку: «Скачать» — во всю ширину, остальные — парой под ней. */
  @media (max-width: 34rem) {.actions.svelte-nin09x {width:100%;}.primary.svelte-nin09x {flex:1 1 100%;}

    /* Пара под «Скачать»; если не помещается даже пара (крупный текст) — каждая своей строкой. */.secondary.svelte-nin09x {flex:1 1 8rem;}.primary.svelte-nin09x,
    .secondary.svelte-nin09x {justify-content:center;min-width:0;height:auto;min-height:3rem;padding:0.5rem 0.75rem;text-align:center;overflow-wrap:anywhere;}.part.svelte-nin09x:first-child {flex-basis:100%;text-align:center;white-space:normal;}.part.svelte-nin09x:nth-child(2)::before {content:none;}
  }
.page.svelte-70xyc3 {width:min(100% - 2 * var(--gutter), 42rem);margin:0 auto;padding:clamp(4rem, 2rem + 6vw, 7rem) 0 0;}h1.svelte-70xyc3 {margin:0;font:700 clamp(2.25rem, 1.5rem + 3vw, 3.75rem) / 1.04 var(--display);font-variation-settings:'SHRP' 100;letter-spacing:-0.035em;text-wrap:balance;}.lead.svelte-70xyc3 {margin:1.25rem 0 0;color:var(--muted);font-size:1.25rem;}.text.svelte-70xyc3 {margin-top:2rem;}.text.svelte-70xyc3 p {margin:0 0 1rem;}.text.svelte-70xyc3 a {font-weight:600;}
.ai.svelte-1qe9g7x {display:grid;grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr);gap:clamp(2rem, 1rem + 3vw, 4rem);align-items:start;width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;}.screen.svelte-1qe9g7x {margin:0;}.steps.svelte-1qe9g7x {display:grid;grid-template-columns:minmax(0, 1fr);gap:0.9rem;margin:0 0 2.25rem;padding:0;list-style:none;counter-reset:step;}.steps.svelte-1qe9g7x li:where(.svelte-1qe9g7x) {position:relative;padding-left:2.75rem;font-size:1.0625rem;line-height:1.5;counter-increment:step;}.steps.svelte-1qe9g7x li:where(.svelte-1qe9g7x)::before {content:counter(step);position:absolute;left:0;top:-0.05rem;display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:50%;background:var(--fill);color:var(--on-fill);font:650 0.875rem/1 var(--sans);}.facts.svelte-1qe9g7x {display:grid;gap:1.25rem;margin:0;padding-top:1.75rem;border-top:1px solid var(--line);}dt.svelte-1qe9g7x {font:600 1.0625rem/1.35 var(--sans);}dd.svelte-1qe9g7x {margin:0.3rem 0 0;color:var(--muted);font-size:0.9375rem;line-height:1.55;}

  @media (max-width: 60rem) {.ai.svelte-1qe9g7x {grid-template-columns:minmax(0, 1fr);}.facts.svelte-1qe9g7x {grid-template-columns:repeat(2, minmax(0, 1fr));}
  }

  @media (max-width: 36rem) {.facts.svelte-1qe9g7x {grid-template-columns:minmax(0, 1fr);}
  }
.inside.svelte-1d73br1 {width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;border-top:1px solid var(--line-strong);}.head.svelte-1d73br1,
  .row.svelte-1d73br1 {display:grid;grid-template-columns:14rem minmax(0, 1fr) minmax(0, 1.6fr);gap:2rem;}.head.svelte-1d73br1 {padding:0.85rem 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:0.8125rem;font-weight:600;}.hidden.svelte-1d73br1 {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.group.svelte-1d73br1 {border-bottom:1px solid var(--line);}.row.svelte-1d73br1 {position:relative;padding:1.05rem 0;font-size:0.9375rem;line-height:1.5;}

  /* Волосок между строками темы — только под колонками «обычно» и «в Eile», как раньше. */.row.svelte-1d73br1 + .row:where(.svelte-1d73br1)::before {content:'';position:absolute;top:0;left:calc(14rem + 2rem);right:0;border-top:1px solid var(--line);}h3.svelte-1d73br1 {margin:0;font:650 1.125rem/1.3 var(--display);letter-spacing:-0.015em;}.usual.svelte-1d73br1 {color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in oklab, var(--muted) 45%, transparent);}.none.svelte-1d73br1 {text-decoration:none;}.eile.svelte-1d73br1 {display:flex;gap:0.6rem;color:var(--text);overflow-wrap:anywhere;}.eile.svelte-1d73br1 .icon {margin-top:0.15em;color:var(--ok);}

  @media (max-width: 52rem) {.head.svelte-1d73br1 {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.group.svelte-1d73br1 {padding-bottom:0.5rem;}.row.svelte-1d73br1 {grid-template-columns:minmax(0, 1fr);gap:0.2rem;padding:0.75rem 0;}.row.svelte-1d73br1:first-child {padding-top:1.5rem;}.row.svelte-1d73br1:first-child .topic:where(.svelte-1d73br1) {padding-bottom:0.25rem;}.row.svelte-1d73br1 + .row:where(.svelte-1d73br1)::before {left:0;}
  }
.closing.svelte-yh82jp {display:grid;grid-template-columns:minmax(0, 1fr);justify-items:center;width:min(100% - 2 * var(--gutter), var(--wide));margin:clamp(6rem, 3rem + 7vw, 10rem) auto 0;padding:clamp(3rem, 2rem + 4vw, 5.5rem) clamp(1.25rem, 1rem + 3vw, 4rem);border:1px solid var(--line);border-radius:calc(var(--radius-l) * 1.5);background:radial-gradient(60rem 22rem at 50% 0%, color-mix(in oklab, var(--accent-soft) 85%, transparent), transparent 70%),
      var(--bg);text-align:center;}

  /* Рисунок заголовка героя, на ступень меньше. */h2.svelte-yh82jp {max-width:18ch;margin:0;font:700 clamp(2.25rem, 1.4rem + 3vw, 3.75rem) / 1.04 var(--display);font-variation-settings:'SHRP' 100;letter-spacing:-0.035em;text-wrap:balance;overflow-wrap:anywhere;}.recap.svelte-yh82jp {max-width:38rem;margin:1.1rem 0 2rem;color:var(--muted);font-size:clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);line-height:1.55;text-wrap:pretty;}
.cook-shot.svelte-b7inh0 {margin:2rem 0;}figcaption.svelte-b7inh0 {max-width:60ch;margin:0.75rem auto 0;color:var(--muted);font-size:0.875rem;line-height:1.45;text-align:center;}
.status.svelte-1g4nex {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.copy.svelte-1g4nex {display:inline-flex;align-items:center;gap:0.45rem;height:2.25rem;padding:0 0.75rem;border:1px solid transparent;border-radius:0.5rem;background:transparent;color:var(--muted);font:600 0.8125rem/1 var(--sans);cursor:pointer;transition:color 140ms var(--ease),
      background 140ms var(--ease);}.copy.svelte-1g4nex:hover {background:var(--canvas);color:var(--text);}.copied.svelte-1g4nex,
  .copied.svelte-1g4nex:hover {color:var(--ok);}

  @media (max-width: 40rem) {.word.svelte-1g4nex {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
  }

  /* Кнопка и плеер лежат в теле окна (Window): скругление и тень — у окна. */.play.svelte-rpv5zi,
  .player.svelte-rpv5zi {position:absolute;inset:0;}.play.svelte-rpv5zi {display:grid;place-content:center;justify-items:center;gap:0.9rem;color:var(--text);text-decoration:none;background:radial-gradient(closest-side, rgb(16 22 32 / 0.16), transparent);}

  /* Кольцо, а не свечение и не тень: поднимается над страницей только снимок (DESIGN.md). */.disc.svelte-rpv5zi {display:grid;place-items:center;width:5rem;height:5rem;border-radius:50%;background:var(--fill);color:var(--on-fill);box-shadow:0 0 0 0.5rem color-mix(in oklab, var(--fill) 18%, transparent);transition:background 160ms var(--ease);}.disc.svelte-rpv5zi svg:where(.svelte-rpv5zi) {display:block;width:3rem;height:3rem;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linejoin:round;}.label.svelte-rpv5zi {padding:0.45rem 1rem;border:1px solid var(--line);border-radius:2rem;background:var(--raised);font-size:0.9375rem;font-weight:600;}.play.svelte-rpv5zi:hover .disc:where(.svelte-rpv5zi),
  .play.svelte-rpv5zi:focus-visible .disc:where(.svelte-rpv5zi) {background:var(--fill-hover);}.play.svelte-rpv5zi:focus-visible {outline:none;}.play.svelte-rpv5zi:focus-visible .disc:where(.svelte-rpv5zi) {outline:2px solid var(--fill);outline-offset:0.75rem;}.player.svelte-rpv5zi {overflow:hidden;background:#0b0d10;}video.svelte-rpv5zi {display:block;width:100%;height:100%;object-fit:contain;}.close.svelte-rpv5zi {position:absolute;top:0.75rem;right:0.75rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background:rgb(11 13 16 / 0.6);color:#fff;cursor:pointer;}.close.svelte-rpv5zi svg:where(.svelte-rpv5zi) {width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}.close.svelte-rpv5zi:hover {background:rgb(11 13 16 / 0.85);}

  @media (prefers-reduced-motion: reduce) {.disc.svelte-rpv5zi {transition:none;}
  }
.tour.svelte-envv1r {width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;}.points.svelte-envv1r {display:grid;grid-template-columns:repeat(3, 1fr);gap:2.25rem 2.5rem;margin:3rem 0 0;}.points.svelte-envv1r div:where(.svelte-envv1r) {padding-top:1rem;border-top:1px solid var(--line);}dt.svelte-envv1r {font:600 1.0625rem/1.35 var(--sans);}dd.svelte-envv1r {margin:0.4rem 0 0;color:var(--muted);font-size:0.9375rem;}

  @media (max-width: 56rem) {.points.svelte-envv1r {grid-template-columns:1fr 1fr;}
  }

  @media (max-width: 34rem) {.points.svelte-envv1r {grid-template-columns:1fr;gap:1.5rem;}
  }
.server.svelte-1gef0zq {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:2.25rem 2.5rem;width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;}.server.svelte-1gef0zq div:where(.svelte-1gef0zq) {padding-top:1rem;border-top:1px solid var(--line);}dt.svelte-1gef0zq {font:600 1.0625rem/1.35 var(--sans);}dd.svelte-1gef0zq {margin:0.4rem 0 0;color:var(--muted);font-size:0.9375rem;}

  @media (max-width: 56rem) {.server.svelte-1gef0zq {grid-template-columns:repeat(2, minmax(0, 1fr));}
  }

  @media (max-width: 34rem) {.server.svelte-1gef0zq {grid-template-columns:minmax(0, 1fr);gap:1.5rem;}
  }
.rich.svelte-70qx4e {padding:0.05em 0.2em;border-radius:var(--radius-pill-code);background:color-mix(in oklab, var(--line) 60%, transparent);font-size:0.875em;font-weight:500;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;}.ref.svelte-70qx4e {line-height:0;scroll-margin-top:6rem;}.ref.svelte-70qx4e a:where(.svelte-70qx4e) {margin-left:0.1em;padding:0 0.1em;font:600 0.75em/1 var(--mono);text-decoration:none;}.ref.svelte-70qx4e a:where(.svelte-70qx4e):hover {text-decoration:underline;}
.proof.svelte-szwft5 {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);gap:1.25rem 2.5rem;align-items:center;margin-top:1.25rem;padding:1.4rem clamp(1.25rem, 0.5rem + 3vw, 3.5rem);border:1px solid var(--line);border-radius:var(--radius-l);background:var(--raised);}.title.svelte-szwft5 {display:flex;gap:0.75rem;margin:0;color:var(--muted);font-size:0.9375rem;line-height:1.45;}.title.svelte-szwft5 b:where(.svelte-szwft5) {display:block;color:var(--text);font-size:1rem;}.pulse.svelte-szwft5 {flex:none;width:0.6rem;height:0.6rem;margin-top:0.4rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0.25rem color-mix(in oklab, var(--ok) 20%, transparent);}dl.svelte-szwft5 {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.5rem;margin:0;}dl.svelte-szwft5 div:where(.svelte-szwft5) {padding-left:1.25rem;border-left:1px solid var(--line);}dt.svelte-szwft5 {color:var(--muted);font-size:0.8125rem;}dd.svelte-szwft5 {margin:0.2rem 0 0;color:var(--text);font:650 1.5rem/1.2 var(--display);letter-spacing:-0.02em;font-variant-numeric:tabular-nums;}

  @media (max-width: 52rem) {.proof.svelte-szwft5 {grid-template-columns:minmax(0, 1fr);}
  }

  @media (max-width: 34rem) {dl.svelte-szwft5 {grid-template-columns:minmax(0, 1fr);gap:0.85rem;}
  }
.pains.svelte-4dsdrv {display:grid;grid-template-columns:repeat(3, 1fr);gap:2.5rem 2.5rem;width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;padding:0;list-style:none;}li.svelte-4dsdrv {padding-top:1rem;border-top:1px solid var(--line);}p.svelte-4dsdrv {margin:0;}.pain.svelte-4dsdrv {color:var(--muted);font-size:0.9375rem;line-height:1.5;}.relief.svelte-4dsdrv {position:relative;margin-top:0.75rem;padding-left:1.5rem;font:550 1.0625rem/1.45 var(--sans);}.relief.svelte-4dsdrv::before {content:'→';position:absolute;left:0;color:var(--accent);}

  @media (max-width: 56rem) {.pains.svelte-4dsdrv {grid-template-columns:1fr 1fr;}
  }

  @media (max-width: 34rem) {.pains.svelte-4dsdrv {grid-template-columns:1fr;gap:1.75rem;}
  }
.more.svelte-cyi97p {width:min(100% - 2 * var(--gutter), var(--wide));margin:1.5rem auto 0;color:var(--muted);}.more.svelte-cyi97p a:where(.svelte-cyi97p) {display:inline-flex;align-items:center;gap:0.35rem;font-weight:600;}.steps.svelte-cyi97p {display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.25rem;width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;padding:0;list-style:none;}li.svelte-cyi97p {display:flex;flex-direction:column;padding:1.75rem;border:1px solid var(--line);border-radius:var(--radius-l);}.n.svelte-cyi97p {display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font:600 0.875rem/1 var(--mono);}h3.svelte-cyi97p {margin:1.25rem 0 0.85rem;font:650 1.25rem/1.25 var(--display);letter-spacing:-0.015em;}code.svelte-cyi97p {display:block;padding:0.75rem 0.9rem;overflow-x:auto;border-radius:0.6rem;background:var(--code-bg);color:#e6ebf1;font-size:0.8125rem;white-space:nowrap;}p.svelte-cyi97p {margin:0.9rem 0 0;color:var(--muted);font-size:0.9375rem;}

  @media (max-width: 56rem) {.steps.svelte-cyi97p {grid-template-columns:minmax(0, 1fr);}
  }
.speed.svelte-1vwipyf {width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;}.scale.svelte-1vwipyf {container:scale / inline-size;margin:0;padding:clamp(1.5rem, 1rem + 2vw, 2.75rem) clamp(1.25rem, 0.5rem + 3vw, 3.5rem) 1.5rem;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg);}.ruler.svelte-1vwipyf {position:relative;height:13rem;}.line.svelte-1vwipyf {position:absolute;left:0;right:0;top:50%;height:2px;border-radius:1px;background:linear-gradient(to right, var(--fill) 0 18.1%, var(--line-strong) 18.1%);}.tick.svelte-1vwipyf {position:absolute;left:var(--x);top:50%;width:1px;height:0.75rem;translate:0 -50%;background:var(--line-strong);}.tick.svelte-1vwipyf span:where(.svelte-1vwipyf) {position:absolute;bottom:1.1rem;left:0;translate:-50% 0;color:var(--faint);font:500 0.75rem/1 var(--mono);white-space:nowrap;}.tick.svelte-1vwipyf:first-of-type span:where(.svelte-1vwipyf) {translate:0 0;}.tick.svelte-1vwipyf:last-of-type span:where(.svelte-1vwipyf) {translate:-100% 0;}.mark.svelte-1vwipyf {position:absolute;left:var(--x);width:1px;background:var(--line-strong);}.mark.svelte-1vwipyf::after {content:'';position:absolute;left:-0.35rem;width:0.75rem;height:0.75rem;border:2px solid var(--muted);border-radius:50%;background:var(--bg);}.up.svelte-1vwipyf {bottom:50%;height:calc(1.75rem + var(--tier) * 2.6rem);}.up.svelte-1vwipyf::after {bottom:-0.35rem;}.down.svelte-1vwipyf {top:50%;height:calc(3.25rem + var(--tier) * 1rem);}.down.svelte-1vwipyf::after {top:-0.35rem;}.lead.svelte-1vwipyf {background:var(--fill);}.lead.svelte-1vwipyf::after {border-color:var(--fill);background:var(--fill);box-shadow:0 0 0 0.35rem color-mix(in oklab, var(--fill) 18%, transparent);}.text.svelte-1vwipyf {position:absolute;left:0.75rem;display:grid;width:max-content;max-width:13rem;color:var(--muted);font-size:0.875rem;line-height:1.35;}.up.svelte-1vwipyf .text:where(.svelte-1vwipyf) {top:-0.25rem;}.end.svelte-1vwipyf .text:where(.svelte-1vwipyf) {left:auto;right:0.75rem;justify-items:end;text-align:right;}.down.svelte-1vwipyf .text:where(.svelte-1vwipyf) {bottom:-0.25rem;}.text.svelte-1vwipyf strong:where(.svelte-1vwipyf) {color:var(--text);font:650 1.375rem/1.15 var(--display);letter-spacing:-0.02em;font-variant-numeric:tabular-nums;}.lead.svelte-1vwipyf .text:where(.svelte-1vwipyf) strong:where(.svelte-1vwipyf) {color:var(--accent);font-size:2rem;}figcaption.svelte-1vwipyf {max-width:60ch;margin-top:1.5rem;color:var(--faint);font-size:0.8125rem;line-height:1.55;}

  /* Замер нагрузки — та же утопленная панель, что у шкалы, прямо под ней. */.bench.svelte-1vwipyf {margin:1.25rem 0 0;padding:clamp(1.25rem, 0.75rem + 2vw, 2.5rem) clamp(1.25rem, 0.5rem + 3vw, 3.5rem) 1.5rem;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg);}.bench.svelte-1vwipyf .head:where(.svelte-1vwipyf),
  .bench.svelte-1vwipyf .row:where(.svelte-1vwipyf) {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.5fr);gap:0.3rem 2rem;}.bench.svelte-1vwipyf .head:where(.svelte-1vwipyf) {position:relative;padding-bottom:0.75rem;border-bottom:1px solid var(--line-strong);color:var(--muted);font-size:0.8125rem;font-weight:600;}.hidden.svelte-1vwipyf {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.bench.svelte-1vwipyf .row:where(.svelte-1vwipyf) {align-items:baseline;padding:1.05rem 0;}.bench.svelte-1vwipyf .row:where(.svelte-1vwipyf) + .row:where(.svelte-1vwipyf) {border-top:1px solid var(--line-strong);}.what.svelte-1vwipyf {grid-row:span 2;color:var(--text);font-size:0.9375rem;line-height:1.45;}.value.svelte-1vwipyf {color:var(--text);font:650 1.375rem/1.2 var(--display);letter-spacing:-0.02em;font-variant-numeric:tabular-nums;}.note.svelte-1vwipyf {grid-column:2;color:var(--muted);font-size:0.875rem;line-height:1.45;}.bench.svelte-1vwipyf figcaption:where(.svelte-1vwipyf) {margin-top:1.25rem;color:var(--muted);}.bench.svelte-1vwipyf figcaption:where(.svelte-1vwipyf) a:where(.svelte-1vwipyf) {color:inherit;}

  /* Принудительные цвета (Windows, высокий контраст): фон шкалы пропадает, поэтому ось, деления и
     отметки рисуются цветами системы, а ведущая — цветом выделения. */
  @media (forced-colors: active) {.line.svelte-1vwipyf,
    .tick.svelte-1vwipyf,
    .mark.svelte-1vwipyf {forced-color-adjust:none;background:CanvasText;}.mark.svelte-1vwipyf::after {forced-color-adjust:none;border-color:CanvasText;background:Canvas;}.lead.svelte-1vwipyf,
    .lead.svelte-1vwipyf::after {background:Highlight;border-color:Highlight;}

    /* Подписи — снова цветами системы: иначе в тёмной высококонтрастной теме тёмный текст лёг бы на чёрное. */.text.svelte-1vwipyf,
    .tick.svelte-1vwipyf span:where(.svelte-1vwipyf) {forced-color-adjust:auto;}
  }figcaption.svelte-1vwipyf a:where(.svelte-1vwipyf) {color:inherit;}.facts.svelte-1vwipyf {display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;margin:2.5rem 0 0;}.facts.svelte-1vwipyf div:where(.svelte-1vwipyf) {padding-top:1rem;border-top:1px solid var(--line);}dt.svelte-1vwipyf {font-weight:600;}dd.svelte-1vwipyf {margin:0.35rem 0 0;color:var(--muted);font-size:0.9375rem;}

  /* Узкая панель (телефон или крупный текст) — шкала встаёт вертикально: подписи справа, места хватает
     всем. Перелом считается от ширины самой панели в rem страницы. */
  @container scale (max-width: 44rem) {.ruler.svelte-1vwipyf {height:34rem;margin-left:0.5rem;}.line.svelte-1vwipyf {left:0;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(to bottom, var(--fill) 0 18.1%, var(--line-strong) 18.1%);}.tick.svelte-1vwipyf {left:0;top:var(--x);width:0.75rem;height:1px;translate:-40% 0;}.tick.svelte-1vwipyf span:where(.svelte-1vwipyf),
    .tick.svelte-1vwipyf:first-of-type span:where(.svelte-1vwipyf),
    .tick.svelte-1vwipyf:last-of-type span:where(.svelte-1vwipyf) {top:0;left:auto;right:1.1rem;translate:0 -50%;display:none;}.mark.svelte-1vwipyf,
    .up.svelte-1vwipyf,
    .down.svelte-1vwipyf {left:0;top:var(--x);bottom:auto;width:2.5rem;height:1px;}.mark.svelte-1vwipyf::after,
    .up.svelte-1vwipyf::after,
    .down.svelte-1vwipyf::after {left:-0.3rem;top:-0.35rem;bottom:auto;}.text.svelte-1vwipyf,
    .up.svelte-1vwipyf .text:where(.svelte-1vwipyf),
    .down.svelte-1vwipyf .text:where(.svelte-1vwipyf),
    .end.svelte-1vwipyf .text:where(.svelte-1vwipyf) {top:0;bottom:auto;left:3.25rem;right:auto;
      /* На 320 px подпись не шире, чем остаётся справа от шкалы в панели. */max-width:min(15rem, 100vw - 2 * var(--gutter) - 2 * clamp(1.25rem, 0.5rem + 3vw, 3.5rem) - 4rem);overflow-wrap:anywhere;justify-items:start;text-align:left;translate:0 -0.9rem;}

    /* Отметки 0,23 и 0,5 близко: верхняя подпись встаёт над своей чертой, нижняя — под своей. */.up.svelte-1vwipyf .text:where(.svelte-1vwipyf) {translate:0 calc(-100% + 0.9rem);}

  }
  @media (max-width: 48rem) {.facts.svelte-1vwipyf {grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);}
  }


  @media (max-width: 40rem) {.bench.svelte-1vwipyf .head:where(.svelte-1vwipyf) > :where(.svelte-1vwipyf):not(.hidden) {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.bench.svelte-1vwipyf .head:where(.svelte-1vwipyf) {padding:0;border:0;}.bench.svelte-1vwipyf .row:where(.svelte-1vwipyf) {grid-template-columns:minmax(0, 1fr);}.what.svelte-1vwipyf {grid-row:auto;color:var(--muted);font-size:0.875rem;}.note.svelte-1vwipyf {grid-column:1;}.bench.svelte-1vwipyf .head:where(.svelte-1vwipyf) + .row:where(.svelte-1vwipyf) {padding-top:0;}
  }

  @media (max-width: 30rem) {.facts.svelte-1vwipyf {grid-template-columns:1fr;gap:1.25rem;}
  }
.compare.svelte-1f31b7v {display:grid;grid-template-columns:1fr 1fr;width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;}.side.svelte-1f31b7v {display:flex;flex-direction:column;padding:clamp(1.5rem, 1rem + 2vw, 2.75rem);}.usual.svelte-1f31b7v {background:var(--bg);border-right:1px solid var(--line);}.eile.svelte-1f31b7v {background:var(--raised);}h3.svelte-1f31b7v {margin:0;font:650 1.5rem/1.2 var(--display);letter-spacing:-0.02em;}.eile.svelte-1f31b7v h3:where(.svelte-1f31b7v) {color:var(--accent);}.note.svelte-1f31b7v {margin:0.25rem 0 1.75rem;color:var(--muted);font-size:0.9375rem;}.pile.svelte-1f31b7v {margin:0;padding:0;border-top:1px solid var(--line-strong);list-style:none;counter-reset:layer;}.pile.svelte-1f31b7v li:where(.svelte-1f31b7v) {display:flex;align-items:baseline;gap:0.9rem;padding:0.6rem 0;border-bottom:1px solid var(--line-strong);font-size:0.9375rem;counter-increment:layer;}.pile.svelte-1f31b7v li:where(.svelte-1f31b7v)::before {content:counter(layer, decimal-leading-zero);min-width:1.5rem;color:var(--faint);font:500 0.75rem/1 var(--mono);}.files.svelte-1f31b7v {display:grid;align-content:start;margin:0;border-top:1px solid var(--line);}.file.svelte-1f31b7v {padding:clamp(1.25rem, 1rem + 1.5vw, 2.25rem) 0;border-bottom:1px solid var(--line);}dt.svelte-1f31b7v {display:flex;flex-wrap:wrap;align-items:baseline;gap:0.25rem 1rem;}dt.svelte-1f31b7v code:where(.svelte-1f31b7v) {color:var(--text);font-size:clamp(1.875rem, 1.4rem + 1.6vw, 2.75rem);font-weight:600;letter-spacing:-0.02em;}dt.svelte-1f31b7v span:where(.svelte-1f31b7v) {color:var(--muted);font-size:0.9375rem;}dd.svelte-1f31b7v {margin:0.6rem 0 0;color:var(--text);font-size:1rem;}.foot.svelte-1f31b7v {margin:auto 0 0;padding-top:1.75rem;color:var(--muted);font-size:0.9375rem;}.foot.svelte-1f31b7v code:where(.svelte-1f31b7v) {color:var(--text);}

  @media (max-width: 52rem) {.compare.svelte-1f31b7v {grid-template-columns:1fr;}.usual.svelte-1f31b7v {border-right:0;border-bottom:1px solid var(--line);}
  }
.code.svelte-9y80nr {display:grid;grid-template-columns:minmax(0, 1.45fr) minmax(0, 1fr);gap:clamp(2rem, 1rem + 3vw, 4rem);align-items:center;width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;}.window.svelte-9y80nr {margin:0;color:#d8dee6;}pre.svelte-9y80nr {margin:0;padding:1.25rem 1.5rem 1.5rem;overflow-x:auto;font:400 0.875rem/1.7 var(--mono);tab-size:2;scrollbar-color:#39424e transparent;}

  /* Окно обрезает всё, что снаружи: кольцо фокуса рисуется внутри, светлым синим — на тёмном коде не меньше 3:1. */pre.svelte-9y80nr:focus-visible {outline-color:#8db4ec;outline-offset:-2px;}pre.svelte-9y80nr .k {color:#c79bf2;}pre.svelte-9y80nr .s {color:#9fd59a;}pre.svelte-9y80nr .t {color:#7fb6f5;}pre.svelte-9y80nr .a {color:#f2c37d;}pre.svelte-9y80nr .e {color:#6fd3cf;}pre.svelte-9y80nr .n {color:#f59f8a;}pre.svelte-9y80nr .p {color:#7c8692;}.facts.svelte-9y80nr {display:grid;gap:1.75rem;margin:0;}dt.svelte-9y80nr {font:600 1.125rem/1.35 var(--sans);}dd.svelte-9y80nr {margin:0.4rem 0 0;color:var(--muted);font-size:0.9875rem;}

  @media (max-width: 60rem) {.code.svelte-9y80nr {grid-template-columns:minmax(0, 1fr);}.facts.svelte-9y80nr {grid-template-columns:repeat(3, minmax(0, 1fr));}
  }

  @media (max-width: 40rem) {.facts.svelte-9y80nr {grid-template-columns:1fr;}
  }
.vs.svelte-1mucvdy {width:min(100% - 2 * var(--gutter), var(--wide));margin:3rem auto 0;}.table.svelte-1mucvdy {border-top:1px solid var(--line-strong);}.head.svelte-1mucvdy,
  .row.svelte-1mucvdy {display:grid;grid-template-columns:14rem minmax(0, 1fr) minmax(0, 1fr);gap:2rem;}.head.svelte-1mucvdy {padding:0.85rem 0;border-bottom:1px solid var(--line);color:var(--text);font:650 1.125rem/1.3 var(--display);letter-spacing:-0.015em;}.topic-head.svelte-1mucvdy {color:var(--muted);font:600 0.8125rem/1.9 var(--sans);letter-spacing:normal;}.eile.svelte-1mucvdy {color:var(--accent);}.row.svelte-1mucvdy {padding:1.25rem 0;border-bottom:1px solid var(--line);}h3.svelte-1mucvdy {margin:0;font:650 1.125rem/1.3 var(--display);letter-spacing:-0.015em;}.who.svelte-1mucvdy {display:none;}.cell.svelte-1mucvdy p:where(.svelte-1mucvdy) {margin:0;color:var(--text);font-size:0.9375rem;line-height:1.55;text-wrap:pretty;}.evo.svelte-1mucvdy {margin:1.25rem 0 0;color:var(--muted);font-size:0.9375rem;}.sides.svelte-1mucvdy {display:grid;grid-template-columns:1fr 1fr;margin-top:3rem;border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;}.side.svelte-1mucvdy {padding:clamp(1.5rem, 1rem + 2vw, 2.75rem);}.wp.svelte-1mucvdy {border-right:1px solid var(--line);background:var(--bg);}.ours.svelte-1mucvdy {background:var(--raised);}.side.svelte-1mucvdy h3:where(.svelte-1mucvdy) {font-size:1.375rem;letter-spacing:-0.02em;}.side.svelte-1mucvdy dl:where(.svelte-1mucvdy) {display:grid;margin:1.25rem 0 0;}.side.svelte-1mucvdy dl:where(.svelte-1mucvdy) div:where(.svelte-1mucvdy) {padding:0.9rem 0;border-top:1px solid var(--line-strong);}.ours.svelte-1mucvdy dl:where(.svelte-1mucvdy) div:where(.svelte-1mucvdy) {border-top-color:var(--line);}dt.svelte-1mucvdy {font-weight:600;}dd.svelte-1mucvdy {margin:0.25rem 0 0;color:var(--muted);font-size:0.9375rem;}.sources.svelte-1mucvdy {margin-top:2rem;color:var(--muted);font-size:0.8125rem;}.sources.svelte-1mucvdy h3:where(.svelte-1mucvdy) {color:var(--text);font:600 0.875rem/1.3 var(--sans);letter-spacing:normal;}.sources.svelte-1mucvdy ol:where(.svelte-1mucvdy) {columns:2 20rem;column-gap:2.5rem;margin:0.75rem 0 0;padding-left:1.5rem;}.sources.svelte-1mucvdy li:where(.svelte-1mucvdy) {padding:0.15rem 0;break-inside:avoid;scroll-margin-top:6rem;}.sources.svelte-1mucvdy li:where(.svelte-1mucvdy)::marker {font-family:var(--mono);}.sources.svelte-1mucvdy li:where(.svelte-1mucvdy):target {color:var(--text);}.sources.svelte-1mucvdy a:where(.svelte-1mucvdy) {color:inherit;overflow-wrap:anywhere;}.sources.svelte-1mucvdy .back:where(.svelte-1mucvdy) {display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;margin-left:0.25rem;vertical-align:middle;border-radius:var(--radius-pill-code);text-decoration:none;}.sources.svelte-1mucvdy .back:where(.svelte-1mucvdy) .icon {rotate:-90deg;}.sources.svelte-1mucvdy a:where(.svelte-1mucvdy):hover {color:var(--text);}.sources.svelte-1mucvdy p:where(.svelte-1mucvdy) {margin:0.75rem 0 0;}

  /* 52–70rem: трём колонкам тесно, тема встаёт строкой над парой «WordPress — Eile». */
  @media (max-width: 70rem) {.head.svelte-1mucvdy,
    .row.svelte-1mucvdy {grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:0.6rem 2rem;}.topic-head.svelte-1mucvdy {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.head.svelte-1mucvdy {position:relative;}.topic.svelte-1mucvdy {grid-column:1 / -1;}
  }

  @media (max-width: 52rem) {.head.svelte-1mucvdy {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}.row.svelte-1mucvdy {grid-template-columns:minmax(0, 1fr);gap:0.85rem;padding:1.5rem 0;}.who.svelte-1mucvdy {display:block;margin-bottom:0.2rem;color:var(--muted);font:600 0.8125rem/1.3 var(--sans);}.who.eile.svelte-1mucvdy {color:var(--accent);}.sides.svelte-1mucvdy {grid-template-columns:1fr;}.wp.svelte-1mucvdy {border-right:0;border-bottom:1px solid var(--line);}
  }