.post-hero{background-color:var(--color-surface-dark);color:#fff;padding:var(--site-dark-hero-pad-y) 0 calc(var(--site-dark-hero-pad-y) * .85);flex-direction:column;display:flex}.post-hero-breadcrumbs-bar{margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid #ffffff14;order:-1}.post-hero-breadcrumbs-inner{max-width:var(--site-max-width);padding:0 var(--site-gutter-x);margin:0 auto}.post-hero-inner{max-width:var(--site-max-width);padding:0 var(--site-gutter-x);gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.post-hero-left{grid-area:1/1;min-width:0}.post-hero-right{grid-area:1/2}@media (max-width:768px){.post-hero-inner{gap:var(--space-6);grid-template-columns:1fr}.post-hero-left,.post-hero-right{grid-area:auto}}.post-hero-right{border-radius:var(--radius-card);aspect-ratio:16/9;background-color:#ffffff0f;position:relative;overflow:hidden}.breadcrumbs{margin-bottom:var(--space-6)}.post-hero-breadcrumbs-bar .breadcrumbs{margin-bottom:0}.breadcrumbs__list{font-size:var(--text-sm);letter-spacing:.01em;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin:0;padding:0;line-height:1.5;list-style:none;display:flex}.breadcrumbs__item{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.breadcrumbs__link{color:inherit;transition:color var(--duration-base) var(--ease-standard);text-decoration:none}.breadcrumbs__link:hover{text-decoration:underline}.breadcrumbs__current{min-width:0}.breadcrumbs--full .breadcrumbs__current{text-overflow:unset;white-space:normal;max-width:none;overflow:visible}.breadcrumbs--full .breadcrumbs__list{row-gap:.25rem}.breadcrumbs__label{opacity:.85}.breadcrumbs__sep{opacity:.45;-webkit-user-select:none;user-select:none}.breadcrumbs--light{color:var(--color-text-muted,#0000008c)}.breadcrumbs--light .breadcrumbs__link:hover{color:var(--color-text,inherit)}.breadcrumbs--dark{color:#ffffff80}.breadcrumbs--dark .breadcrumbs__link:hover{color:#fff}.breadcrumbs--dark .breadcrumbs__current{color:#ffffffd9}.breadcrumbs--dark.breadcrumbs--full .breadcrumbs__link{color:#ffffff9e}.breadcrumbs--dark.breadcrumbs--full .breadcrumbs__sep{opacity:.35}.post-hero-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffff80;margin-bottom:var(--space-8);transition:color var(--duration-base) var(--ease-standard);text-decoration:none;display:inline-flex}.post-hero-back:hover{color:#fff}.post-hero-eyebrow{font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);font-weight:600}.post-hero-title{font-family:var(--font-heading), "Lexend Deca", system-ui, sans-serif;color:#fff;letter-spacing:var(--tracking-tight);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-4)}.post-hero-format{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.post-hero-format .format-badge--strategic{color:#bfdbfe;background:#2563eb38;border-color:#93c5fd59}.post-hero-format .format-badge--hands-on{color:#a7f3d0;background:#05966938;border-color:#6ee7b759}.post-hero-format .format-badge--hybrid{color:#fde68a;background:#d9770638;border-color:#fde68a59}.post-hero-best-for{font-size:var(--text-sm);color:#ffffffc7;line-height:var(--leading-normal);margin:0 0 var(--space-5);max-width:42rem}.post-hero-best-for-label{font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#ffffff73;margin-bottom:.25rem;font-weight:700;display:block}.post-hero-excerpt{font-size:var(--text-base);color:#ffffffb8;line-height:var(--leading-normal);margin-bottom:var(--space-6)}.post-hero-meta{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:#ffffff80;flex-wrap:wrap;display:flex}.post-hero-meta-sep{opacity:.35}.post-hero-tags{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.post-hero-tag{font-size:var(--text-xs);color:#ffffffa6;border-radius:var(--radius-pill);line-height:var(--leading-snug);cursor:pointer;transition:color var(--dur-150) var(--ease-out), background var(--dur-150) var(--ease-out), border-color var(--dur-150) var(--ease-out);background:#ffffff1a;border:1px solid #ffffff26;padding:.2rem .6rem;text-decoration:none}.post-hero-tag:hover{color:#fffffff2;background:#ffffff2e;border-color:#ffffff4d}.article-body-wrap{max-width:var(--site-max-width);padding:var(--space-8) var(--site-gutter-x) var(--site-pad-bottom);gap:var(--site-block-gap);grid-template-columns:minmax(0,1fr);align-items:start;margin:0 auto;display:grid}.article-body-main{width:100%;min-width:0;max-width:45rem;margin:0 auto}@media (min-width:1280px){.article-body-wrap--has-outline{grid-template-columns:13rem minmax(0,1fr);justify-content:start;column-gap:clamp(1.75rem,3vw,2.75rem)}.article-body-wrap--has-outline .article-body-main{width:100%;max-width:45rem;margin:0}}.post-outline-root{width:100%;max-width:720px;margin:0 auto}@media (min-width:1280px){.article-body-wrap--has-outline .post-outline-root{width:auto;max-width:none;top:var(--header-offset);max-height:calc(100dvh - var(--header-offset) - 1.5rem);padding-right:var(--space-2);scrollbar-width:thin;align-self:start;margin:0;position:sticky;overflow-y:auto}}.post-outline-label{font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-ink-tertiary);margin:0 0 var(--space-3);font-weight:700}.post-outline-list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.post-outline-link{-webkit-line-clamp:2;font-size:var(--text-xs);color:var(--color-ink-secondary);transition:color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:2px solid #0000;-webkit-box-orient:vertical;padding:.35rem .5rem .35rem .6rem;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.post-outline-link:hover{color:var(--color-ink-heading);background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.post-outline-item--active .post-outline-link{color:var(--color-accent-text);border-left-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent);font-weight:600}.post-outline-more-btn{width:100%;color:var(--color-ink-tertiary);text-align:left;cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color var(--duration-base) var(--ease-standard);background:0 0;border:0;border-left:2px solid #0000;margin:0;padding:.28rem .55rem;font-family:inherit;font-size:.6875rem;font-weight:600;display:block}.post-outline-more-btn:hover{color:var(--color-accent-text)}.post-outline--desktop{display:none}@media (min-width:1280px){.post-outline--desktop{display:block}}.post-outline-mobile-bar{width:100%;max-width:720px;margin:0 auto;display:block}@media (min-width:1280px){.article-body-wrap--has-outline .post-outline-mobile-bar{display:none}}.post-outline-mobile-trigger{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-card);min-height:2.25rem;color:var(--color-ink-secondary);font-size:var(--text-sm);cursor:pointer;box-shadow:0 1px 3px color-mix(in srgb, var(--color-ink) 6%, transparent);transition:border-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);align-items:center;gap:.45rem;padding:.5rem .85rem;font-family:inherit;font-weight:600;display:inline-flex}.post-outline-mobile-trigger:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));color:var(--color-ink-heading)}.post-outline-mobile-count{border-radius:var(--radius-pill);min-width:1.25rem;height:1.25rem;font-size:var(--text-2xs);background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface-alt));color:var(--color-accent-text);justify-content:center;align-items:center;padding:0 .35rem;font-weight:700;display:inline-flex}.post-outline-drawer{pointer-events:none;visibility:hidden}.post-outline-drawer--open{pointer-events:auto;visibility:visible}.post-outline-drawer-backdrop{z-index:200;background:color-mix(in srgb, var(--color-ink-heading) 35%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s var(--ease-standard);cursor:pointer;border:0;padding:0;position:fixed;inset:0}.post-outline-drawer--open .post-outline-drawer-backdrop{opacity:1}.post-outline-drawer-panel{z-index:201;background:var(--color-surface-card);border-right:1px solid var(--color-border);width:min(20rem,88vw);height:100%;box-shadow:4px 0 24px color-mix(in srgb, var(--color-ink) 12%, transparent);padding:var(--space-6) var(--space-5);flex-direction:column;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;left:0;transform:translate(-105%)}.post-outline-drawer--open .post-outline-drawer-panel{transform:translate(0)}.post-outline-drawer-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-shrink:0;display:flex}.post-outline-drawer-close{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-ink-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.post-outline-drawer-nav{padding-right:var(--space-1);flex:1;overflow-y:auto}@media (prefers-reduced-motion:reduce){.post-outline-drawer-backdrop,.post-outline-drawer-panel{transition:none}}.prose{--tw-prose-body:var(--color-ink);--tw-prose-headings:var(--color-ink-heading);--tw-prose-links:var(--color-accent);--tw-prose-bold:var(--color-ink);--tw-prose-counters:var(--color-ink-secondary);--tw-prose-bullets:var(--color-border);--tw-prose-hr:var(--color-border);--tw-prose-quotes:var(--color-ink);--tw-prose-quote-borders:var(--color-accent);--tw-prose-captions:var(--color-ink-secondary);--tw-prose-code:var(--color-ink);--tw-prose-pre-code:#e8e8ed;--tw-prose-pre-bg:#1c1c1e;--tw-prose-th-borders:var(--color-border);--tw-prose-td-borders:var(--color-border);font-size:var(--text-base);line-height:var(--leading-relaxed);padding-top:var(--space-4)}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-heading), "Lexend Deca", system-ui, sans-serif;scroll-margin-top:var(--header-offset)}.prose code:not(pre code){background:var(--code-inline-bg);color:var(--code-inline-fg);border-radius:var(--radius-xs);font-size:.875em;font-family:var(--font-mono);border:1px solid color-mix(in srgb, var(--color-border) 65%, transparent);padding:.12em .38em}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)):not(.code-block__pre):not(.diagram-figure__fallback){background:var(--code-block-bg);color:var(--code-block-fg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;white-space:pre-wrap;word-break:break-word;background:0 0;border:0;padding:0;font-size:.875em}.prose .content-figure{margin:var(--space-8) 0;padding:0}.prose .content-figure .figure-media{margin:0}.prose .content-figure .figure-media img{border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:0 1px 2px color-mix(in srgb, var(--color-ink) 6%, transparent);max-width:100%;height:auto;margin:0}.prose :where(img[width][height]):not(:where([class~=not-prose],[class~=not-prose] *)){max-width:100%;height:auto}.prose .content-figure .figure-caption{margin:0;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-ink-secondary);background:var(--color-surface-alt);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:normal;line-height:1.55}.prose .content-figure .figure-caption em{font-style:normal}.prose .content-figure .figure-caption a{color:var(--color-accent-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent) 45%, transparent);text-underline-offset:.15em;font-weight:500}.prose .content-figure .figure-caption a:hover{color:var(--color-accent)}[data-theme=dark] .prose .content-figure .figure-caption,:root:not([data-theme=light]) .prose .content-figure .figure-caption{background:color-mix(in srgb, var(--color-surface-alt) 55%, transparent);color:var(--color-ink-tertiary)}[data-theme=dark] .prose .content-figure .figure-caption a,:root:not([data-theme=light]) .prose .content-figure .figure-caption a{color:var(--color-accent)}.code-block{margin:var(--space-5) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--code-block-bg);position:relative;overflow:hidden}.code-block__copy{z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-ink-secondary);font-family:var(--font-body), system-ui, sans-serif;font-size:var(--text-2xs);cursor:pointer;transition:color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard);margin:0;padding:.2rem .55rem;font-weight:600;line-height:1.3;position:absolute;top:.45rem;right:.45rem}.code-block__copy:hover{color:var(--color-ink-heading);border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border))}.code-block__pre{padding:var(--space-3) var(--space-3) var(--space-3) 0;white-space:normal;background:0 0;border:0;border-radius:0;margin:0;overflow:visible}.code-block__pre code{font-family:var(--font-mono);color:var(--code-block-fg);white-space:normal;background:0 0;border:0;padding:0;font-size:.8125rem;line-height:1.55;display:block}.code-block__row{gap:var(--space-2);grid-template-columns:2.75rem minmax(0,1fr);align-items:start;display:grid}.code-block__ln{text-align:right;color:color-mix(in srgb, var(--code-block-fg) 72%, transparent);-webkit-user-select:none;user-select:none;border-right:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);padding:0 .5rem 0 .75rem}.code-block__text{white-space:pre-wrap;word-break:break-word;padding-right:3.5rem}.prose :is(ul.contains-task-list,ul:has(>li>input[type=checkbox])){margin-top:var(--space-3);margin-bottom:var(--space-4);padding-left:0;list-style:none}.prose :is(li.task-list-item,li:has(>input[type=checkbox])){align-items:flex-start;gap:.625rem;margin:.4rem 0;padding-left:0;list-style:none;display:flex}.prose :is(li.task-list-item,li:has(>input[type=checkbox]))::marker{content:""}.prose li:has(>input[type=checkbox])>input[type=checkbox]{appearance:none;border:1.5px solid color-mix(in srgb, var(--color-border) 90%, var(--color-ink-tertiary));border-radius:var(--radius-xs);background:var(--color-surface);cursor:pointer;width:1rem;height:1rem;transition:background-color .15s var(--ease-standard), border-color .15s var(--ease-standard);flex-shrink:0;margin:.2em 0 0}.prose li:has(>input[type=checkbox])>input[type=checkbox]:checked{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6l2.5 2.5 4.5-5' stroke='%23ff6a3d' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.7rem}.prose li.task-list-item--checked{color:var(--color-ink-secondary);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--color-ink-tertiary) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--color-ink-tertiary) 50%, transparent)}.prose li.task-list-item--checked input[type=checkbox]{text-decoration:none}.prose li.task-list-item--checked :is(code,a,strong,em){-webkit-text-decoration:inherit;text-decoration:inherit}.prose .compare-diagram-note{font-size:var(--text-sm);color:var(--color-ink-secondary);margin-top:-.5rem;margin-bottom:var(--space-4)}:root{--diagram-canvas-light:#f5f7fa;--diagram-canvas-dark:#101011;--diagram-canvas-pad:0px;--diagram-chrome-inset:12px;--code-block-bg:#f0f2f5;--code-block-fg:#3d3d4a;--code-inline-bg:color-mix(in srgb, var(--color-ink) 6%, var(--color-surface-alt));--code-inline-fg:var(--color-ink-secondary);--format-strategic:#1e40af;--format-strategic-bg:color-mix(in srgb, #2563eb 12%, var(--color-surface));--format-hands-on:#065f46;--format-hands-on-bg:color-mix(in srgb, #059669 12%, var(--color-surface));--format-hybrid:#78350f;--format-hybrid-bg:color-mix(in srgb, #d97706 12%, var(--color-surface))}.prose-lg .diagram-figure--expanded,.prose-lg .diagram-figure :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose .diagram-figure{margin:var(--space-8) 0;padding:var(--diagram-canvas-pad);background:var(--diagram-canvas-light);border-radius:var(--radius-card);box-shadow:none;touch-action:pan-y;border:none;flex-direction:column;display:flex;position:relative;overflow:hidden}[data-theme=dark] .prose .diagram-figure:not(.diagram-figure--expanded),:root:not([data-theme=light]) .prose .diagram-figure:not(.diagram-figure--expanded),[data-theme=dark] .prose .diagram-figure__canvas-wrap,:root:not([data-theme=light]) .prose .diagram-figure__canvas-wrap{background:var(--diagram-canvas-dark)}.prose .diagram-figure--expanded{touch-action:none;top:var(--diagram-vv-top,0);z-index:200;width:100%;height:var(--diagram-vv-height,100dvh);max-width:none;box-shadow:none;touch-action:none;overscroll-behavior:none;border:none;border-radius:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;left:0;right:0;overflow:hidden}[data-theme=light] .prose .diagram-figure--expanded{background:var(--diagram-canvas-light)}[data-theme=dark] .prose .diagram-figure--expanded,:root:not([data-theme=light]) .prose .diagram-figure--expanded{background:var(--diagram-canvas-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose .diagram-figure--expanded{background:var(--diagram-canvas-dark)}}[data-theme=light] .prose .diagram-figure--expanded .diagram-figure__viewport,[data-theme=light] .prose .diagram-figure__viewport.diagram-figure__viewport--expanded{background-color:var(--diagram-canvas-light)}.prose .diagram-figure__canvas-wrap{flex:1;width:100%;min-height:0;position:relative}.prose .diagram-figure--expanded .diagram-figure__canvas-wrap{flex:1;width:100%;height:100%;min-height:0}.prose .diagram-figure--expanded .diagram-figure__viewport,.prose .diagram-figure__viewport.diagram-figure__viewport--expanded{cursor:default;flex:1;width:100%;max-width:none;height:100%;min-height:0;margin-inline:0;position:relative}.prose .diagram-figure__viewport{cursor:pointer;touch-action:none;background:0 0;border-radius:0;width:100%;position:relative;overflow:hidden}.prose .diagram-figure__viewport--capped .diagram-figure__zoom-layer{transform-origin:top}.prose .diagram-figure__viewport--capped:after{content:"Tap to expand";z-index:2;border-radius:var(--radius-pill);font-size:var(--text-2xs);color:var(--color-ink-secondary);background:color-mix(in srgb, var(--color-surface-card) 88%, transparent);border:1px solid var(--color-border);pointer-events:none;padding:.2rem .5rem;font-weight:600;position:absolute;bottom:.45rem;right:.65rem}.prose .diagram-figure__viewport:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.prose .diagram-figure--expanded .diagram-figure__viewport:active{cursor:default}.prose .diagram-figure__viewport.is-panning{cursor:grabbing}.prose .diagram-figure__zoom-layer{transform-origin:0 0;width:100%;display:block}.prose .diagram-figure__rzp-wrapper{width:100%!important;height:100%!important}.prose .diagram-figure__rzp-content{width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.prose .diagram-figure--expanded .diagram-figure__zoom-layer{width:var(--diagram-lock-w,100%);height:var(--diagram-lock-h,auto);max-width:none}.prose .diagram-figure__svg{width:100%}.prose .diagram-figure__svg svg{vertical-align:top;width:100%;height:auto;display:block}.prose .diagram-figure--expanded .diagram-figure__svg,.prose .diagram-figure--expanded .diagram-figure__svg svg{width:100%;height:auto}[data-theme=light] .prose .diagram-figure__svg--light,.prose .diagram-figure__svg--light{background-color:var(--diagram-canvas-light);display:block}[data-theme=light] .prose .diagram-figure__svg--dark,.prose .diagram-figure__svg--dark{display:none}.prose .diagram-figure__svg-invert{filter:invert();background-color:var(--diagram-canvas-dark);width:100%;overflow:hidden}[data-theme=dark] .prose .diagram-figure__svg--light{display:none}[data-theme=dark] .prose .diagram-figure__svg--dark{background-color:var(--diagram-canvas-dark);display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose .diagram-figure__svg--light{display:none}:root:not([data-theme=light]) .prose .diagram-figure__svg--dark{background-color:var(--diagram-canvas-dark);display:block}}.prose .diagram-figure__svg-invert svg{width:100%;height:auto;display:block}.prose .diagram-figure__svg{background-color:#0000;width:100%}[data-theme=dark] .prose .diagram-figure,[data-theme=dark] .prose .diagram-figure__viewport,:root:not([data-theme=light]) .prose .diagram-figure,:root:not([data-theme=light]) .prose .diagram-figure__viewport{background:var(--diagram-canvas-dark);background-color:var(--diagram-canvas-dark)}[data-theme=dark] .prose .diagram-figure__footer-chrome,:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome{background:color-mix(in srgb, var(--diagram-canvas-dark) 88%, transparent);border-color:color-mix(in srgb, var(--color-border) 35%, transparent)}[data-theme=dark] .prose .diagram-figure__footer-chrome .diagram-figure__hint--chrome,:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome .diagram-figure__hint--chrome{color:color-mix(in srgb, var(--color-ink-secondary) 85%, #fff)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome{background:#101011;border:none}:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome--inline{background:color-mix(in srgb, var(--diagram-canvas-dark) 92%, #000);border-top-color:color-mix(in srgb, var(--color-border) 40%, transparent)}}.prose .diagram-figure__zoom-layer--loading{justify-content:center;align-items:center;width:100%;min-height:12rem;display:flex}.prose .diagram-figure__footer-chrome{left:var(--diagram-chrome-inset);right:var(--diagram-chrome-inset);bottom:var(--diagram-chrome-inset);z-index:6;justify-content:space-between;align-items:center;gap:var(--space-3);pointer-events:none;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--diagram-canvas-light) 92%, #fff);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);margin:0;padding:10px 15px;line-height:1.35;display:flex;position:absolute}.prose .diagram-figure__footer-chrome--inline{z-index:auto;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-top:1px solid color-mix(in srgb, var(--color-border) 75%, transparent);background:color-mix(in srgb, var(--diagram-canvas-light) 55%, var(--color-surface));pointer-events:auto;border-radius:0;flex-shrink:0;position:static;bottom:auto;left:auto;right:auto}[data-theme=dark] .prose .diagram-figure__footer-chrome--inline,:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome--inline{background:var(--diagram-canvas-dark);border-top-color:color-mix(in srgb, var(--color-border) 40%, transparent)}.prose .diagram-figure__footer-chrome--inline .diagram-figure__hint--chrome{text-align:center;font-size:var(--text-2xs)}.prose .diagram-figure__footer-chrome .diagram-figure__hint--chrome{min-width:0;font-size:var(--text-2xs);text-align:left;color:var(--color-ink-secondary);flex:1;margin:0;line-height:1.35}.prose .diagram-figure__footer-chrome .diagram-figure__watermark{opacity:.88;flex-shrink:0;align-items:center;line-height:0;display:flex;position:static}.prose .diagram-figure__footer-chrome .diagram-figure__watermark-img--light{display:block}.prose .diagram-figure__footer-chrome .diagram-figure__watermark-img--dark{display:none}.prose .diagram-figure__footer-chrome .diagram-figure__watermark-img{width:auto;height:auto;max-height:24px}[data-theme=dark] .prose .diagram-figure__footer-chrome{background:#101011;border:none}[data-theme=dark] .prose .diagram-figure__footer-chrome--inline{background:color-mix(in srgb, var(--diagram-canvas-dark) 92%, #000);border-top-color:color-mix(in srgb, var(--color-border) 40%, transparent)}[data-theme=dark] .prose .diagram-figure__footer-chrome .diagram-figure__hint--chrome{color:#e8e8ede6}[data-theme=dark] .prose .diagram-figure__footer-chrome .diagram-figure__watermark-img--light{display:none}[data-theme=dark] .prose .diagram-figure__footer-chrome .diagram-figure__watermark-img--dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome{background:#101011;border:none}:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome .diagram-figure__hint--chrome{color:#e8e8ede6}:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome .diagram-figure__watermark-img--light{display:none}:root:not([data-theme=light]) .prose .diagram-figure__footer-chrome .diagram-figure__watermark-img--dark{display:block}}.prose .diagram-figure__footer-chrome.diagram-figure__floating-chrome--visible{left:50%;right:auto;bottom:max(var(--diagram-chrome-inset), env(safe-area-inset-bottom,0px));z-index:210;width:min(36rem, calc(100vw - var(--diagram-chrome-inset) * 4));max-width:calc(100vw - var(--diagram-chrome-inset) * 4);position:fixed;transform:translate(-50%)}.prose .diagram-figure__watermark{pointer-events:none}.prose .diagram-figure__watermark-img--dark,[data-theme=dark] .prose .diagram-figure__watermark-img--light{display:none}[data-theme=dark] .prose .diagram-figure__watermark-img--dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose .diagram-figure__watermark-img--light{display:none}:root:not([data-theme=light]) .prose .diagram-figure__watermark-img--dark{display:block}}@media (max-width:768px){.prose .diagram-figure__footer-chrome{gap:var(--space-2);padding:8px 12px}.prose .diagram-figure__footer-chrome .diagram-figure__hint--chrome{font-size:.65rem;line-height:1.3}.prose .diagram-figure__footer-chrome.diagram-figure__floating-chrome--visible{width:calc(100vw - var(--space-3));max-width:none}}.prose .diagram-figure--error{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));touch-action:auto;overflow-x:auto}.prose .diagram-figure--error figcaption{font-size:var(--text-sm);color:var(--color-ink-secondary);margin-bottom:var(--space-3)}.prose .diagram-figure__error-detail{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--color-ink-tertiary);word-break:break-word}.prose .diagram-figure__fallback{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0;overflow-x:auto}.related-posts{background-color:var(--color-surface-alt);padding:var(--space-10) 0 var(--space-12)}.related-posts-inner{max-width:var(--site-max-width);padding:0 var(--site-gutter-x);margin:0 auto}.related-posts-heading{font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-ink-secondary);margin-bottom:var(--space-6);font-weight:600}.related-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.related-grid{grid-template-columns:1fr}}