:root{--bgja:rgb(245,243,252);--ptja:rgb(56,27,141);--aja:rgb(37,117,140);--sfja:rgb(255,255,255);--muja:rgb(91,82,128);--pja:rgb(72,35,184);--p2ja:rgb(87,30,179);color-scheme:light;--bdja:rgb(218,212,237);--onja:rgb(249,248,251);--fgja:rgb(24,18,48)}
:root{--rja:3px;--wja:1220px;--hfja:system-ui,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--gja:1.3rem;--fja:system-ui,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:4.95rem}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{overflow-wrap:anywhere;font:17px/1.85 var(--fja);background:var(--bgja);color:var(--fgja);margin:0}
a{text-underline-offset:3px;color:var(--ptja)}
summary:focus-visible,a:focus-visible{outline:2px solid var(--ptja);outline-offset:3px;border-radius:3px}
svg{display:block}
h3,h2,h1{line-height:1.3;font-family:var(--hfja);color:var(--fgja);margin:0}
.inja{max-width:var(--wja);margin:0 auto;padding:0 1.4rem}
/* top bar */
.barja{border-bottom:1px solid var(--bdja)}
.barja .inja{display:flex;gap:1.1rem;align-items:center;justify-content:space-between;height:3.85rem}
.homeja{display:flex;min-width:0;text-decoration:none;align-items:center;color:var(--fgja);gap:.6rem;font-size:1.05rem;font-weight:700}
.homeja .logoja{flex:none;height:26px;width:26px}
.dateja{white-space:nowrap;font-size:.9rem;color:var(--muja)}
/* intro */
.introja{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 40%,color-mix(in srgb,var(--pja) 22%,var(--bgja)),var(--bgja) 70%)}
.introja .inja{display:flex;min-height:min(78vh,640px);position:relative;padding-bottom:calc(var(--gja)*4);justify-content:center;flex-direction:column;padding-top:calc(var(--gja)*4)}
.intro-artja{top:50%;width:min(56%,700px);pointer-events:none;transform:translateY(-50%);position:absolute;right:-4%}
.intro-artja .decorja{width:100%;height:auto}
.intro-txja{max-width:39.6rem;position:relative}
.eyebrowja{margin:0 0 1.3rem;letter-spacing:.2em;font-size:.9rem;font-weight:700;color:var(--ptja)}
.introja h1{line-height:1.12;font-size:clamp(2.4rem,6.4vw,4.85rem);font-weight:900;letter-spacing:-.01em}
.ledeja{line-height:1.7;margin:1.55rem 0 2.2rem;font-size:clamp(1.15rem,2.2vw,1.45rem);color:var(--muja)}
.startja{padding:.9rem 1.55rem;text-decoration:none;gap:.65rem;color:var(--onja);background:var(--pja);align-items:center;display:inline-flex;align-self:flex-start;border-radius:999px;font-weight:700}
.startja svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.startja:hover{background:var(--p2ja)}
/* layout */
.layoutja{display:grid;gap:calc(var(--gja)*4);grid-template-columns:220px minmax(0,1fr);align-items:start}
.tocja{position:sticky;top:2.2rem;padding-top:calc(var(--gja)*4)}
.toc-hja{font-size:.8rem;margin:0 0 .9rem;letter-spacing:.24em;font-weight:700;color:var(--muja)}
.tocja ol{padding:0;counter-reset:tja;list-style:none;margin:0;border-left:2px solid var(--bdja)}
.tocja li{counter-increment:tja}
.tocja .toc-readja::after{counter-increment:tja;content:""}
.tocja .toc-moreja{counter-increment:none}
.tocja a{display:flex;margin-left:-2px;gap:.75rem;text-decoration:none;border-left:2px solid transparent;line-height:1.45;padding:.45rem 0 .45rem 1.1rem;color:var(--muja);font-size:1rem}
.tocja a::before{content:counter(tja,decimal-leading-zero);flex:none;padding-top:.1rem;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700;color:color-mix(in srgb,var(--muja) 70%,transparent)}
.tocja .toc-moreja a::before{content:"+"}
.tocja a:hover{color:var(--fgja)}
.tocja a.onja{color:var(--fgja);border-left-color:var(--pja);font-weight:700}
.tocja a.onja::before{color:var(--ptja)}
.flowja{min-width:0;max-width:50.6rem;counter-reset:cja}
/* chapters */
.chja,.articleja{border-bottom:1px solid var(--bdja);padding:calc(var(--gja)*4.5) 0 calc(var(--gja)*1.5)}
.chja:not(.ch-readja),.articleja{counter-increment:cja}
.ch-readja{padding:0;border:0}
.numja::before,.articleja::before{-webkit-text-stroke:1.5px var(--pja);font:900 clamp(3.3rem,7vw,5.05rem)/1 var(--hfja);margin-bottom:1rem;content:counter(cja,decimal-leading-zero);display:block;color:transparent;letter-spacing:-.02em}
.ch-hja h2,.articleja h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:1.3rem;font-weight:800}
.ch-subja{margin:-.4rem 0 2rem;color:var(--muja)}
.articleja h3{font-size:1.3rem;margin:2.4rem 0 .65rem}
.articleja h3::before{background:var(--aja);border-radius:50%;vertical-align:.18em;width:.6rem;display:inline-block;height:.6rem;margin-right:.65rem;content:""}
.articleja p{margin:0 0 1.3rem}
.articleja>p:first-of-type{font-size:1.12em;color:var(--fgja)}
.articleja ol,.articleja ul{padding-left:1.55rem;margin:0 0 1.45rem}
.articleja li{margin:.45rem 0}
.articleja li::marker{font-weight:700;color:var(--ptja)}
/* downloads */
.platsja{padding:0;border-top:1px solid var(--bdja);list-style:none;margin:0}
.platsja a{gap:1.1rem;display:grid;grid-template-columns:2.85rem minmax(0,1fr) auto;text-decoration:none;border-bottom:1px solid var(--bdja);align-items:center;color:var(--fgja);padding:1.1rem .45rem}
.platsja li:last-child a{border-bottom:0}
.platsja a:hover{background:color-mix(in srgb,var(--pja) 8%,transparent)}
.platsja svg{width:2.85rem;height:2.85rem;padding:.6rem;border-radius:var(--rja);background:color-mix(in srgb,var(--pja) 14%,var(--sfja));fill:none;stroke:var(--ptja);stroke-width:1.7}
.platsja b{display:block;font-size:1.2rem}
.platsja small{font-size:.95rem;display:block;line-height:1.4;color:var(--muja)}
.platsja em{white-space:nowrap;font-size:.95rem;font-style:normal;font-weight:700;color:var(--ptja)}
/* steps */
.stepsetja h3{font-size:1.25rem;margin-bottom:1.3rem}
.stepsja{padding:0;list-style:none;counter-reset:sja;margin:0}
.stepsja li{display:grid;padding:1.1rem 0;border-top:1px dashed var(--bdja);grid-template-columns:3.5rem minmax(0,1fr);column-gap:1rem;counter-increment:sja}
.stepsja li::before{content:counter(sja);grid-row:span 2;color:var(--ptja);font:800 2.2rem/1 var(--hfja)}
.stepsja b,.stepsja strong{font-size:1.1rem}
.stepsja p{margin:.2rem 0 0;font-size:1.05rem;color:var(--muja)}
/* compare */
.tablewrapja{margin:0 -.2rem;overflow-x:auto}
.compareja{width:100%;border-collapse:collapse;font-size:1rem;min-width:33rem}
.compareja caption{caption-side:top;text-align:left;padding-bottom:.9rem;font-weight:700}
.compareja th,.compareja td{border-bottom:1px solid var(--bdja);text-align:left;vertical-align:top;padding:.85rem .9rem}
.compareja thead th{border-bottom:2px solid var(--fgja);letter-spacing:.06em;font-size:.9rem;color:var(--muja)}
.compareja tbody tr:nth-child(odd){background:color-mix(in srgb,var(--sfja) 70%,transparent)}
/* notes */
.notesja{display:grid;gap:0}
.noteja{display:grid;border-top:1px solid var(--bdja);grid-template-columns:8.25rem minmax(0,1fr);column-gap:1.55rem;padding:1.45rem 0}
.verdictja{order:-1;grid-row:span 2;align-self:start;font-size:.85rem;font-weight:700;color:var(--ptja);padding:.2rem .6rem;border:1px solid currentColor;border-radius:var(--rja);text-align:center;line-height:1.5}
.noteja.conja .verdictja{color:var(--aja)}
.noteja.tip-nja .verdictja{color:var(--muja)}
.noteja h3{font-size:1.2rem}
.noteja p{margin:.4rem 0 0;font-size:1.05rem;color:var(--muja)}
/* faq */
.faqja details{border-top:1px solid var(--bdja)}
.faqja details:last-of-type{border-bottom:1px solid var(--bdja)}
.faqja summary{display:flex;gap:1.1rem;list-style:none;justify-content:space-between;padding:1.2rem 0;font-weight:700;cursor:pointer;font-size:1.15rem}
.faqja summary::-webkit-details-marker{display:none}
.faqja summary::after{content:"+";flex:none;width:1.85rem;height:1.85rem;border-radius:50%;border:1px solid var(--bdja);display:grid;place-items:center;color:var(--ptja);font-weight:400}
.faqja details[open] summary::after{content:"−";background:var(--pja);border-color:var(--pja);color:var(--onja)}
.faqja details p{margin:0 0 1.3rem;color:var(--muja)}
/* glossary */
.glossja{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--bdja);border:1px solid var(--bdja);border-radius:var(--rja);overflow:hidden}
.glossja div{background:var(--bgja);padding:1.1rem 1.2rem}
.glossja dt{font-family:var(--hfja);font-weight:800}
.glossja dd{margin:.35rem 0 0;line-height:1.65;color:var(--muja);font-size:1rem}
/* more */
.moreja{padding:calc(var(--gja)*4.5) 0 calc(var(--gja)*3)}
.moreja h2{font-size:1.45rem;margin-bottom:1.3rem}
.more-gridja{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem}
.latestja h2,.moreja h3{font-size:.85rem;margin:0 0 .65rem;letter-spacing:.2em;color:var(--muja);font-family:var(--fja)}
.relja{display:flex;flex-direction:column}
.latestja a,.relja a{text-decoration:none;border-bottom:1px solid var(--bdja);padding:.55rem 0;color:var(--fgja);display:block;font-size:1.05rem}
.relja a:hover,.latestja a:hover{color:var(--ptja)}
.latestja{margin-top:2.2rem}
.latestja ul{padding:0;list-style:none;margin:0}
.chipsja{display:flex;gap:.55rem;flex-wrap:wrap}
.chipsja a{text-decoration:none;font-size:.95rem;color:var(--fgja);border-radius:999px;background:color-mix(in srgb,var(--pja) 12%,var(--sfja));padding:.35rem .9rem}
.chipsja a:hover{color:var(--onja);background:var(--pja)}
/* footer */
.footja{border-top:1px solid var(--bdja);font-size:.9rem;color:var(--muja)}
.footja .inja{display:flex;justify-content:space-between;padding-top:1.45rem;flex-wrap:wrap;gap:.55rem 1.65rem;padding-bottom:1.45rem}
.footja p{margin:0}
.topja{position:fixed;right:1.1rem;bottom:1.1rem;z-index:20;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:999px;background:var(--sfja);border:1px solid var(--bdja);color:var(--fgja);font-size:.9rem;text-decoration:none;box-shadow:0 6px 20px color-mix(in srgb,var(--fgja) 14%,transparent);transition:opacity .2s,transform .2s}
.topja svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}
.jsja .topja:not(.showja){transform:translateY(.65rem);visibility:hidden;pointer-events:none;opacity:0}
@media (max-width:900px){
.layoutja{gap:0;grid-template-columns:minmax(0,1fr)}
.tocja{top:0;z-index:15;padding:.6rem 0;margin:0 -1.25rem;background:color-mix(in srgb,var(--bgja) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--bdja)}
.toc-hja{left:-999px;position:absolute}
.tocja ol{display:flex;border:0;gap:.45rem;padding:0 1.4rem;overflow-x:auto;scrollbar-width:none}
.tocja ol::-webkit-scrollbar{display:none}
.tocja a{white-space:nowrap;max-width:14em;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;padding:.4rem .95rem;border:1px solid var(--bdja);border-radius:999px;font-size:.9rem}
.tocja a::before{margin-right:.45rem}
.tocja a.onja{background:var(--pja);border-color:var(--pja);color:var(--onja)}
.tocja a.onja::before{color:var(--onja)}
.flowja{max-width:none}
}
@media (max-width:640px){
body{font-size:16px}
.dateja{display:none}
.introja .inja{padding-bottom:calc(var(--gja)*3);padding-top:calc(var(--gja)*3);min-height:0}
.intro-artja{width:130%;opacity:.22;top:auto;transform:none;bottom:-15%;right:-55%}
.chja,.articleja{padding-top:calc(var(--gja)*3)}
.noteja{grid-template-columns:minmax(0,1fr)}
.verdictja{margin-bottom:.55rem;justify-self:start;grid-row:auto}
.glossja,.more-gridja{grid-template-columns:minmax(0,1fr)}
.platsja em{display:none}
}
@media (prefers-reduced-motion:reduce){.topja{transition:none}}
.bar-bja .inja{flex-direction:row-reverse}
.intro-plainja{background:var(--sfja)}
.intro-plainja .inja{padding-bottom:calc(var(--gja)*3);padding-top:calc(var(--gja)*3);min-height:0}
.layout-topja{grid-template-columns:1fr}
.layout-topja .tocja{position:static;padding-top:calc(var(--gja)*2)}
.layout-topja .tocja ol{border-left:0;display:flex;flex-wrap:wrap;gap:.35rem .55rem}
.layout-topja .tocja a{padding:.35rem .75rem;margin:0;border:1px solid var(--bdja);border-radius:var(--rja)}
.layout-topja .tocja a.onja{border-color:var(--pja)}
.foot-rowja{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.55rem 1.65rem}
.foot-rowja p{margin:0}


.extja{margin:1rem 0 0;font-size:.9rem;color:var(--muja)}.extja span{opacity:.8;margin-right:.55rem}.extja a{color:var(--muja)}
h1{text-wrap:balance}