.article-related-section{position:relative;isolation:isolate;border-radius:1.85rem;border:1px solid color-mix(in oklab,var(--white) 12%,transparent);background:radial-gradient(140% 120% at 0% 0%,color-mix(in oklab,var(--accent-blog) 16%,transparent),transparent 58%),linear-gradient(180deg,#070b18eb,#050914f5);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:clamp(1.75rem,2vw + 1.1rem,3rem);box-shadow:0 32px 120px -70px #0f172ae6,inset 0 1px #ffffff0d;overflow:hidden}.article-related-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 90% at 100% 0%,rgba(96,165,250,.12),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%);opacity:.9}.article-related-header{position:relative;z-index:1;margin-bottom:clamp(1.3rem,1.5vw,1.75rem)}.article-related-title{margin:0;color:color-mix(in oklab,var(--white) 96%,transparent);font-size:clamp(1.35rem,1.12rem + .9vw,1.95rem);font-weight:700;letter-spacing:-.02em;text-wrap:balance}.article-related-list{position:relative;z-index:1;display:grid;gap:clamp(1rem,1.3vw,1.5rem);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.article-related-list--series{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}.article-related-card{position:relative;min-height:clamp(15rem,22vw,18rem);border-radius:1.45rem;border:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at top right,rgba(96,165,250,.12),transparent 34%),linear-gradient(180deg,#0a101ef0,#070c17fa);transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease;box-shadow:0 22px 44px -34px #020617d1;overflow:hidden}.article-related-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%);opacity:.75}.article-related-card--primary{border-color:color-mix(in oklab,var(--accent-blog) 28%,rgba(148,163,184,.16));background:radial-gradient(circle at top right,rgba(96,165,250,.2),transparent 38%),linear-gradient(180deg,#0b1426f7,#080f1dfc);box-shadow:0 28px 56px -36px #030712e0,0 0 0 1px #60a5fa14}.article-related-card--secondary{background:radial-gradient(circle at top right,rgba(96,165,250,.08),transparent 30%),linear-gradient(180deg,#090f1beb,#060a15f7)}.article-related-link{position:relative;z-index:1;display:flex;height:100%;padding:clamp(1.2rem,1.1rem + .9vw,1.8rem);text-decoration:none;color:inherit;outline:none}.article-related-card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--accent-blog) 34%,transparent);box-shadow:0 30px 54px -36px #030712e6,0 0 0 1px #60a5fa1a}.article-related-link:focus-visible{border-radius:inherit;box-shadow:inset 0 0 0 1px #bfdbfe85,0 0 0 3px #60a5fa38}.article-related-body{display:flex;min-width:0;flex:1;flex-direction:column;gap:1rem}.article-related-copy{display:grid;flex:1;gap:.7rem}.article-related-heading{margin:0;font-size:clamp(1.08rem,.96rem + .55vw,1.35rem);font-weight:600;line-height:1.3;color:color-mix(in oklab,var(--white) 96%,transparent);text-wrap:balance}.article-related-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;border-radius:999px;background:#2563eb24;border:1px solid rgba(96,165,250,.24);color:color-mix(in oklab,var(--accent-blog) 80%,white 18%);font-weight:600}.article-related-chip:before{content:"";width:.35rem;height:.35rem;border-radius:999px;background:currentColor;opacity:.75}.article-related-excerpt{margin:0;font-size:.94rem;line-height:1.68;color:color-mix(in oklab,var(--white) 76%,transparent);text-wrap:pretty}.article-related-meta-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.65rem 1rem;min-width:0}.article-related-meta-group{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:.5rem .85rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab,var(--white) 58%,transparent)}.article-related-kicker{display:inline-flex;align-items:center;color:color-mix(in oklab,var(--white) 60%,transparent);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.article-related-date{font-weight:600;color:color-mix(in oklab,var(--white) 68%,transparent)}.article-related-footer{display:inline-flex;align-items:center;gap:.55rem;color:color-mix(in oklab,var(--white) 88%,transparent);font-size:.85rem;font-weight:600;letter-spacing:.04em}.article-related-cta{color:inherit}.article-related-arrow{display:inline-flex;transition:transform .18s ease,opacity .18s ease;opacity:.72}.article-related-card:hover .article-related-arrow,.article-related-link:focus-visible .article-related-arrow{transform:translate(3px);opacity:1}@media(max-width:720px){.article-related-section{border-radius:1.55rem;padding:1.35rem}.article-related-list,.article-related-list--series{grid-template-columns:1fr}.article-related-card{min-height:0}.article-related-link{padding:1.15rem}.article-related-meta-row{align-items:flex-start}.article-related-kicker{white-space:normal}}.toc-root{display:block;width:100%}.toc-root .toc-card{border-radius:1.45rem;border:1px solid rgba(148,163,184,.18);background:radial-gradient(140% 120% at 12% 0%,color-mix(in oklab,var(--accent-blog) 12%,transparent),transparent 58%),linear-gradient(180deg,#0c1323f0,#080d19fa);overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 26px 48px -42px #030712eb}.toc-root .toc-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem .95rem;cursor:pointer;list-style:none;color:color-mix(in oklab,var(--white) 88%,transparent)}.toc-root .toc-summary::-webkit-details-marker{display:none}.toc-root .toc-summary::marker{content:""}.toc-root .toc-summary__content{display:grid;min-width:0;gap:.6rem}.toc-root .toc-summary__eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:.55rem;font-size:.66rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:color-mix(in oklab,var(--white) 58%,transparent)}.toc-root .toc-summary__icon{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:999px;border:1px solid rgba(96,165,250,.24);background:#2563eb1f;color:color-mix(in oklab,var(--accent-blog) 82%,white 16%)}.toc-root .toc-summary__title-row{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:.55rem .7rem}.toc-root .toc-summary__label{min-width:0;font-size:1.02rem;font-weight:650;letter-spacing:-.02em;text-wrap:balance}.toc-root .toc-summary__count{display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:.26rem .58rem;border-radius:999px;border:1px solid rgba(96,165,250,.2);background:#2563eb1a;font-size:.7rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--accent-blog) 72%,var(--white) 24%)}.toc-root .toc-summary__action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:999px;border:1px solid rgba(96,165,250,.18);background:#2563eb14;color:color-mix(in oklab,var(--white) 62%,transparent)}.toc-root .toc-summary__chevron{width:.95rem;height:.95rem;transition:transform .22s ease,color .22s ease}.toc-root .toc-summary:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #60a5fa70,0 0 0 3px #60a5fa1f}.toc-root .toc-card[open] .toc-summary__chevron{transform:rotate(180deg);color:color-mix(in oklab,var(--accent-blog) 70%,white 18%)}.toc-root .toc-panel{padding:0 1rem 1rem}.toc-root .toc-list{margin:0;padding:.95rem 0 0;border-top:1px solid rgba(148,163,184,.14);display:grid;gap:.38rem;list-style:none}.toc-root .toc-row{display:block;position:relative}.toc-root .toc-row--sub{margin-left:.85rem;padding-left:.95rem}.toc-root .toc-row--sub:before{content:"";position:absolute;left:.18rem;top:.52rem;bottom:.52rem;width:1px;background:linear-gradient(180deg,#60a5fa47,#60a5fa0a)}.toc-root .toc-link{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.72rem;padding:.72rem .8rem;border:1px solid transparent;border-radius:1rem;background:transparent;color:color-mix(in oklab,var(--white) 88%,transparent);font-size:.92rem;line-height:1.45;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.toc-root .toc-link:hover{color:color-mix(in oklab,var(--accent-blog) 72%,var(--white) 28%);border-color:#60a5fa2e;background:#2563eb14;transform:translate(3px)}.toc-root .toc-link:focus-visible{outline:none;border-color:#60a5fa52;background:#2563eb1a;box-shadow:0 0 0 3px #60a5fa1f}.toc-root .toc-link[aria-current=location]{border-color:#60a5fa47;background:linear-gradient(90deg,#2563eb29,#2563eb0a),#2563eb14;box-shadow:inset 0 1px #ffffff08;color:color-mix(in oklab,var(--white) 94%,var(--accent-blog) 22%)}.toc-root .toc-link--sub{font-size:.84rem;color:color-mix(in oklab,var(--white) 70%,transparent)}.toc-root .toc-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:999px;margin-top:.16rem;background:#60a5fa1f;color:color-mix(in oklab,var(--accent-blog) 70%,var(--white) 20%)}.toc-root .toc-link[aria-current=location] .toc-icon{background:#60a5fa33;color:color-mix(in oklab,var(--white) 96%,var(--accent-blog) 18%)}.toc-root .toc-link__text{min-width:0;text-wrap:pretty}.toc-root .toc-icon svg{display:block}@media(max-width:720px){.toc-root .toc-card{border-radius:1.24rem}.toc-root .toc-summary{gap:.8rem;padding:.92rem .92rem .82rem}.toc-root .toc-summary__content{gap:.5rem}.toc-root .toc-summary__eyebrow{font-size:.62rem;letter-spacing:.24em}.toc-root .toc-summary__icon{width:1.55rem;height:1.55rem}.toc-root .toc-summary__label{font-size:.95rem}.toc-root .toc-summary__count{font-size:.64rem;padding:.22rem .48rem}.toc-root .toc-summary__action{width:1.85rem;height:1.85rem;margin-top:.04rem}.toc-root .toc-panel{padding:0 .92rem .92rem}.toc-root .toc-list{padding-top:.82rem}.toc-root .toc-link{gap:.64rem;padding:.62rem .7rem;font-size:.86rem;line-height:1.38}.toc-root .toc-link--sub{font-size:.79rem}.toc-root .toc-row--sub{margin-left:.65rem;padding-left:.76rem}}@media(prefers-reduced-motion:reduce){.toc-root .toc-summary__chevron,.toc-root .toc-link{transition:none!important}}.article-container{position:relative;margin:0 auto;max-width:min(74rem,100%);padding:clamp(1.5rem,2vw + .65rem,3rem) 0}.article-surface{position:relative;overflow:hidden;border-radius:1.9rem;border:1px solid color-mix(in oklab,var(--white) 10%,transparent);background:radial-gradient(150% 150% at 12% 0%,color-mix(in oklab,var(--accent-blog) 18%,transparent),transparent 58%),linear-gradient(180deg,#080d1beb,#050914f5);box-shadow:0 30px 80px -64px #040a18eb;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);isolation:isolate}.article-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 140% at 80% 12%,rgba(126,165,255,.12),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%);opacity:.9}.article-back{margin-bottom:clamp(1.4rem,1.8vw,2rem)}.article-back__link{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem 0;color:color-mix(in oklab,var(--white) 82%,transparent);font-size:.86rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--accent-blog) 24%,transparent);transition:color .18s ease,border-color .18s ease,transform .18s ease}.article-back__link:hover{transform:translate(-2px);color:color-mix(in oklab,var(--accent-blog) 80%,var(--white) 30%);border-color:color-mix(in oklab,var(--accent-blog) 50%,transparent)}.article-back__icon{font-size:1rem}.article-hero{position:relative;isolation:isolate;display:flex;min-height:clamp(25rem,52vw,42rem);align-items:flex-end;overflow:hidden;padding:clamp(1.5rem,1rem + 1.8vw,2.5rem)}.article-hero__background{position:absolute;inset:0}.article-hero__background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030712d6,#0307129e 46%,#0307123d 76%,#0307121a),linear-gradient(180deg,#0408120d,#04081229 42%,#040812b3);pointer-events:none}.article-hero__overlay{position:relative;z-index:1;display:flex;width:min(100%,48rem);min-width:0;flex-direction:column;justify-content:flex-end;gap:1.15rem}.article-hero__badge{display:inline-flex;width:fit-content;align-items:center;gap:.6rem;padding:.52rem 1rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--white) 14%,transparent);background:color-mix(in oklab,var(--white) 5%,transparent);color:color-mix(in oklab,var(--white) 78%,transparent);font-size:.72rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase}.article-hero__badge-dot{width:.62rem;height:.62rem;border-radius:999px;background:color-mix(in oklab,var(--accent-blog) 84%,transparent);box-shadow:0 0 14px #818cf88c}.article-hero__title{margin:0;max-width:13ch;font-size:clamp(2.35rem,1.7rem + 3vw,5.4rem);font-weight:700;line-height:.98;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 18px 46px rgba(3,7,18,.42)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;font-size:.94rem;color:color-mix(in oklab,var(--white) 78%,transparent)}.article-meta__item{display:inline-flex;align-items:center;gap:.5rem}.article-meta__icon{width:1rem;height:1rem;opacity:.74}.article-meta__text{font-weight:650;color:color-mix(in oklab,var(--white) 92%,transparent)}.article-meta__divider{opacity:.3}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.article-tags__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--white) 12%,transparent);background:color-mix(in oklab,var(--white) 6%,transparent)}.article-tags__symbol{width:1rem;height:1rem;color:color-mix(in oklab,var(--accent-blog) 82%,white 16%)}.article-tags__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.article-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.42rem .82rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent-blog) 32%,transparent);background:#121c34b8;color:color-mix(in oklab,var(--accent-blog) 86%,white 14%);font-size:.78rem;font-weight:600;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.article-tag:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent-blog) 48%,transparent);background:#1a2645d1}.article-hero__cover{height:100%;min-height:100%;border:none;box-shadow:none}.article-main{margin-top:clamp(1.5rem,2vw,2.25rem);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,1.8vw,2rem);align-items:start}.article-rail{position:relative;z-index:1;display:grid;gap:1.25rem;padding:1.25rem}.article-note{position:relative;z-index:1;display:grid;gap:.7rem;padding:1rem 1rem 1.05rem;border-radius:1.3rem;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#0d1527e0,#080d1aeb)}.article-note__eyebrow{display:inline-flex;width:fit-content;padding:.32rem .7rem;border-radius:999px;border:1px solid rgba(129,140,248,.28);background:#4f70cf29;color:color-mix(in oklab,var(--accent-blog) 84%,white 18%);font-size:.68rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.article-note__copy{margin:0;font-size:.98rem;line-height:1.75;color:color-mix(in oklab,var(--white) 84%,transparent);text-wrap:pretty}.article-rail__toc{position:relative;z-index:1}.article-body-card{padding:clamp(1.6rem,1.8vw + 1rem,2.4rem)}.article-body{margin:0 auto;max-width:100%;font-family:"Noto Serif Thai","Noto Serif",serif;font-size:clamp(1.06rem,1.02rem + .34vw,1.22rem);line-height:1.88;letter-spacing:.01em;font-feature-settings:"kern","liga";text-rendering:optimizeLegibility;text-wrap:pretty;color:color-mix(in oklab,var(--white) 94%,transparent)}.article-body :global(>*:first-child){margin-top:0}.article-body :global(>*:last-child){margin-bottom:0}.article-body :global(p){color:color-mix(in oklab,var(--white) 90%,transparent);margin-top:1.15em;margin-bottom:1.15em}.article-body :global(ul),.article-body :global(ol){padding-left:1.45em;margin-top:1.25em;margin-bottom:1.25em;color:color-mix(in oklab,var(--white) 90%,transparent)}.article-body :global(ul li::marker){color:color-mix(in oklab,var(--accent) 55%,var(--white) 40%)}.article-body :global(ol li::marker){color:color-mix(in oklab,var(--accent) 64%,var(--white) 36%);font-weight:600}.article-body :global(li+li){margin-top:.55em}.article-body :global(blockquote){position:relative;border-left:.2rem solid color-mix(in oklab,var(--accent-blog) 42%,transparent);padding-left:1.2rem;margin:2.1em 0;color:color-mix(in oklab,var(--white) 84%,transparent);font-size:1.02em;font-style:italic;background:linear-gradient(120deg,#121b31d1,#0d162aad);border-radius:1.05rem;padding-block:1.2rem;padding-right:1.4rem;box-shadow:inset 0 0 0 1px #94a3b814}.article-body :global(blockquote):before{content:"“";position:absolute;font-size:4rem;line-height:1;opacity:.08;left:.6rem;top:-.8rem;pointer-events:none}.article-body :global(hr){border:none;height:1.5px;margin:3.5rem auto;width:min(60%,14rem);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--accent-blog) 40%,transparent) 15% 85%,transparent)}.article-body :global(table){width:100%;margin:clamp(1.6rem,2vw,2rem) 0;border-collapse:collapse;border-radius:1.1rem;overflow:hidden;border:1px solid rgba(148,163,184,.18);background:#090e1cdb;box-shadow:0 24px 60px -46px #070c1ab3}.article-body :global(thead){background:#0c1426eb}.article-body :global(thead th){font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;color:color-mix(in oklab,var(--white) 78%,transparent)}.article-body :global(thead th),.article-body :global(tbody td){padding:.95rem 1.1rem;border-bottom:1px solid rgba(148,163,184,.12)}.article-body :global(tbody tr:nth-child(odd)){background:#0b122273}.article-body :global(tbody tr:last-child td){border-bottom:none}.article-body :global(code){background:#1a2644b8;color:color-mix(in oklab,var(--white) 97%,transparent);padding:.12em .42em;font-size:.95em;box-shadow:0 0 0 1px #0a102033;margin-top:1em}.article-body :global(pre){position:relative;margin:clamp(1.8rem,2.6vw,2.8rem) 0;padding:clamp(2.35rem,2vw + 1.45rem,2.85rem) clamp(1.55rem,2.1vw,1.95rem) clamp(1.8rem,2vw,2.15rem);border-radius:1.35rem;border:1px solid rgba(148,163,184,.24);background:radial-gradient(120% 140% at 10% 0%,rgba(129,140,248,.18),transparent 70%),linear-gradient(175deg,#090e1efa,#050914f0);box-shadow:0 36px 80px -60px #070c1ae6,inset 0 1px #ffffff0a;overflow:hidden}.article-body :global(pre.has-copy){padding-top:clamp(2.8rem,2.4vw,3.05rem)}.article-body :global(pre):before{content:"";position:absolute;inset:0;background:radial-gradient(120% 160% at 85% -30%,rgba(56,189,248,.18),transparent 70%);opacity:.55;pointer-events:none}.article-body :global(pre):after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #818cf824;opacity:.4}.article-body :global(pre code){display:block;background:transparent;padding:0;line-height:1.7;font-size:.95rem;color:color-mix(in oklab,var(--white) 97%,transparent);overflow-x:auto}.article-body :global(pre code::-webkit-scrollbar){height:8px}.article-body :global(pre code::-webkit-scrollbar-track){background:transparent}.article-body :global(pre code::-webkit-scrollbar-thumb){background:#94a3b847;border-radius:999px}.article-body :global(pre code::-webkit-scrollbar-thumb:hover){background:#94a3b861}.article-body :global(pre code){scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.32) transparent}.article-body :global(.code-lang-badge){position:absolute;top:clamp(.75rem,1vw,.95rem);left:clamp(.95rem,1.6vw,1.25rem);display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:.65rem;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:color-mix(in oklab,var(--white) 90%,transparent);background:#4f70cf2e;border:1px solid rgba(129,140,248,.35);box-shadow:0 8px 18px -14px #38bdf899}.article-body :global(.code-lang-badge):before{content:"";width:.35rem;height:.35rem;border-radius:999px;background:currentColor;opacity:.75}.article-body :global(.code-copy-button){position:absolute;top:clamp(.75rem,1vw,.95rem);right:clamp(.9rem,1.7vw,1.35rem);display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:.65rem;border:1px solid rgba(148,163,184,.22);background:#0f172ab8;color:color-mix(in oklab,var(--white) 90%,transparent);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.article-body :global(.code-copy-button:after){content:"";width:.8rem;height:.8rem;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><path d="M2 12h20"/></svg>') center / contain no-repeat;background:currentColor;opacity:.6;transition:opacity .16s ease,transform .16s ease}.article-body :global(.code-copy-button:hover){transform:translateY(-1px);border-color:#818cf866;background:#6366f138;color:color-mix(in oklab,var(--white) 96%,transparent)}.article-body :global(.code-copy-button:hover:after){opacity:.9;transform:translate(1px)}.article-body :global(.code-copy-button[data-state=copied]){border-color:#2dd4bf8c;background:#10b98140;color:color-mix(in oklab,var(--white) 98%,transparent)}.article-body :global(.code-copy-button[data-state=copied]:after){mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>') center / contain no-repeat;opacity:1;transform:translate(0)}.article-body :global(.code-copy-button[data-state=error]){border-color:#f8717199;background:#f8717133;color:color-mix(in oklab,var(--white) 96%,transparent)}.article-body :global(.code-copy-button[data-state=error]:after){mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>') center / contain no-repeat;opacity:.9;transform:translate(0)}.article-related{margin:clamp(3rem,4vw,4.25rem) auto 0;max-width:min(74rem,100%)}@media(max-width:1100px){.article-hero{min-height:clamp(23rem,66vw,34rem)}.article-hero__overlay{width:min(100%,40rem)}.article-hero__title{max-width:14ch}}@media(max-width:720px){.article-container{padding:1.2rem 0 2.2rem}.article-surface{border-radius:1.55rem}.article-hero{padding:1.35rem;min-height:clamp(22rem,96vw,31rem)}.article-hero__background:after{background:linear-gradient(180deg,#04081229,#0408126b 44%,#040812db),linear-gradient(90deg,#0307128a,#03071238 72%,#03071214)}.article-hero__overlay{width:100%;gap:1rem}.article-hero__title{max-width:none;font-size:clamp(2rem,8vw,3rem)}.article-meta{font-size:.82rem}.article-tag{font-size:.72rem;padding:.34rem .72rem}.article-rail,.article-body-card{padding:1rem}.article-body{font-size:clamp(1rem,.98rem + .28vw,1.12rem)}.article-body :global(pre){margin:1.6rem 0;padding:2.15rem 1.25rem 1.65rem}.article-body :global(pre.has-copy){padding-top:2.45rem}.article-body :global(.code-lang-badge){top:.6rem;left:.7rem;letter-spacing:.22em}.article-body :global(.code-copy-button){top:.6rem;right:.75rem;letter-spacing:.12em;padding:.32rem .58rem}}@media(prefers-reduced-motion:reduce){.article-back__link,.article-tag{transition-duration:.01ms}.article-back__link:hover,.article-tag:hover{transform:none}}