.og-how{gap:14px;margin-top:18px;padding:22px;display:grid}.og-how h2{font-size:var(--fs-l);font-weight:900}.og .og-how h3{font-size:var(--fs-m);margin-bottom:6px;font-weight:800}.og .og-lead2{color:var(--o-ink-2);max-width:70ch;font-size:var(--fs-m)}.og-steps{counter-reset:st;gap:8px;max-width:70ch;display:grid}.og-steps li{counter-increment:st;font-size:var(--fs-m);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;display:grid}.og-steps li:before{content:counter(st);background:var(--o-brand-soft);width:28px;height:28px;color:var(--o-brand-ink);font-weight:800;font-size:var(--fs-s);border-radius:999px;place-items:center;display:grid}.og-how-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.og-how-grid>div{box-shadow:inset 0 0 0 1.5px var(--o-line);border-radius:18px;min-width:0;padding:14px 16px}.og-how-grid ul{color:var(--o-ink-2);font-size:var(--fs-m);gap:6px;padding-left:18px;list-style:outside;display:grid}.og-how-grid p{color:var(--o-ink-2);font-size:var(--fs-m)}.og-critdl{font-size:var(--fs-m);grid-template-columns:auto minmax(0,1fr);gap:6px 12px;display:grid}.og-critdl dt{color:var(--o-brand-ink);white-space:nowrap;font-weight:800}.og-critdl dd{color:var(--o-ink-2)}.og-theory ul{flex-wrap:wrap;gap:8px;display:flex}.og .og-theory h3{margin-bottom:8px}.og-theory .og-chip{white-space:normal;color:var(--o-brand-ink);text-decoration:none;display:inline-block}.og-how-grid .og-more{margin-top:10px;font-weight:700;display:inline-block}.og-how-grid a{color:var(--o-brand-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in oklab, var(--o-brand) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--o-brand) 35%, transparent)}.og .og-h2{font-size:var(--fs-l);margin:28px 0 0;font-weight:900}.og-proto .k h3{font:inherit;color:var(--o-brand-ink);font-weight:800}nav.og-crumbs a{text-decoration:none}.og-formulas dl{gap:10px;margin-top:12px;display:grid}.og-formulas dl>div{box-shadow:inset 0 1px 0 var(--o-line);grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 16px;padding-top:10px;display:grid}.og-formulas dt{font-weight:800}.og-formulas dd{gap:4px;min-width:0;display:grid}.og-formulas dd>span{font-size:var(--fs-m);padding-block:2px}.og-formulas small{color:var(--o-ink-2);font-size:var(--fs-s)}@media (max-width:600px){.og-formulas dl>div{grid-template-columns:minmax(0,1fr)}}.og-chkskip{font-size:var(--fs-m);color:var(--o-ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-top:14px;padding:12px 14px 12px 18px;display:flex}.og-chkh .og-chkno{font-size:var(--fs-s);align-self:center;margin-left:auto;padding:7px 12px}.og-chkno[aria-pressed=true]{background:var(--o-brand-soft);color:var(--o-brand-ink);box-shadow:none}.og-chk>.og-chkoff{padding-block:14px}.og-chkoff .og-chkh .n,.og-chkoff .og-chkh b{color:var(--o-muted)}.og-vbox{gap:14px;margin-top:20px;padding:18px;display:grid}.lv-e{--lv:var(--o-mint)}.lv-m{--lv:var(--o-brand)}.lv-h{--lv:var(--o-fire)}.og-vlegend{font-size:var(--fs-s);color:var(--o-ink);flex-wrap:wrap;gap:6px 18px;font-weight:700;display:flex}.og-vlegend li{align-items:center;gap:8px;display:inline-flex}.og-vlegend i,.og-vtile i{background:var(--lv);border-radius:999px;flex:none;width:10px;height:10px}.og-vlegend span{color:var(--o-muted);font-variant-numeric:tabular-nums;font-weight:600}.og-vtiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.og-vtile{min-height:48px;font-weight:700;font-size:var(--fs-m);color:var(--o-ink);background:var(--o-sheet);box-shadow:inset 0 0 0 1.5px var(--o-line);white-space:nowrap;transition:box-shadow .16s var(--o-ease), background .16s var(--o-ease), transform .16s var(--o-ease);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 10px;text-decoration:none;display:flex}@media (hover:hover){.og-vtile:hover{background:color-mix(in oklab, var(--lv) 9%, var(--o-sheet));box-shadow:inset 0 0 0 2px var(--lv)}}.og-vtile:focus-visible{outline:3px solid var(--lv);outline-offset:2px}@media (max-width:900px){.og-vtiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.og-vtiles{grid-template-columns:repeat(3,minmax(0,1fr))}.og-vtile{font-size:var(--fs-s);gap:6px;padding:0 6px}.og-vbox{padding:14px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.og-vafter{gap:14px;margin-top:18px;display:grid}.og-keys{padding:16px 20px}.og-keys summary{cursor:pointer;font-weight:800;font-size:var(--fs-m);flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.og-keys summary span{font-size:var(--fs-s);color:var(--o-muted);font-weight:600}.og-keylist{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 14px;margin:14px 0 10px;display:grid}.og-keylist li{box-shadow:inset 0 -1px 0 var(--o-line);font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;padding:6px 0;display:flex}.og-keylist b{color:var(--o-brand-ink);min-width:22px}.og-vnav{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.og-vnav>:first-child{justify-self:start}.og-vnav>:last-child{justify-self:end}@media (max-width:600px){.og-vnav{grid-template-columns:1fr 1fr}.og-vnav>:nth-child(2){grid-area:2/1/auto/-1}}.og-demo-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px 24px;margin-top:12px;display:grid}.og-demo-list li{box-shadow:inset 0 -1px 0 var(--o-line);grid-template-columns:36px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.og-demo-list .n{font-size:var(--fs-xl);color:var(--o-brand);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.1;text-decoration:none}.og-demo-list .t{color:var(--o-ink);font-weight:800;text-decoration:none}@media (hover:hover){.og-demo-list .t:hover{color:var(--o-brand-ink)}}.og-demo-list p{font-size:var(--fs-s);color:var(--o-ink-2);margin-top:2px}@media (max-width:400px){.og-demo-list{grid-template-columns:minmax(0,1fr)}}.og-card h2+.og-facts-list{margin-top:10px}.og-btn,.og-chip{transition:transform .16s var(--o-ease), background-color .16s ease, box-shadow .16s ease, color .16s ease, filter .16s ease}@media (hover:hover) and (pointer:fine){.og-btn:not(:disabled):hover{filter:brightness(1.06)}.og-btn.soft:not(:disabled):hover{filter:none;background:#e4ddff}.og-btn.ghost:not(:disabled):hover,.og-chip:not([aria-pressed=true]):hover,.og-crit button:not([aria-pressed=true]):hover{filter:none;box-shadow:inset 0 0 0 1.5px #c9bdfa}.og-faq2 summary:hover,.og-faq summary:hover{color:var(--o-brand-ink)}}.og :focus-visible{outline:2.5px solid var(--o-brand);outline-offset:2px}.og-art-grid{align-items:stretch}.og-steps li{text-wrap:pretty;align-items:baseline}.og-how-grid>div{background:var(--o-desk);box-shadow:none}@media (min-width:1100px){.og-how{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;column-gap:28px}.og-how>h2,.og-how>.og-lead2{grid-column:1/-1}.og-how>.og-theory{grid-column:1;align-self:start}.og-how>.og-steps{grid-column:1}.og-how>.og-how-grid{grid-area:span 2/2;grid-template-columns:minmax(0,1fr)}.og-formulas dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}.og-formulas dl>div{align-items:baseline}.og-chkskip{padding:12px 22px}.og-chk>.og-chkoff{animation:.18s ease-out ogFade}.og-keylist{gap:6px}.og-keylist li{box-shadow:none;background:var(--o-desk);border-radius:10px;padding:7px 10px}.og-demo-list li{box-shadow:none;border-top:1px solid var(--o-line)}.og-vside .og-vsidebtns{grid-template-columns:minmax(0,1fr)}.og-vsidebtns .og-ref>div>button{box-shadow:none;background:var(--o-brand-soft)!important}.og .og-h3{font-size:var(--fs-m);margin-top:14px;font-weight:800}@media (max-width:400px){.og-scale th,.og-scale td{padding:8px 6px}}.og-chk{grid-template-columns:minmax(0,1fr)}.og-chkh{flex-wrap:wrap;align-items:center}.og-chkh b{flex:140px;min-width:0}@media (max-width:480px){.og-chkh .og-chkno{flex-basis:100%;order:3;justify-content:center;min-height:44px;margin-left:0}.og-how{padding:18px 16px}.og-how-grid>div{padding:12px 14px}.og-critdl{grid-template-columns:minmax(0,1fr);gap:2px 0}.og-critdl dd{margin-bottom:8px}}@media (max-width:600px){.og-cta-btns>.og-btn{white-space:normal;text-align:center;flex:100%}}@media (max-width:420px){.og-end{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:18px}.og-end img{width:64px}.og-end .og-btn{white-space:normal;width:100%}}.og-keys summary{justify-content:space-between;align-items:center;min-height:44px;list-style:none}.og-keys summary::-webkit-details-marker{display:none}.og-keys summary:after{content:"Показать";font-size:var(--fs-s);color:var(--o-brand-ink);background:var(--o-brand-soft);border-radius:999px;padding:6px 12px;font-weight:700}.og-keys[open] summary:after{content:"Скрыть"}.og-faq2 summary{align-items:center;min-height:44px}.og:has(+.og-vafter){padding-bottom:24px}.og.og-vafter{margin-top:0;padding-top:0}.og-theory .og-chip{text-wrap:balance;border-radius:14px}.og-keys summary span{margin-right:auto}.og-hero-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.og-hlink{min-height:40px;font-size:var(--fs-s);color:var(--o-brand-ink);background:var(--o-sheet);box-shadow:inset 0 0 0 1.5px var(--o-line);transition:box-shadow .16s var(--o-ease), background .16s var(--o-ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 14px;font-weight:700;text-decoration:none;display:inline-flex}.og-hlink b{color:var(--o-brand);font-weight:900}.og-hlink svg{opacity:.7}@media (hover:hover) and (pointer:fine){.og-hlink:hover{background:var(--o-brand-soft);box-shadow:inset 0 0 0 1.5px var(--o-brand)}}@media (max-width:640px){.og-hero{grid-template-areas:"i h""p p""l l"}.og-hero-links{grid-area:l;margin-top:2px}.og-hlink{min-height:44px;font-size:var(--fs-s);gap:4px;padding:0 10px 0 12px}.og-hero-links{flex-wrap:nowrap;gap:6px}.og-wide,.og-hlink svg{display:none}}@media (min-width:900px){.og-article h1{max-width:46ch;font-size:var(--fs-xl)}.og-article .og-lead{max-width:80ch}}.og-formulas .og-fplain{font-variant-numeric:tabular-nums;color:var(--o-ink-2);font-weight:600;display:block}.og-protos>.og-proto{content-visibility:auto;contain-intrinsic-size:auto 520px}.og-cmp td:first-child{width:1%}.og-cmp td:first-child a{color:var(--o-brand-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--o-brand) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--o-brand) 35%, transparent);text-underline-offset:3px;font-weight:700}.og-cmp td:nth-child(2){color:var(--o-ink-2);font-size:var(--fs-s)}.og-cmp td:last-child,.og-cmp th:last-child{width:1%}@media (max-width:560px){.og-cmp th,.og-cmp td{padding-inline:6px}.og-cmp td:nth-child(2){font-size:var(--fs-s)}}.og-cmp td:last-child{white-space:nowrap}@media (max-width:560px){.og-cmp thead{display:none}.og-cmp tr{box-shadow:inset 0 -1px 0 var(--o-line);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;display:grid}.og-cmp td{box-shadow:none!important;border:0!important;width:auto!important;padding:0!important}.og-cmp td:nth-child(2){grid-area:2/1/auto/-1}.og-cmp td:last-child{color:var(--o-muted);font-size:var(--fs-s);align-self:center}}.ga-art .og-np .og-lead{color:var(--o-ink-2);max-width:68ch;font-size:var(--fs-m);margin-top:12px;line-height:1.55}.ga-cta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.ga-sec{margin-top:24px;scroll-margin-top:88px}.ga-art h2[id],.ga-art .ga-grp-h,.ga-art .ga-tech{scroll-margin-top:88px}.ga-art .og-card>h2,.ga-art .og-how>h2{font-size:var(--fs-l);font-weight:900}.ga-toc{scrollbar-width:none;gap:8px;margin:16px -16px 0;padding:0 16px 4px;display:flex;overflow-x:auto}.ga-toc::-webkit-scrollbar{display:none}.ga-toc .og-chip{flex:none;text-decoration:none}@media (min-width:768px){.ga-toc{flex-wrap:wrap;margin-inline:0;padding:0;overflow:visible}}@media (hover:hover) and (pointer:fine){.ga-toc .og-chip:hover{color:var(--o-brand-ink);box-shadow:inset 0 0 0 1.5px var(--o-brand)}}.ga-forms{gap:8px;margin-top:16px;display:grid}.ga-forms li{background:var(--o-desk);box-shadow:inset 3px 0 0 var(--o-brand);font-size:var(--fs-m);color:var(--o-ink);overflow-wrap:anywhere;border-radius:16px;padding:12px 16px}.ga-note{font-size:var(--fs-m);color:var(--o-ink-2);max-width:75ch;margin-top:16px}.ga-note b{color:var(--o-ink)}.ga-note a{color:var(--o-brand);font-weight:700;text-decoration:none}.ga-techs{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px;display:grid}@media (min-width:900px){.ga-techs{grid-template-columns:repeat(2,minmax(0,1fr))}}.ga-tech{align-content:start;gap:12px;min-width:0;padding:20px 22px;display:grid}.ga-art .ga-tech h3{font-size:var(--fs-m);font-weight:800}.ga-tech>p{color:var(--o-ink-2);font-size:var(--fs-m)}.ga-rule{background:var(--o-brand-soft);color:var(--o-ink);font-size:var(--fs-m);border-radius:16px;padding:12px 16px;overflow-x:auto}.ga-rule>span{font-size:var(--fs-s);letter-spacing:.06em;text-transform:uppercase;color:var(--o-brand-ink);margin-bottom:4px;font-weight:800;display:block}.og-how .ga-rule{max-width:75ch}.ga-ex{font-size:var(--fs-m);color:var(--o-ink-2)}.ga-ex b{color:var(--o-ink)}.ga-art .og-more{color:var(--o-brand-ink);justify-self:start;font-weight:700;text-decoration:none}@media (hover:hover){.ga-art .og-more:hover{text-underline-offset:3px;text-decoration:underline}}.ga-art .og-theory{margin-top:12px}.ga-errs{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px;display:grid}@media (min-width:900px){.ga-errs{grid-template-columns:repeat(2,minmax(0,1fr))}}.ga-errs li{align-content:start;gap:10px;padding:16px 20px;display:grid}.ga-errs p{font-size:var(--fs-m);color:var(--o-ink-2);gap:2px;display:grid}.ga-errs p>span:first-child{font-size:var(--fs-s);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.ga-errs .no>span:first-child{color:var(--o-no)}.ga-errs .ok{box-shadow:inset 0 1px 0 var(--o-line);color:var(--o-ink);padding-top:10px}.ga-errs .ok>span:first-child{color:var(--o-ok)}.ga-sub{color:var(--o-ink-2);font-size:var(--fs-m);max-width:70ch;margin-top:8px}.ga-grp{margin-top:24px}.ga-grp-h{font-size:var(--fs-m);color:var(--o-ink);align-items:baseline;gap:10px;font-weight:800;display:flex}.ga-grp-h span{font-size:var(--fs-s);color:var(--o-muted);font-variant-numeric:tabular-nums;font-weight:700}.ga-grp .og-protos{margin-top:12px}@media (min-width:1100px){.ga-art .og-protos{grid-template-columns:repeat(2,minmax(0,1fr))}}.ga-art .og-proto .k h3 a{color:var(--o-ink);font-size:var(--fs-m);text-decoration:none}@media (hover:hover){.ga-art .og-proto .k h3 a:hover{color:var(--o-brand-ink);text-underline-offset:3px;text-decoration:underline}}.ga-art .og-proto .k{align-items:baseline}.ga-art .og-proto .k h3{flex:100%}.ga-acts{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:480px){.ga-acts>*{flex:1 1 0}}.ga-rel{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:16px;display:grid}.ga-rel li{box-shadow:inset 0 0 0 1.5px var(--o-line);border-radius:16px;gap:6px;padding:14px 16px;display:grid}.ga-rel a{gap:2px;text-decoration:none;display:grid}.ga-rel a b{color:var(--o-brand-ink);font-size:var(--fs-m)}.ga-rel a span{color:var(--o-ink);font-weight:700;font-size:var(--fs-s)}.ga-rel p{color:var(--o-ink-2);font-size:var(--fs-s)}.ga-end{background:linear-gradient(135deg, var(--o-brand-soft), var(--o-sheet) 70%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px 22px;display:flex}.ga-end b{font-size:var(--fs-m);font-weight:900}.ga-end p{color:var(--o-ink-2);font-size:var(--fs-m);margin-top:2px}@media (max-width:600px){.ga-end .og-btn{width:100%}}.ga-kicker{font-size:var(--fs-s);color:var(--o-muted);font-weight:700;margin-bottom:8px!important}.ga-type .og-np h1{font-size:var(--fs-xl)}.ga-ids{font-size:var(--fs-s)!important;color:var(--o-muted)!important;margin-top:10px!important}.ga-p{color:var(--o-ink-2);font-size:var(--fs-m);max-width:75ch;margin-top:10px!important}.ga-type .og-card .og-more{margin-top:12px;display:inline-block}.ga-sib{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px;margin-top:12px;display:grid}.ga-sib li{box-shadow:inset 0 -1px 0 var(--o-line);font-size:var(--fs-m);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.ga-sib a{color:var(--o-ink);font-weight:600;text-decoration:none}@media (hover:hover){.ga-sib a:hover{color:var(--o-brand-ink)}}.ga-sib span{font-size:var(--fs-s);color:var(--o-muted);white-space:nowrap}.ga-tablewrap{overflow-x:auto}.ga-crit th,.ga-crit td{vertical-align:top;text-align:left!important}.ga-crit td{font-size:var(--fs-m);color:var(--o-ink-2)}.ga-crit td:first-child{min-width:150px}.ga-crit td:first-child a{color:var(--o-ink);font-weight:700;text-decoration:none}.ga-crit td:first-child b{color:var(--o-brand);font-size:var(--fs-m);margin-right:4px}@media (max-width:640px){.ga-crit thead{display:none}.ga-crit tr{box-shadow:inset 0 -1px 0 var(--o-line);gap:6px;padding:12px 0;display:grid}.ga-crit td{box-shadow:none!important;border:0!important;padding:0!important}.ga-crit tr:first-child{padding-top:4px}.ga-crit td:nth-child(2):before{content:"2 балла: ";color:var(--o-ok);font-weight:800}.ga-crit td:nth-child(3):before{content:"1 балл: ";color:var(--o-part);font-weight:800}}.og-article .ga-note{font-size:var(--fs-s);color:var(--o-ink-2);margin-top:12px}.ga-typelink{font-weight:700;font-size:var(--fs-s);color:var(--o-brand-ink);margin-top:10px;text-decoration:none;display:inline-block}@media (hover:hover){.ga-typelink:hover{text-underline-offset:3px;text-decoration:underline}}.ga-art .og-facts div span,.ga-art .og-lvl,.ga-sib span,.ga-rule>span,.ga-errs p>span:first-child{font-size:var(--fs-s)}@media (max-width:600px){.ga-art .og-btn.sm,.ga-art .og-chip{align-items:center;min-height:44px;display:inline-flex}.ga-art .og-sol>summary,.ga-art .og-faq2 summary{margin-block:-10px;padding-block:10px}.ga-art .og-more,.ga-art .og-crumbs a{margin-block:-10px;padding-block:10px;display:inline-block}.ga-sib li{padding:0}.ga-sib a{flex:1;padding:12px 0;display:block}}.ga-grp-h{display:block}.ga-grp-h span{white-space:nowrap;margin-left:8px}.ga-pass{border-collapse:collapse;width:100%;font-size:var(--fs-m);margin-top:12px}.ga-pass th,.ga-pass td{text-align:left;vertical-align:top;box-shadow:inset 0 -1px 0 var(--o-line);padding:10px 0}.ga-pass th{width:40%;color:var(--o-ink-2);padding-right:12px;font-weight:600}.ga-pass td{color:var(--o-ink);font-weight:700}.ga-pass td a{color:var(--o-brand)}.ga-pass tr:last-child th,.ga-pass tr:last-child td{box-shadow:none}.ga-src{font-size:var(--fs-s);color:var(--o-ink-2);margin-top:12px;line-height:1.5}.ga-src a{color:inherit;text-underline-offset:2px;text-decoration:underline}.ga-type .ga-src{margin:16px 4px 0}
