.article-page .gfx{font-family:var(--sans);color:#181818;--gx:var(--clay,#5f8c6b);font-size:clamp(11px,2.05cqw,24px);position:absolute;inset:0;overflow:hidden}.article-page .gfx-grid{opacity:.85;background-image:radial-gradient(#1818181a 1.2px,#0000 1.2px);background-size:2.3em 2.3em;position:absolute;inset:0;-webkit-mask-image:radial-gradient(125% 100% at 50% 44%,#0000 22%,#000 80%);mask-image:radial-gradient(125% 100% at 50% 44%,#0000 22%,#000 80%)}.article-page .gfx-eik{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;opacity:.42;font-size:.62em}.article-page .gfx-ln{background:#18181821;border-radius:.3em;height:.58em}.article-page .gfx-ln.s{background:#181818bd;height:.72em}.article-page .gfx-card{background:#fbfaf6;border:1px solid #1818181a;border-radius:1em;box-shadow:0 18px 44px -22px #1818184d}.article-page .bl{place-items:center;display:grid;position:absolute;inset:0}.article-page .bl-win{background:#fbfaf6;border:1px solid #1818181a;border-radius:1.1em;grid-template-rows:auto 1fr;width:82%;height:80%;display:grid;overflow:hidden;box-shadow:0 30px 70px -30px #18181861}.article-page .bl-top{border-bottom:1px solid #18181814;align-items:center;gap:.6em;padding:.7em .9em;display:flex}.article-page .bl-pill{font-family:var(--mono);letter-spacing:.03em;white-space:nowrap;background:#1818180d;border-radius:.6em;align-items:center;gap:.45em;padding:.4em .7em;font-size:.6em;display:inline-flex}.article-page .bl-pill .car{opacity:.4}.article-page .bl-build{background:var(--gx);color:#f4f1e9}.article-page .bl-build i{background:#f4f1e9;border-radius:50%;width:.5em;height:.5em;display:inline-block}.article-page .bl-spring{flex:1}.article-page .bl-ico{background:#1818180f;border-radius:.42em;flex:none;width:1.55em;height:1.55em}.article-page .bl-pub{background:var(--gx);color:#f4f1e9;white-space:nowrap;border-radius:.55em;padding:.42em .8em;font-size:.62em;font-weight:600}.article-page .bl-av{border:.12em solid #fbfaf6;border-radius:50%;width:1.5em;height:1.5em;margin-left:-.5em}.article-page .bl-av:first-of-type{margin-left:0}.article-page .bl-body{grid-template-columns:12.5em 1fr;min-height:0;display:grid}.article-page .bl-side{border-right:1px solid #18181814;grid-template-rows:auto 1fr auto;min-height:0;display:grid}.article-page .bl-tabs{gap:.3em;padding:.7em .7em .4em;display:flex}.article-page .bl-tab{text-align:center;font-family:var(--mono);letter-spacing:.04em;color:#18181880;border-radius:.5em;flex:1;padding:.4em 0;font-size:.54em}.article-page .bl-tab.on{color:#181818;background:#1818180f}.article-page .bl-groups{flex-direction:column;gap:.55em;padding:.2em .8em;display:flex;overflow:hidden}.article-page .bl-grp{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.4;margin-top:.35em;font-size:.5em}.article-page .bl-chips{flex-wrap:wrap;gap:.35em;display:flex}.article-page .bl-chip{background:#1818180d;border-radius:.45em;padding:.32em .55em;font-size:.56em}.article-page .bl-new{border:1px dashed var(--gx);color:var(--gx);text-align:center;font-family:var(--mono);letter-spacing:.04em;border-radius:.6em;margin:.6em .8em .8em;padding:.55em;font-size:.56em}.article-page .bl-canvas{flex-direction:column;gap:.85em;min-height:0;padding:1.1em 1.3em;display:flex}.article-page .bl-blk{background:#fff;border:1px solid #18181814;border-radius:.7em;flex-direction:column;gap:.5em;padding:.75em .9em;display:flex}.article-page .bl-blk.foc{border-color:var(--gx);box-shadow:0 0 0 .16em color-mix(in srgb, var(--gx) 18%, transparent)}.article-page .sx{place-items:center;display:grid;position:absolute;inset:0}.article-page .sx:before{content:"";background:#18181812;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#0000 30%,#000 90%);mask-image:radial-gradient(70% 60% at 50% 45%,#0000 30%,#000 90%)}.article-page .sx-modal{background:#fbfaf6;border:1px solid #1818181a;border-radius:1em;width:min(70%,30em);position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #18181880}.article-page .sx-bar{border-bottom:1px solid #18181814;align-items:center;gap:.7em;padding:.95em 1.1em;display:flex}.article-page .sx-mag{border:.14em solid #18181866;border-radius:50%;flex:none;width:1.15em;height:1.15em;position:relative}.article-page .sx-mag:after{content:"";background:#18181866;border-radius:.1em;width:.42em;height:.14em;position:absolute;bottom:-.28em;right:-.32em;transform:rotate(45deg)}.article-page .sx-q{font-size:.82em;font-weight:600}.article-page .sx-q:after{content:"";background:var(--gx);vertical-align:-.18em;width:.08em;height:1.05em;margin-left:.12em;animation:1s step-end infinite sxcaret;display:inline-block}@keyframes sxcaret{50%{opacity:0}}.article-page .sx-kbd{font-family:var(--mono);background:#18181812;border-radius:.4em;margin-left:auto;padding:.3em .5em;font-size:.6em}.article-page .sx-res{flex-direction:column;gap:.15em;padding:.55em .6em .7em;display:flex}.article-page .sx-grp{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.4;padding:.55em .55em .25em;font-size:.52em}.article-page .sx-row{border-radius:.55em;align-items:center;gap:.7em;padding:.5em .6em;display:flex}.article-page .sx-row.on{background:color-mix(in srgb, var(--gx) 14%, transparent)}.article-page .sx-rico{background:#1818180f;border-radius:.42em;flex:none;width:1.5em;height:1.5em}.article-page .sx-row.on .sx-rico{background:var(--gx)}.article-page .sx-rtx{flex:1;min-width:0}.article-page .sx-hi{background:color-mix(in srgb, var(--gx) 30%, transparent);border-radius:.2em;padding:0 .1em}.article-page .sx-foot{font-family:var(--mono);opacity:.5;border-top:1px solid #18181814;gap:1.1em;padding:.65em 1.1em;font-size:.56em;display:flex}.article-page .sx-foot b{color:var(--gx)}.article-page .qd{place-items:center;display:grid;position:absolute;inset:0}.article-page .qd-win{grid-template-columns:11em 1fr;gap:.9em;width:84%;height:82%;display:grid}.article-page .qd-side{background:#fbfaf6;border:1px solid #1818181a;border-radius:1em;flex-direction:column;gap:.28em;padding:.85em .7em;display:flex;overflow:hidden;box-shadow:0 18px 44px -24px #1818184d}.article-page .qd-srow{color:#18181899;border-radius:.5em;justify-content:space-between;align-items:center;gap:.5em;padding:.5em .6em;font-size:.6em;display:flex}.article-page .qd-srow.on{background:color-mix(in srgb, var(--gx) 13%, transparent);color:#181818;font-weight:600}.article-page .qd-cnt{font-family:var(--mono);opacity:.55;font-size:.85em}.article-page .qd-srow.on .qd-cnt{color:var(--gx);opacity:1}.article-page .qd-main{background:#fbfaf6;border:1px solid #1818181a;border-radius:1em;flex-direction:column;gap:.8em;padding:1.1em 1.2em;display:flex;overflow:hidden;box-shadow:0 18px 44px -24px #1818184d}.article-page .qd-head{justify-content:space-between;align-items:flex-start;gap:.8em;display:flex}.article-page .qd-keys{flex:none;gap:.35em;display:flex}.article-page .qd-key{font-family:var(--mono);background:#1818180f;border-radius:.42em;padding:.35em .5em;font-size:.58em}.article-page .qd-bars{flex-direction:column;gap:.5em;padding:.3em 0 .2em;display:flex}.article-page .qd-bar{align-items:center;gap:.7em;display:flex}.article-page .qd-blab{opacity:.6;flex:none;width:5em;font-size:.58em}.article-page .qd-btrack{background:#1818180f;border-radius:.5em;flex:1;height:.85em;overflow:hidden}.article-page .qd-bfill{background:var(--gx);border-radius:.5em;height:100%}.article-page .qd-bval{font-family:var(--mono);color:var(--gx);text-align:right;flex:none;width:2.4em;font-size:.56em}.article-page .qd-ans{border-top:1px solid #18181814;flex-direction:column;gap:.55em;margin-top:.1em;padding-top:.7em;display:flex}.article-page .qd-arow{flex-direction:column;gap:.4em;display:flex}.article-page .mb{place-items:center;display:grid;position:absolute;inset:0}.article-page .mb-phone{aspect-ratio:51/104;background:#181818;border-radius:2.4em;height:86%;padding:.5em;position:relative;box-shadow:0 40px 80px -28px #1818188c}.article-page .mb-scr{background:#f0eee6;border-radius:2em;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.article-page .mb-notch{z-index:3;background:#181818;border-radius:1em;width:26%;height:.85em;position:absolute;top:.55em;left:50%;transform:translate(-50%)}.article-page .mb-top{border-bottom:1px solid #18181814;align-items:center;gap:.55em;padding:1.5em .95em .7em;display:flex}.article-page .mb-mk{background:var(--gx);border-radius:.42em;flex:none;width:1.4em;height:1.4em}.article-page .mb-pick{background:#1818180f;border-radius:.55em;flex:1;height:1.5em}.article-page .mb-cir{background:#18181812;border-radius:50%;flex:none;width:1.5em;height:1.5em}.article-page .mb-cir.av{background:var(--gx)}.article-page .mb-content{flex-direction:column;flex:1;gap:.75em;padding:.85em;display:flex;overflow:hidden}.article-page .mb-prev{background:#fbfaf6;border:1px solid #18181814;border-radius:.85em;padding:.8em .85em;box-shadow:0 12px 28px -18px #18181840}.article-page .mb-mini{align-items:flex-end;gap:.35em;height:3em;margin-top:.7em;display:flex}.article-page .mb-mini i{background:var(--gx);opacity:.85;border-radius:.25em .25em 0 0;flex:1}.article-page .mb-filters{gap:.4em;display:flex}.article-page .mb-f{font-family:var(--mono);background:#1818180f;border-radius:99px;padding:.35em .65em;font-size:.54em}.article-page .mb-f.on{color:#f0eee6;background:#181818}.article-page .mb-forms{flex-direction:column;gap:.5em;display:flex}.article-page .mb-frow{background:#fbfaf6;border:1px solid #18181814;border-radius:.7em;align-items:center;gap:.6em;padding:.65em .75em;display:flex}.article-page .mb-dot{background:#5fae6e;border-radius:50%;flex:none;width:.6em;height:.6em}.article-page .mb-dot.draft{background:#18181840}.article-page .ds{place-items:center;display:grid;position:absolute;inset:0}.article-page .ds-canvas{width:78%;height:80%;position:relative}.article-page .ds-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:1em;display:grid;position:absolute;inset:0}.article-page .ds-blk{transition:box-shadow .3s var(--ease);background:#fbfaf6;border:1px solid #1818181a;border-radius:.8em;flex-direction:column;gap:.6em;padding:.85em 1em;display:flex;box-shadow:0 14px 34px -22px #18181847}.article-page .ds-blk.sel{border-color:var(--gx);box-shadow:0 0 0 .16em color-mix(in srgb, var(--gx) 22%, transparent), 0 14px 34px -22px #18181847}.article-page .ds-marquee{border:.14em solid var(--gx);background:color-mix(in srgb, var(--gx) 9%, transparent);width:64%;height:58%;animation:dsbreathe 4s var(--ease) infinite;border-radius:.4em;position:absolute;top:30%;left:-3%}@keyframes dsbreathe{0%,to{transform:translate(0)}50%{transform:translate(.5%,-1%)}}.article-page .ds-cur{color:var(--gx);filter:drop-shadow(0 2px 3px #18181840);position:absolute;bottom:9%;right:33%}.article-page .ds-cur svg{width:1.5em;height:1.5em;display:block}.article-page .ds-tool{color:#f4f1e9;white-space:nowrap;background:#181818;border-radius:.7em;align-items:center;gap:.55em;padding:.5em .7em;display:flex;position:absolute;top:24%;left:50%;transform:translate(-50%);box-shadow:0 18px 40px -16px #18181880}.article-page .ds-tool b{font-family:var(--mono);letter-spacing:.03em;font-size:.58em}.article-page .ds-tdiv{background:#f4f1e940;width:1px;height:1.1em}.article-page .ds-tico{background:#f4f1e924;border-radius:.35em;width:1.3em;height:1.3em}.article-page .vh{grid-template-columns:1fr 1fr;align-items:center;gap:1.1em;padding:0 6%;display:grid;position:absolute;inset:0}.article-page .vh-panel{background:#fbfaf6;border:1px solid #1818181a;border-radius:1em;padding:1.05em 1.15em;box-shadow:0 22px 50px -26px #18181857}.article-page .vh-h{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;opacity:.45;margin-bottom:.9em;font-size:.58em}.article-page .vh-time{flex-direction:column;gap:.85em;padding-left:1.1em;display:flex;position:relative}.article-page .vh-time:before{content:"";background:#1818181f;width:.1em;position:absolute;top:.3em;bottom:.3em;left:.32em}.article-page .vh-snap{flex-direction:column;gap:.42em;display:flex;position:relative}.article-page .vh-snap:before{content:"";background:#fbfaf6;border:.13em solid #18181840;border-radius:50%;width:.55em;height:.55em;position:absolute;top:.15em;left:-.95em}.article-page .vh-snap.on:before{background:var(--gx);border-color:var(--gx)}.article-page .vh-meta{font-family:var(--mono);opacity:.5;font-size:.54em}.article-page .vh-restore{background:var(--gx);color:#f4f1e9;border-radius:.5em;align-self:flex-start;margin-top:.15em;padding:.35em .7em;font-size:.58em;font-weight:600}.article-page .vh-sw{grid-template-columns:repeat(5,1fr);gap:.5em;margin:.3em 0 1em;display:grid}.article-page .vh-swatch{aspect-ratio:1;border:1px solid #18181814;border-radius:.55em}.article-page .vh-swlab{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:.45;text-align:center;margin-top:.35em;font-size:.45em}.article-page .vh-share{font-family:var(--mono);border:1px solid #18181829;border-radius:99px;align-items:center;gap:.45em;padding:.42em .7em;font-size:.56em;display:inline-flex}.article-page .vh-share i{background:var(--gx);border-radius:50%;width:.55em;height:.55em}.article-page .vs{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;display:grid;position:absolute;inset:0}.article-page .vs-pane{flex-direction:column;gap:.8em;min-width:0;padding:9% 7%;display:flex;position:relative}.article-page .vs-pane.a{background:#18181809}.article-page .vs-pane.b{background:color-mix(in srgb, var(--gx) 9%, transparent)}.article-page .vs-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.55;font-size:.58em}.article-page .vs-pane.b .vs-tag{color:var(--gx);opacity:1}.article-page .vs-list{flex-direction:column;gap:.6em;display:flex}.article-page .vs-li{background:#fbfaf6;border:1px solid #18181817;border-radius:.55em;flex-direction:column;gap:.45em;padding:.65em .8em;display:flex}.article-page .vs-canvas{flex-direction:column;flex:1;gap:.6em;display:flex;position:relative}.article-page .vs-brand{background:var(--gx);color:#f4f1e9;font-family:var(--mono);border-radius:99px;align-self:flex-start;align-items:center;gap:.45em;padding:.35em .6em;font-size:.54em;display:inline-flex}.article-page .vs-brand i{background:#f4f1e9;border-radius:.18em;width:.65em;height:.65em}.article-page .vs-blk{border:1px solid color-mix(in srgb, var(--gx) 30%, #18181817);background:#fbfaf6;border-radius:.65em;flex-direction:column;gap:.45em;padding:.65em .8em;display:flex}.article-page .vs-cur{color:var(--gx);filter:drop-shadow(0 2px 3px #18181840);position:absolute;bottom:6%;right:8%}.article-page .vs-cur svg{width:1.45em;height:1.45em;display:block}.article-page .vs-badge{z-index:4;color:#f4f1e9;width:3.1em;height:3.1em;font-family:var(--mono);letter-spacing:.04em;background:#181818;border:.2em solid #f0eee6;border-radius:50%;place-items:center;font-size:.8em;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 44px -16px #18181880}@media (max-width:640px){.article-page .bl-side{display:none}.article-page .bl-body{grid-template-columns:1fr}.article-page .qd-side{display:none}.article-page .qd-win{grid-template-columns:1fr}.article-page .ds-tool b span{display:none}}@media (max-width:720px){.article-page .vh{grid-template-columns:1fr}.article-page .vh-panel:last-child{display:none}}@media (prefers-reduced-motion:reduce){.article-page .ds-marquee{animation:none}}