.article{max-width:1080px;margin:0 auto}.article-breadcrumb,.article-header{max-width:720px}.article h1{font-family:var(--font-display),var(--font-body),system-ui,sans-serif;color:var(--text);margin:0 0 16px;font-size:clamp(2.7rem,4.5vw,3.15rem);line-height:1.08}.article-header{margin-bottom:2.2rem}.article-hero{border:1px solid var(--line-soft);aspect-ratio:16/9;border-radius:22px;margin-bottom:1rem;position:relative;overflow:hidden}.article-hero-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%;display:block;position:absolute;inset:0}.article-hero-scrim{pointer-events:none;background:linear-gradient(#060a120d 0%,#060a1229 56%,#060a1257 100%);position:absolute;inset:0}.article-hero-content{z-index:1;align-content:end;justify-items:start;gap:.75rem;padding:clamp(20px,4vw,40px);display:grid;position:absolute;inset:0}.article-hero .article-breadcrumb,.article-hero .article-header{max-width:min(720px,100%);margin:0}.article-hero .article-breadcrumb{color:#e2e8f0cc}.article-hero .article-breadcrumb a{color:#e2e8f0eb}.article-hero .article-breadcrumb .text-ink{color:#f8fafcfa}.article-hero .article-meta{color:#e2e8f0e0}.article-hero .section-title{color:#f8fafcfa}.article-hero-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a1247;border:1px solid #ffffff29;border-radius:14px;gap:4px;max-width:min(82%,520px);padding:10px 14px;display:grid;box-shadow:0 8px 26px #0206172e}.article-hero-overlay-title,.article-hero-overlay-subtitle{font-family:var(--font-display),var(--font-body),system-ui,sans-serif;color:#f8fafcfa;letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.08}.article-hero-overlay-title{font-size:clamp(1.05rem,1.4vw + .75rem,1.55rem);font-weight:700}.article-hero-overlay-subtitle{color:#e2e8f0f0;letter-spacing:.01em;font-size:clamp(.88rem,.8vw + .7rem,1rem);font-weight:600}.article-meta{color:var(--muted);letter-spacing:.01em;opacity:.92;margin:0;font-size:.92rem}.article-content{color:var(--text);font-size:1rem;line-height:1.8}.article-content-layout{grid-template-columns:minmax(0,720px) minmax(220px,1fr);align-items:start;gap:46px;display:grid}.article-progress-bar{left:0;right:0;bottom:env(safe-area-inset-bottom,0px);background:var(--line-strong);pointer-events:none;z-index:90;height:2px;position:fixed}.article-progress-bar-fill{transform-origin:0;background:linear-gradient(90deg,var(--accent),var(--accent-strong));width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 10px #60a5fa59}.glass-frost-button{border:1px solid var(--fab-glass-border);background:var(--fab-glass-bg);color:var(--text);box-shadow:var(--fab-glass-shadow);-webkit-backdrop-filter:blur(26px)saturate(190%);justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex}.glass-frost-button:hover{border-color:var(--accent-border);background:var(--fab-glass-bg-hover)}.glass-frost-button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.article-back-to-top{opacity:0;pointer-events:none;z-index:61;border-radius:50%;width:42px;height:42px;padding:0;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);position:fixed;bottom:16px;right:clamp(14px,2.8vw,28px);transform:translateY(8px)}.article-back-to-top svg{stroke-width:2.4px;width:18px;height:18px}.article-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.article-image-lightbox{z-index:90;-webkit-backdrop-filter:blur(10px);background:#020617b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.article-image-lightbox-panel{place-items:center;width:min(100%,1100px);max-height:min(100vh - 40px,900px);display:grid;position:relative}.article-image-lightbox-media{background:#02061740;border:1px solid #94a3b82e;border-radius:16px;max-width:100%;max-height:min(100vh - 72px,860px);display:block;box-shadow:0 24px 56px #0206178c}.article-image-lightbox-close{top:max(12px,env(safe-area-inset-top,0px) + 6px);right:max(12px,env(safe-area-inset-right,0px) + 6px);z-index:91;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;min-height:38px;padding:0;font-size:1.2rem;line-height:1;display:inline-flex;position:absolute}.article-content-main{min-width:0}.article-series-nav{border-top:1px solid var(--line-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px;margin-top:2.8rem;padding-top:1.2rem;display:grid}.article-share{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin-top:2.2rem;padding-top:1rem;display:flex}.article-share-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem}.article-share-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.article-share-link{border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:7px 12px;font-size:.84rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.article-share-link svg{flex:none;width:15px;height:15px}.article-series-btn{border-radius:999px;width:fit-content;min-height:34px;padding:7px 12px;font-size:.84rem;font-weight:500;line-height:1}.article-series-btn-prev{justify-self:start}.article-series-btn-next{justify-self:end}.article-series-btn-placeholder{display:block}.article-stepper{border-left:1px solid var(--line-soft);align-self:start;padding-left:16px;position:sticky;top:108px}.article-stepper.is-hidden{display:none}.article-stepper-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;opacity:.78;margin:0 0 .8rem;font-size:.72rem}.article-stepper-list{gap:.25rem;margin:0;padding:0;display:grid;list-style:none!important}.article-stepper-list li{margin:0;padding:0;list-style:none!important}.article-stepper-link{width:100%;color:var(--muted);text-align:left;cursor:pointer;opacity:.84;background:0 0;border:0;border-radius:10px;padding:.54rem .45rem .6rem .18rem;text-decoration:none;transition:color .2s,opacity .2s,background-color .2s;display:block;position:relative}.article-stepper-link:hover{color:var(--text);opacity:1}.article-stepper-link.active{color:var(--text);opacity:1;background:#60a5fa1f;font-weight:600}.article-stepper-link.active:before{content:"";background:var(--accent);border-radius:999px;width:2px;position:absolute;top:.38rem;bottom:.38rem;left:-16px}.article-content h2{font-family:var(--font-display),var(--font-body),system-ui,sans-serif;border-bottom:1px solid var(--line-soft);color:rgb(var(--fg)/.98);letter-spacing:-.01em;margin-top:4rem;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.68rem;font-weight:700;line-height:1.22;display:block}.article-content h2:first-of-type{margin-top:3rem}.article-content h3{font-family:var(--font-display),var(--font-body),system-ui,sans-serif;color:color-mix(in srgb,var(--text)96%,white 4%);letter-spacing:-.005em;margin-top:2.4rem;margin-bottom:.9rem;font-size:1.22rem;font-weight:650;line-height:1.3}.article-content .article-block-reveal{opacity:0;transition:opacity .36s,transform .42s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);will-change:opacity,transform;transform:translateY(10px)}.article-content .article-block-reveal.is-visible{opacity:1;transform:translateY(0)}.article-content .article-intro-anchor{opacity:0;pointer-events:none;border:0;height:1px;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}.article-content p{color:var(--muted);opacity:.92;margin:0 0 1.1rem}.article-content a{color:color-mix(in srgb,var(--accent-strong)82%,var(--text)18%);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:.08em;-webkit-text-decoration-color:color-mix(in srgb,var(--accent)60%,transparent);text-decoration-color:color-mix(in srgb,var(--accent)60%,transparent);transition:color .14s,text-decoration-color .14s}.article-content a:hover{color:var(--accent-strong);-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border)}.article-content a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-border)72%,transparent);outline-offset:2px;border-radius:4px}.article-content p:last-child{margin-bottom:0}.article-content ul{color:var(--muted);margin:0 0 1.15rem;padding-left:20px;list-style:outside}.article-content li{opacity:.92;margin:.42rem 0;line-height:1.75}.article-content hr{border:0;border-top:1px solid var(--line-soft);margin:2.3rem 0}.article-content img{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:16px;max-width:min(100%,680px);margin:1.7rem auto .75rem;padding:10px;display:block;box-shadow:0 14px 32px #0f172a29}.article-content video{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:16px;width:min(100%,680px);margin:1.7rem auto .75rem;display:block;box-shadow:0 14px 32px #0f172a29}.article-content a>img{cursor:zoom-in;text-decoration:none}.article-content .mermaid{text-align:center;border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:16px;max-width:min(100%,700px);margin:1.8rem auto .9rem;padding:14px;overflow-x:auto;box-shadow:0 16px 34px #0f172a29}.article-content .mermaid svg{max-width:100%;height:auto;margin:0 auto;display:block}.article-content p>em:only-child{text-align:center;color:var(--muted);letter-spacing:.01em;opacity:.8;font-size:.82rem;display:block}.article-content blockquote{border:1px solid var(--line-soft);border-left:2px solid var(--accent-border);background:var(--surface-soft);border-radius:12px;margin:1.65rem 0 2.35rem;padding:1.05rem 1.2rem}.article-content h2+blockquote{border-left:3px solid var(--accent-border);background:var(--surface);box-shadow:var(--shadow-soft);padding:1.3rem 1.35rem;line-height:1.84}.article-content blockquote p{color:var(--muted);opacity:.94;margin:0 0 .75rem}.article-content blockquote p strong{color:var(--text);font-weight:600}.article-content blockquote ul{margin:0 0 .35rem;padding-left:1.1rem;list-style:outside}.article-content blockquote li{margin:.4rem 0}.article-content blockquote>:last-child{margin-bottom:0}.article-content code{background:var(--code-bg);color:var(--accent-strong);border-radius:6px;padding:2px 6px}.article-content pre{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft)88%,transparent),var(--surface-soft));border:1px solid var(--line-soft);box-shadow:var(--shadow-soft);border-radius:14px;margin:0 0 1.25rem;overflow:hidden}.article-content pre code{color:var(--text);white-space:pre;background:0 0;border-radius:0;margin:0;padding:12px 16px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.65;display:block;overflow-x:auto}.article-code-toolbar{border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface)78%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.article-code-language{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-size:.68rem}.article-code-copy{border-radius:999px;min-height:30px;padding:5px 10px;font-size:.74rem;line-height:1;text-decoration:none}.article-code-copy.is-copied{color:var(--text);border-color:var(--accent-border)}.article-code-copy.is-error{color:var(--warning)}.article-content pre code .code-token-comment{color:var(--muted);opacity:.9;font-style:italic}.article-content pre code .code-token-keyword{color:var(--accent-strong);font-weight:600}.article-content pre code .code-token-string{color:var(--success)}.article-content pre code .code-token-number{color:var(--accent-warm)}.article-content pre code .code-token-variable{color:var(--accent)}.article-content pre code .code-token-property{color:var(--text);font-weight:600}.article-content pre code .code-token-punctuation{color:var(--muted);opacity:.9}
@media (max-width:900px){.article{max-width:720px}.article-breadcrumb,.article-header{max-width:100%}.article-content-layout{display:block}.article-stepper{display:none}}@media (max-width:600px){.article-progress-bar{bottom:calc(env(safe-area-inset-bottom,0px) + 2px);height:4px}.article-back-to-top{right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);width:40px;height:40px}.article-image-lightbox{padding:12px}.article-image-lightbox-media{border-radius:12px;max-height:calc(100vh - 56px)}.article-image-lightbox-close{top:max(10px,env(safe-area-inset-top,0px) + 4px);right:max(10px,env(safe-area-inset-right,0px) + 4px);width:36px;height:36px;min-height:36px}.article{padding-inline:18px}.article h1{font-size:clamp(2.15rem,8vw,2.55rem)}.article-hero{border-radius:16px;margin-bottom:.85rem}.article-hero-content{gap:.6rem;padding:14px}.article-hero-overlay{background:#060a1242;border-radius:12px;gap:3px;max-width:min(88%,320px);padding:9px 12px}.article-hero-overlay-title{font-size:1rem;line-height:1.1}.article-hero-overlay-subtitle{font-size:.82rem;line-height:1.14}.article-content h2{color:rgb(var(--fg)/1);margin-top:3.2rem;margin-bottom:1rem;font-size:1.5rem}.article-content h3{color:color-mix(in srgb,var(--text)98%,white 2%);margin-top:2rem;margin-bottom:.7rem;font-size:1.12rem}.article-series-nav{grid-template-columns:1fr;margin-top:2.2rem}.article-share{flex-direction:column;align-items:flex-start;gap:10px}.article-share-actions{justify-content:flex-start}.article-series-btn-prev,.article-series-btn-next{justify-self:start}.article-series-btn-placeholder{display:none}}