.article-page{--a-bg:var(--color-surface);--a-ink:var(--color-ink);--a-text:#2a2a2c;--a-muted:#5c5c61;--a-hair:#e2e2e0;--a-raised:#f6f6f4;--a-accent:var(--color-brand);--a-shadow-edge:#00000038;--a-sticky:var(--article-sticky-h,133px);--a-fs:clamp(1.0625rem,1rem + .25vw,1.125rem);--a-ease:cubic-bezier(.2,.8,.2,1);--a-measure:62ch;background:var(--a-bg);color:var(--a-text)}@media (prefers-color-scheme:dark){.article-page{--a-bg:#151516;--a-ink:#f0f0ee;--a-text:#dcdcda;--a-muted:#a6a6a4;--a-hair:#303032;--a-raised:#1e1e20;--a-shadow-edge:#000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.article-page>.container-max{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}@media (width>=768px){.article-page>.container-max{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}.article-shell{font-size:var(--a-fs);max-width:calc(var(--a-measure) + 15rem + 64px);margin-inline:auto;padding-bottom:48px;line-height:1.6}.article-page .article-header{max-width:var(--a-measure);margin:32px auto 32px 0}.article-page .article-header h1{letter-spacing:-.01em;color:var(--a-ink);white-space:normal;text-wrap:balance;margin:0 0 16px;font-size:clamp(2rem,1.75rem + .8vw,2.1875rem);font-weight:700;line-height:1.15}.article-page .article-header h1:focus{outline:none}.article-meta{color:var(--a-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.875rem;line-height:1.4;display:flex}.article-page .article-btn{border:1px solid var(--a-hair);background:var(--a-bg);min-width:44px;min-height:44px;color:var(--a-ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 16px;font-size:.9375rem;line-height:1}.article-page .article-btn:hover{border-color:var(--a-muted)}.article-page :is(.article-btn,a,.scroll-x,figure img):focus-visible{outline:2px solid var(--a-ink);outline-offset:2px}.article-grid{grid-template-columns:minmax(0,var(--a-measure));-moz-column-gap:64px;column-gap:64px;display:grid}.article-aside{display:none}@media (width>=1100px){.article-grid{grid-template-columns:minmax(0,var(--a-measure)) 15rem}.article-aside{display:block}.article-aside nav{top:calc(var(--a-sticky) + 24px);max-height:calc(100vh - var(--a-sticky) - 48px);max-height:calc(100dvh - var(--a-sticky) - 48px);overscroll-behavior:contain;position:sticky;overflow-y:auto}.article-dock__toc,.article-toc-open{display:none}}.article-page .article-toc__title{letter-spacing:.04em;text-transform:uppercase;color:var(--a-muted);margin:0 0 8px;font-size:.8125rem;font-weight:600}.article-page .article-toc{margin:0;padding:0;font-size:.875rem;line-height:1.35;list-style:none}.article-page .article-toc a{border-left:2px solid var(--a-hair);min-height:44px;color:var(--a-muted);align-items:center;padding:4px 0 4px 12px;text-decoration:none;display:flex}.article-page .article-toc a:hover{color:var(--a-ink)}.article-page .article-toc a[aria-current]{border-left-color:var(--a-accent);color:var(--a-ink);font-weight:600}.article-progress{z-index:1030;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.article-progress__bar{background:var(--a-accent);transform-origin:0;height:100%;display:block}.article-dock{z-index:1010;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));pointer-events:none;transition:opacity .2s var(--a-ease),transform .2s var(--a-ease),visibility .2s;justify-content:space-between;gap:8px;display:flex;position:fixed}.article-dock:not([data-shown]){visibility:hidden;opacity:0;transform:translateY(8px)}.article-dock .article-btn{pointer-events:auto;box-shadow:0 1px 3px var(--color-shadow-sm)}.article-dock__top{margin-left:auto}.article-sheet{width:100%;max-width:40rem;max-height:85dvh;padding:8px max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--a-bg);color:var(--a-text);overscroll-behavior:contain;border:0;border-radius:16px 16px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:auto}.article-sheet[open]{animation:article-sheet-in .24s var(--a-ease)}.article-sheet::backdrop{background:var(--color-overlay)}.article-sheet__head{background:var(--a-bg);justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:sticky;top:-8px}.article-sheet__head .article-toc__title{margin:0}@keyframes article-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.article-toast{z-index:1040;left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px);background:var(--a-ink);color:var(--a-bg);pointer-events:none;transition:opacity .2s var(--a-ease);border-radius:999px;margin:0;padding:8px 16px;font-size:.875rem;line-height:1.4;position:fixed;transform:translate(-50%)}.article-toast:not([data-shown]){opacity:0}.article-page .article-body{min-width:0;color:var(--a-text)}.article-page .article-body :is(p,li){text-wrap:pretty;font-size:1em;line-height:1.6}.article-page .article-body p{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 3;margin:0 0 16px}@media (width>=768px){.article-page .article-body p{-webkit-hyphens:manual;hyphens:manual}}.article-page .article-body .lead{color:var(--a-ink);margin-bottom:32px;font-size:1.125em;font-weight:400;line-height:1.55}.article-page .article-body strong{color:var(--a-ink);font-weight:650}.article-page .article-body a:not(.heading-anchor){color:var(--a-ink);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--a-accent);text-decoration-color:var(--a-accent);text-underline-offset:.2em}.article-page .article-body a:not(.heading-anchor):hover{text-decoration-thickness:2px}.article-page .article-body :is(h2,h3){color:var(--a-ink);letter-spacing:-.005em;text-wrap:balance;scroll-margin-top:calc(var(--a-sticky) + 16px);font-weight:700;line-height:1.15}.article-page .article-body h2{margin:48px 0 16px;font-size:clamp(1.625rem,1.5rem + .5vw,1.75rem)}.article-page .article-body h3{margin:32px 0 8px;font-size:clamp(1.3125rem,1.25rem + .3vw,1.4rem)}.article-page .article-body :is(h2,h3)+:is(h2,h3){margin-top:16px}.article-page .heading-anchor{vertical-align:top;width:44px;height:44px;color:var(--a-muted);opacity:.55;place-items:center;margin:calc(.575em - 22px) -44px calc(.575em - 22px) 0;text-decoration:none;display:inline-grid}.article-page .heading-anchor:before{content:"#";font-weight:400}@media (hover:hover){.article-page .heading-anchor{opacity:0}.article-page .heading-anchor:focus-visible,.article-page :is(h2,h3):hover .heading-anchor{opacity:1}}.article-page .article-body :is(h2,h3){padding-right:44px}.article-page .article-body :is(ul,ol){margin:0 0 16px;padding-left:1.25em}.article-page .article-body li{margin:0 0 8px}.article-page .article-body li::marker{color:var(--a-muted)}.article-page .article-body .price{color:var(--a-ink);font-variant-numeric:tabular-nums;margin:0 0 8px;font-weight:600}.article-page .article-body .price-includes{color:var(--a-muted);margin:0 0 16px;font-size:.875em;line-height:1.5}.article-page .article-body :is(.pros,.cons){border:1px solid var(--a-hair);border-radius:8px;margin:16px 0;padding:16px 20px}.article-page .article-body :is(.pros,.cons)+:is(.pros,.cons){margin-top:-8px}.article-page .article-body :is(.pros,.cons)>p:first-child{letter-spacing:.04em;text-transform:uppercase;color:var(--a-muted);margin:0 0 8px;font-size:.8125rem;font-weight:600}.article-page .article-body :is(.pros,.cons) ul{margin:0;padding:0;list-style:none}.article-page .article-body :is(.pros,.cons) li{gap:8px;margin:0 0 4px;display:flex}.article-page .article-body :is(.pros,.cons) li>span[aria-hidden]{flex:none;width:1em;font-weight:700}.article-page .article-body .pros li>span[aria-hidden]{color:var(--a-accent)}.article-page .article-body .cons li>span[aria-hidden]{color:var(--a-muted)}.article-page .article-body .callout{border:1px solid var(--a-hair);background:var(--a-raised);border-radius:8px;margin:24px 0;padding:16px 20px}.article-page .article-body .callout>:last-child{margin-bottom:0}.article-page .article-body .callout:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--a-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.8125rem;font-weight:600;line-height:1.4;display:flex}.article-page .article-body .callout--tip:not([data-label]):before{content:"Совет"}.article-page .article-body .callout--warning:not([data-label]):before{content:"Важно"}.article-page .article-body .callout--warning{border-left:3px solid var(--a-accent);background:0 0}.article-page .article-body blockquote{border-left:2px solid var(--a-ink);color:var(--a-ink);margin:32px 0;padding:0 0 0 20px;font-size:1.125em;line-height:1.5}.article-page .article-body blockquote p{margin-bottom:8px}.article-page .article-body blockquote cite,.article-page .article-body blockquote footer{color:var(--a-muted);font-size:.8125em;font-style:normal;display:block}.article-page .article-body figure{margin:32px 0}.article-page .article-body figure img{background:var(--a-raised);cursor:zoom-in;border-radius:8px;width:100%;height:auto;display:block}.article-page .article-body figcaption{color:var(--a-muted);text-wrap:pretty;margin-top:8px;font-size:.875rem;line-height:1.45}.article-page .scroll-frame{margin:24px 0;position:relative}.article-page .scroll-frame:after,.article-page .scroll-frame:before{content:"";z-index:1;pointer-events:none;opacity:0;width:16px;transition:opacity .2s var(--a-ease);position:absolute;top:0;bottom:0}.article-page .scroll-frame:before{box-shadow:inset 14px 0 12px -12px var(--a-shadow-edge);left:0}.article-page .scroll-frame:after{box-shadow:inset -14px 0 12px -12px var(--a-shadow-edge);right:0}.article-page .scroll-frame[data-more-left]:before,.article-page .scroll-frame[data-more-right]:after{opacity:1}.article-page .scroll-x{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow-x:auto}.article-page .scroll-frame--table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:max-content;min-width:100%;font-size:.875rem;line-height:1.4;display:table;overflow:visible}.article-page .scroll-frame--table :is(th,td){border-bottom:1px solid var(--a-hair);text-align:left;vertical-align:top;max-width:16rem;padding:8px 16px 8px 0}.article-page .scroll-frame--table th{color:var(--a-ink);border-bottom-color:var(--a-muted);font-weight:600}.article-page .scroll-frame--table td:first-child{color:var(--a-ink);font-weight:600}.article-page .scroll-frame--code{border:1px solid var(--a-hair);background:var(--a-raised);border-radius:8px}.article-page .scroll-frame--code pre{tab-size:2;color:var(--a-ink);white-space:pre;background:0 0;margin:0;padding:52px 16px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.55}.article-page .code-copy{z-index:2;min-width:44px;min-height:44px;color:var(--a-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:.8125rem;position:absolute;top:4px;right:4px}.article-page .code-copy:hover{color:var(--a-ink)}.article-page .article-body :not(pre)>code{background:var(--a-raised);border-radius:4px;padding:.1em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.article-page .article-body sup{line-height:0}.article-page .article-body a[role=doc-noteref],.article-page .article-body sup a{text-align:center;font-variant-numeric:tabular-nums;min-width:24px;min-height:24px;padding:0 4px;font-weight:600;line-height:24px;text-decoration:none;display:inline-block}.article-page .article-body .footnotes{border-top:1px solid var(--a-hair);color:var(--a-muted);margin-top:48px;padding-top:16px;font-size:.875em}.article-page .article-body .footnotes li{scroll-margin-top:calc(var(--a-sticky) + 16px)}.article-page .fn-popover{border:1px solid var(--a-hair);background:var(--a-bg);width:min(22rem,100vw - 32px);color:var(--a-text);box-shadow:0 4px 16px var(--color-shadow-sm);border-radius:8px;margin:0;padding:16px 20px 8px;font-size:.9375rem;line-height:1.5;position:fixed;inset:auto}.article-page .fn-popover:popover-open{animation:article-fade .16s var(--a-ease)}.article-page .fn-popover__close{min-height:44px;color:var(--a-ink);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin:8px 0 0 auto;padding:0 12px;font-size:.875rem;text-decoration:underline;display:block}@media (width<=599.98px){.article-page .fn-popover{width:100%;max-height:60dvh;padding-bottom:max(8px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;inset:auto 0 0;overflow-y:auto}}@keyframes article-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.article-dock,.article-page .scroll-frame:after,.article-page .scroll-frame:before,.article-toast{transition:none}.article-sheet[open]{animation:none}.article-page .fn-popover:popover-open{animation:none}.article-dock:not([data-shown]){transform:none}}@media print{.article-aside,.article-dock,.article-progress,.article-toc-open,.code-copy,.heading-anchor{display:none!important}}
