.article-hue-shell{--article-frame-max:1320px;--article-page-gutter:clamp(14px,3vw,36px);--article-browser-chrome-gap:0px;--article-theme-accent-light:#8f918c;--article-theme-accent-dark:#6b6d68;--article-theme-accent:var(--article-theme-accent-light);--background:#e0dfd9;--foreground:#3a3834;--card:#e8e5dc;--card-foreground:#3a3834;--muted:#d2d1c9;--muted-foreground:#75736a;--accent:#d2d1c9;--accent-foreground:#3a3834;--primary:#3a3834;--primary-foreground:#f2f1eb;--secondary:#d2d1c9;--secondary-foreground:#3a3834;--border:#b6b4aa;--input:#b6b4aa;--ring:#8f918c;background-color:var(--background)}@supports (height:100lvh) and (height:100dvh){.article-hue-shell{--article-browser-chrome-gap:max(0px,calc(100lvh - 100dvh))}}html:has(.article-hue-shell){--article-canvas-fallback:#e0dfd9}html.dark:has(.article-hue-shell){--article-canvas-fallback:#1a1c1a}html:has(.article-hue-shell),html:has(.article-hue-shell) body{background-color:var(--article-canvas,var(--article-canvas-fallback));transition:background-color .3s ease}.article-hue-shell [data-article-site-header]{margin-top:env(safe-area-inset-top,0)}.article-hue-shell .article-texture-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom, 0px))}@media (hover:none) and (pointer:coarse){.article-hue-shell .article-texture-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom, 0px) + max(4rem, var(--article-browser-chrome-gap)))}}.dark .article-hue-shell{--article-theme-accent:var(--article-theme-accent-dark);--background:#1a1c1a;--foreground:#e3e1d9;--card:#222420;--card-foreground:#e3e1d9;--muted:#262825;--muted-foreground:#9a988f;--accent:#262825;--accent-foreground:#e3e1d9;--primary:#e3e1d9;--primary-foreground:#1a1c1a;--secondary:#262825;--secondary-foreground:#e3e1d9;--border:#3c3e3a;--input:#3c3e3a;--ring:#6b6d68}.article-progress-bar{--article-scroll-progress:0;position:fixed;inset:0 auto auto 0;z-index:60;width:100%;height:3px;background:transparent;transform:scaleX(var(--article-scroll-progress));transform-origin:left center;will-change:transform}.article-progress-bar:before{content:"";position:absolute;inset:0;border-radius:0 999px 999px 0;background:var(--article-theme-accent,var(--ring));box-shadow:0 0 18px color-mix(in oklch,var(--article-theme-accent,var(--ring)) 48%,transparent)}.article-safe-area-guard{position:fixed;inset-inline:0;z-index:59;display:none;background:var(
    --article-chrome,var(--article-canvas,var(--article-canvas-fallback))
  );pointer-events:none}.article-safe-area-guard[data-edge=top]{top:calc(-1 * env(safe-area-inset-top, 0px));height:env(safe-area-inset-top,0)}.article-safe-area-guard[data-edge=top]:after{position:absolute;top:100%;right:0;left:0;height:min(10px,env(safe-area-inset-top,0px));background:linear-gradient(to bottom,var(--article-chrome,var(--article-canvas-fallback)),transparent);content:""}.article-safe-area-guard[data-edge=bottom]{bottom:calc(-1 * env(safe-area-inset-bottom, 0px) - var(--article-browser-chrome-gap));height:calc(env(safe-area-inset-bottom, 0px) + var(--article-browser-chrome-gap))}.article-safe-area-guard[data-edge=bottom]:before{position:absolute;right:0;bottom:100%;left:0;height:min(16px,calc(env(safe-area-inset-bottom, 0px) + var(--article-browser-chrome-gap)));background:linear-gradient(to bottom,transparent,var(--article-chrome,var(--article-canvas-fallback)));content:""}@media (hover:none) and (pointer:coarse){.article-safe-area-guard{display:block}}.article-shell{--article-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua","Noto Serif SC","Songti SC",Georgia,serif;--article-surface:color-mix(in oklch,var(--card) 66%,transparent);--article-surface-strong:color-mix(in oklch,var(--card) 76%,transparent);--article-toc-surface:color-mix(in oklch,var(--card) 90%,transparent);--article-soft-border:color-mix(in oklch,var(--border) 64%,transparent);--article-shadow:0 18px 56px color-mix(in oklch,var(--foreground) 15%,transparent);width:100%;max-width:100%;min-height:100vh;margin:0 auto;padding:clamp(16px,2.6vw,32px) var(--article-page-gutter) clamp(40px,5vw,64px);color:var(--foreground)}.article-shell,.article-texture-footer{padding-inline:max(var(--article-page-gutter),env(safe-area-inset-left,0px)) max(var(--article-page-gutter),env(safe-area-inset-right,0px))}.article-texture-footer-frame{width:min(var(--article-frame-max),100%);margin-inline:auto}.dark .article-shell{--article-surface:color-mix(in oklch,var(--card) 76%,transparent);--article-surface-strong:color-mix(in oklch,var(--card) 84%,transparent);--article-toc-surface:color-mix(in oklch,var(--card) 92%,transparent)}.article-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:16px;width:min(var(--article-frame-max),100%);margin-right:auto;margin-left:auto;margin-bottom:14px}.article-back-button{min-height:38px;border:1px solid var(--article-soft-border);border-radius:999px;background:color-mix(in oklch,var(--card) 64%,transparent);color:var(--foreground);box-shadow:0 10px 28px color-mix(in oklch,var(--foreground) 7%,transparent);backdrop-filter:blur(16px)}.article-back-button:hover{background:color-mix(in oklch,var(--card) 92%,transparent);color:var(--foreground);transform:translateY(-1px)}.article-kicker{color:var(--muted-foreground);font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.article-content-card,.article-hero-card{border:1px solid var(--article-soft-border);background:var(--article-surface);box-shadow:var(--article-shadow)}.article-hero-card{-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}@media (hover:hover) and (pointer:fine){.article-content-card{background:color-mix(in oklch,var(--card) 84%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}.article-hero-card{width:min(var(--article-frame-max),100%);margin-right:auto;margin-left:auto;margin-bottom:14px;padding:clamp(18px,2.4vw,28px);overflow:hidden;border-radius:24px;background:var(--article-surface-strong)}.article-kicker-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.article-kicker{color:var(--primary)}.article-tag-chip{display:inline-flex;align-items:center;max-width:100%;min-height:28px;padding:.3rem .64rem;border:1px solid color-mix(in oklch,var(--border) 72%,transparent);border-radius:999px;background:color-mix(in oklch,var(--secondary) 72%,transparent);color:var(--secondary-foreground);font-size:.74rem;line-height:1;overflow-wrap:anywhere}.article-hero-card h1{max-width:18ch;margin:0;font-family:var(--article-serif);font-size:clamp(1.95rem,4.25vw,3.35rem);font-weight:700;letter-spacing:-.045em;line-height:1.04;overflow-wrap:anywhere;text-wrap:balance}.article-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:12px;padding-top:12px;border-top:1px solid var(--article-soft-border)}.article-meta-item{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.45rem;min-height:31px;padding:.36rem .66rem;border:1px solid color-mix(in oklch,var(--border) 72%,transparent);border-radius:999px;background:color-mix(in oklch,var(--secondary) 62%,transparent);color:var(--foreground);font-size:.78rem;line-height:1;max-width:100%;min-width:0;overflow-wrap:anywhere}.article-meta-label{color:var(--muted-foreground);font-weight:650}.article-meta-icon{width:15px;height:15px;flex:0 0 auto;color:var(--primary)}.article-grid{display:grid;grid-template-areas:"main toc";grid-template-columns:minmax(0,1fr) var(--article-toc-track);align-items:start;width:min(var(--article-frame-max),100%);max-width:100%;min-width:0;margin-inline:auto;column-gap:clamp(20px,2.2vw,32px);row-gap:14px;transition:grid-template-columns .32s cubic-bezier(.25,.8,.25,1)}.article-grid,.article-grid-toc-expanded{--article-toc-track:260px}.article-grid-toc-collapsed{--article-toc-track:64px}.article-grid-single{--article-toc-track:0px;grid-template-areas:"main";grid-template-columns:minmax(0,1fr)}.article-main,.article-side{display:grid;gap:14px;min-width:0}.article-main{grid-area:main;width:100%;max-width:none;justify-self:stretch}.article-inline-figure figcaption{margin:11px 6px 2px;color:var(--muted-foreground);font-size:.82rem;line-height:1.5}.article-content-card{width:100%;max-width:100%;min-width:0;padding:clamp(18px,2.5vw,30px);border-radius:24px}.article-side{--article-toc-sticky-top:16px;--article-toc-stuck-offset:0px;grid-area:toc;position:sticky;top:var(--article-toc-sticky-top);z-index:30;align-self:start;justify-self:end;width:var(--article-toc-track);max-width:100%;height:auto;min-width:0;padding-block-end:0;overflow:visible;transition:width .32s cubic-bezier(.25,.8,.25,1)}.article-side[data-stuck=true]{padding-block-end:var(--article-toc-stuck-offset)}.article-toc-sticky-sentinel{grid-area:toc;align-self:start;justify-self:end;width:1px;height:1px;pointer-events:none;visibility:hidden}.article-toc-wrap{display:flex;justify-content:flex-end;width:100%;max-width:100%;min-width:0;overflow:visible;transform:translateY(0);backface-visibility:hidden;will-change:transform;transition:transform .32s cubic-bezier(.25,.8,.25,1)}.article-side[data-stuck=true] .article-toc-wrap{transform:translateY(var(--article-toc-stuck-offset))}.article-prose{--tw-prose-body:color-mix(in oklab,var(--foreground) 92%,transparent);--tw-prose-headings:var(--foreground);--tw-prose-lead:var(--muted-foreground);--tw-prose-links:var(--primary);--tw-prose-bold:var(--foreground);--tw-prose-counters:var(--muted-foreground);--tw-prose-bullets:color-mix(in oklab,var(--muted-foreground) 70%,transparent);--tw-prose-hr:color-mix(in oklab,var(--border) 70%,transparent);--tw-prose-quotes:var(--foreground);--tw-prose-quote-borders:color-mix(in oklab,var(--primary) 65%,transparent);--tw-prose-captions:var(--muted-foreground);--tw-prose-kbd:var(--foreground);--tw-prose-code:var(--primary);--tw-prose-th-borders:color-mix(in oklab,var(--border) 80%,transparent);--tw-prose-td-borders:color-mix(in oklab,var(--border) 55%,transparent);--tw-prose-invert-body:color-mix(in oklab,var(--foreground) 92%,transparent);--tw-prose-invert-headings:var(--foreground);--tw-prose-invert-lead:var(--muted-foreground);--tw-prose-invert-links:var(--primary);--tw-prose-invert-bold:var(--foreground);--tw-prose-invert-counters:var(--muted-foreground);--tw-prose-invert-bullets:color-mix(in oklab,var(--muted-foreground) 70%,transparent);--tw-prose-invert-hr:color-mix(in oklab,var(--border) 70%,transparent);--tw-prose-invert-quotes:var(--foreground);--tw-prose-invert-quote-borders:color-mix(in oklab,var(--primary) 65%,transparent);--tw-prose-invert-captions:var(--muted-foreground);--tw-prose-invert-kbd:var(--foreground);--tw-prose-invert-code:var(--primary);--tw-prose-invert-th-borders:color-mix(in oklab,var(--border) 80%,transparent);--tw-prose-invert-td-borders:color-mix(in oklab,var(--border) 55%,transparent);width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;font-family:var(--article-serif);font-size:clamp(.92rem,.95vw,1rem);line-height:1.56}.article-prose p{margin:0 0 .65em}.article-prose>:first-child{margin-top:0}.article-prose>p:first-child{color:var(--foreground);font-size:1em}.article-heading{position:relative;display:flex;align-items:baseline;gap:.4rem;scroll-margin-top:100px;font-family:var(--article-serif);letter-spacing:-.025em;line-height:1.12;overflow-wrap:anywhere}.article-heading-1{margin:1.05em 0 .36em;font-size:clamp(1.48rem,2.4vw,1.95rem)}.article-heading-2{margin:.95em 0 .32em;font-size:clamp(1.28rem,2vw,1.62rem)}.article-heading-3{margin:.85em 0 .28em;font-size:clamp(1.08rem,1.55vw,1.3rem)}.article-heading-anchor{color:var(--primary);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62em;font-weight:600;opacity:0;text-decoration:none;transition:opacity .16s ease}.article-heading-anchor:focus-visible,.article-heading:hover .article-heading-anchor{opacity:.75}.article-prose a{color:var(--primary);text-decoration-color:color-mix(in oklch,var(--primary) 42%,transparent);text-underline-offset:.2em}.article-prose a:hover{text-decoration-color:var(--primary)}.article-prose ol,.article-prose ul{margin:.52em 0 .68em;padding-left:1.35em}.article-prose li{margin:.14em 0;padding-left:.08em}.article-prose li>p{margin:.18em 0}.article-inline-code{border:1px solid color-mix(in oklch,var(--primary) 18%,transparent);border-radius:8px;background:color-mix(in oklch,var(--primary) 12%,var(--background));color:var(--primary);padding:.13rem .38rem;font-family:var(--font-ibm-plex-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86em;font-style:italic;font-weight:500;font-synthesis:none}.article-inline-code:after,.article-inline-code:before{content:none!important}.article-code-block{margin:1.15em 0;overflow:hidden;border:1px solid var(--article-soft-border);border-radius:18px;background:color-mix(in oklch,var(--muted) 74%,transparent);box-shadow:0 12px 36px color-mix(in oklch,var(--foreground) 7%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.article-code-label{padding:.62rem .9rem;border-bottom:1px solid var(--article-soft-border);color:var(--muted-foreground);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.article-code-block pre{max-width:100%;margin:0;overflow-x:auto;border-radius:0;background:color-mix(in oklch,var(--background) 48%,transparent);padding:1rem 1.1rem}.article-code-block code{display:block;min-width:max-content;padding:0;border:0;background:transparent;font-family:var(--font-ibm-plex-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86rem;font-style:italic;font-weight:500;font-synthesis:none;line-height:1.7}.article-code-block code:after,.article-code-block code:before{content:none!important}.article-quote{margin:1.15em 0;padding:.9em 1.05em;border:1px solid color-mix(in oklch,var(--border) 68%,transparent);border-left:4px solid var(--primary);border-radius:0 18px 18px 0;background:color-mix(in oklch,var(--card) 82%,transparent);color:var(--foreground);font-size:1.08em;font-style:italic}.article-quote p:last-child{margin-bottom:0}.article-inline-figure{margin:1.2em 0}.article-inline-image{display:block;width:100%;height:auto;max-height:76vh;border:1px solid var(--article-soft-border);border-radius:20px;object-fit:contain;background:color-mix(in oklch,var(--muted) 50%,transparent);box-shadow:0 18px 50px color-mix(in oklch,var(--foreground) 10%,transparent)}.article-prose table{display:table;width:100%;overflow:hidden;border:1px solid var(--article-soft-border);border-radius:14px;background:color-mix(in oklch,var(--card) 58%,transparent)}.article-prose thead{background:color-mix(in oklch,var(--muted) 72%,transparent)}.article-prose hr{border-color:var(--article-soft-border)}.article-story-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--article-soft-border);font-family:ui-sans-serif,system-ui,sans-serif}.article-footer-note{color:var(--muted-foreground);font-size:.88rem}.article-share-button{flex-shrink:0;border-color:var(--article-soft-border);border-radius:999px;background:color-mix(in oklch,var(--card) 58%,transparent);color:var(--foreground)}.article-share-button:hover{background:var(--primary);color:var(--primary-foreground)}.article-back-to-top-row{display:flex;justify-content:center;width:min(var(--article-frame-max),100%);margin:clamp(20px,3vw,30px) auto 0}.article-back-to-top-button{width:42px;height:42px;min-height:42px;padding:0;border:1px solid var(--article-soft-border);border-radius:999px;background:color-mix(in oklch,var(--card) 72%,transparent);color:var(--article-theme-accent,var(--primary));box-shadow:0 12px 32px color-mix(in oklch,var(--foreground) 9%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.article-back-to-top-button:hover{border-color:color-mix(in oklch,var(--article-theme-accent,var(--primary)) 58%,var(--border));background:color-mix(in oklch,var(--card) 92%,transparent);color:var(--article-theme-accent,var(--primary));box-shadow:0 16px 38px color-mix(in oklch,var(--foreground) 13%,transparent);transform:translateY(-2px)}.article-back-to-top-button:active{transform:translateY(0)}.article-back-to-top-icon{width:20px;height:20px;color:currentColor;stroke-width:2.2}@media (max-width:1050px){.article-grid,.article-grid-toc-collapsed,.article-grid-toc-expanded{--article-toc-track:0px;grid-template-areas:"main";grid-template-columns:minmax(0,1fr);column-gap:0}.article-grid-single{grid-template-areas:"main"}.article-side,.article-toc-sticky-sentinel{display:none}.article-main{width:100%;max-width:100%}}@media (max-width:720px){.article-hue-shell{--article-page-gutter:14px}.article-shell{padding:18px var(--article-page-gutter) 52px;padding-inline:max(var(--article-page-gutter),env(safe-area-inset-left,0px)) max(var(--article-page-gutter),env(safe-area-inset-right,0px))}.article-content-card,.article-hero-card{border-radius:20px}.article-hero-card{padding:16px 16px 18px}.article-hero-card h1{font-size:clamp(1.7rem,8.2vw,2.35rem);line-height:1.06}.article-content-card{padding:18px 16px}.article-story-footer{align-items:flex-start;flex-direction:column}.article-share-button{width:100%}}@media (prefers-reduced-motion:reduce){.article-back-button,.article-back-to-top-button,.article-grid,.article-heading-anchor,.article-progress-bar,.article-side{transition:none}}