.document-diagram{isolation:isolate;width:100%;color:var(--preview-text,#1a1c1f);font-family:var(--preview-font-sans,-apple-system,system-ui,"Segoe UI",sans-serif);margin-block:8px;font-size:13px;line-height:1.5;position:relative}.document-diagram-preview,.document-diagram-canvas{justify-content:center;align-items:center;width:100%;min-height:240px;display:flex}.document-diagram-preview[hidden]{display:none}.document-diagram-canvas{border-radius:10px;overflow:hidden}.document-diagram-svg-host{display:contents}.document-diagram-svg{-webkit-user-select:text;user-select:text;width:auto;max-width:100%;height:auto;display:inline-block}.document-diagram-canvas-fill,.document-diagram-canvas-fill .document-diagram-svg{width:100%;max-width:none;height:100%;min-height:0;max-height:none}.document-diagram-error{color:var(--preview-muted,#6e6e80);-webkit-user-select:none;user-select:none;padding:24px;font-size:14px}.document-diagram-actions{opacity:0;align-items:center;gap:2px;transition:opacity .1s;display:flex;position:absolute;inset-block-start:8px;inset-inline-end:8px}.document-diagram:hover .document-diagram-actions,.document-diagram:focus-within .document-diagram-actions{opacity:1}.document-diagram-icon-button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.document-diagram-actions .document-diagram-icon-button{background:var(--preview-surface,#fff);color:var(--preview-muted,#6e6e80)}.document-diagram-icon-button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.document-diagram-icon-button:focus-visible{outline:2px solid var(--preview-accent,#339cff);outline-offset:2px}.document-diagram-icon-button:disabled{opacity:.4;cursor:default}.document-diagram-notice:not(:empty){background:var(--preview-surface-elevated,#f9f9f9);max-width:calc(100% - 16px);color:var(--preview-text,#1a1c1f);pointer-events:none;border-radius:6px;padding:5px 9px;font-size:12px;position:absolute;inset-block-end:8px;inset-inline-end:8px}.document-diagram-source{white-space:pre;text-align:start;min-height:240px;max-height:480px;color:var(--preview-text,#1a1c1f);background:color-mix(in srgb,currentColor 4%,transparent);border-radius:10px;margin:0;padding:42px 20px 20px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;overflow:auto}.document-diagram-source code{font:inherit;color:inherit;background:0 0;padding:0}.document-diagram-menu{z-index:90;color:#1a1c1f;background:#fff;border:1px solid #1a1c1f1a;border-radius:10px;min-width:190px;padding:5px;font-family:-apple-system,system-ui,Segoe UI,sans-serif;font-size:13px;box-shadow:0 8px 28px #00000024}.document-diagram-menu [role=menuitem]{cursor:default;border-radius:6px;outline:none;align-items:center;gap:9px;min-height:30px;padding:5px 8px;display:flex}.document-diagram-menu [data-highlighted]{background:#1a1c1f0f}.document-diagram-menu [data-disabled]{opacity:.4}.document-diagram-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;position:fixed;inset:0}.document-diagram-dialog{z-index:81;color:#1a1c1f;background:#fff;border:1px solid #1a1c1f1a;border-radius:16px;outline:none;flex-direction:column;font-family:-apple-system,system-ui,Segoe UI,sans-serif;font-size:13px;display:flex;position:fixed;inset:24px;overflow:hidden;box-shadow:0 24px 80px #0000003d}.document-diagram-dialog-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 8px 20px;font-weight:500;display:flex}.document-diagram-dialog-actions{align-items:center;gap:6px;display:flex}.document-diagram-stage{cursor:grab;touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;overflow:hidden}.document-diagram-stage:active{cursor:grabbing}.document-diagram-transform{transform-origin:50%;width:100%;height:100%}.document-diagram-zoom-controls{border:1px solid #1a1c1f1a;border-radius:999px;align-self:center;align-items:center;gap:6px;margin:0 0 14px;padding:4px 8px;display:flex}.document-diagram-zoom-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:44px}.document-diagram-loading{align-items:center;gap:5px;min-height:240px;display:flex}.document-diagram-loading span{opacity:.18;background:currentColor;border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite document-diagram-pulse}.document-diagram-loading span:nth-child(2){animation-delay:.15s}.document-diagram-loading span:nth-child(3){animation-delay:.3s}@keyframes document-diagram-pulse{50%{opacity:.5}}.dark .document-diagram-menu,.dark .document-diagram-dialog{color:#fff;background:#181818;border-color:#ffffff1a}.dark .document-diagram-menu [data-highlighted]{background:#ffffff14}.dark .document-diagram-dialog>.document-diagram-notice:not(:empty){color:#fff;background:#242424}.dark .document-diagram-zoom-controls{border-color:#ffffff1a}@media (hover:none){.document-diagram-actions{opacity:1}}@media (max-width:640px){.document-diagram-dialog{border-radius:12px;inset:8px}.document-diagram-stage{padding:12px}}@media (prefers-reduced-motion:reduce){.document-diagram-loading span{animation:none}.document-diagram-actions{transition:none}}
.document-prose{--preview-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--preview-font-mono:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--preview-font-size:13px;--preview-surface:#fff;--preview-surface-elevated:#ffffffb3;--preview-text:#1a1c1f;--preview-muted:#1a1c1fb3;--preview-border:#1a1c1f14;--preview-accent:#339cff;--preview-accent-background:#e5f3ff;--font-ui-family:var(--preview-font-sans);--font-code-family:var(--preview-font-mono);--font-ui-weight:400;--codex-chat-font-size:var(--preview-font-size);--codex-chat-code-font-size:12px;--text-heading-lg:24px;--text-heading-md:20px;--text-heading-sm:18px;--text-xs:11px;--spacing:4px;--padding-toolbar:0px;--radius-lg:10px;--color-text:var(--preview-text);--color-text-secondary:var(--preview-muted);--color-text-tertiary:#1a1c1f80;--color-text-info:var(--preview-accent);--color-border:var(--preview-border);--color-border-strong:#1a1c1f1f;--color-border-subtle:#1a1c1f0d;--color-background-primary:var(--preview-surface);--color-background-secondary-soft-alpha:#00000014;--color-codex-editor-inline-code-background:#1a1c1f05;--color-codex-editor-inline-code-foreground:var(--preview-text);--color-codex-editor-cursor:var(--preview-accent);color:var(--preview-text);font-family:var(--preview-font-sans);font-size:var(--preview-font-size);text-align:start;line-height:1.4;position:relative}.dark .document-prose{--preview-surface:#181818;--preview-surface-elevated:#212121f5;--preview-text:#dfdfdf;--preview-muted:#ffffffb3;--preview-border:#ffffff14;--preview-accent:#99ceff;--preview-accent-background:#00284d;--color-text-tertiary:#ffffff80;--color-border-strong:#dfdfdf1f;--color-border-subtle:#dfdfdf0d;--color-background-secondary-soft-alpha:#ffffff1f;--color-codex-editor-inline-code-background:#ffffff08}.document-editor-loading{visibility:hidden;width:100%;position:absolute}.document-snapshot{padding:0 0 64px}.document-snapshot p{margin:1em 0}.document-snapshot h2{margin:1em 0;font-size:20px;font-weight:500}.document-snapshot h3{margin:1em 0;font-size:18px;font-weight:500}.document-snapshot blockquote{border-left:4px solid var(--color-border);color:var(--preview-muted);margin:1em 0;padding-left:12px}.document-snapshot table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:inherit}.document-snapshot th,.document-snapshot td{overflow-wrap:anywhere;text-align:start;padding:8px 12px}.document-snapshot td{border-top:1px solid var(--preview-border)}.document-snapshot pre{font-size:12px;overflow:auto}.document-snapshot a{color:var(--color-text-info);text-decoration:underline}
.post-article{grid-template-columns:minmax(0,760px) 200px;column-gap:64px;width:calc(100% - 64px);max-width:1024px;margin:0 auto;padding:44px 0 72px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.post-article-header{border-bottom:1px solid hsl(var(--border));grid-column:1;margin-bottom:32px;padding-bottom:28px}.post-article-back{color:hsl(var(--muted-foreground));align-items:center;gap:7px;font-size:13px;display:inline-flex}.post-article-back:hover{color:hsl(var(--foreground))}.post-article-category{color:hsl(var(--primary));margin:30px 0 12px;font-size:12px;font-weight:600}.post-article-header h1{color:hsl(var(--foreground));letter-spacing:-.035em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:42px;font-weight:650;line-height:1.25}.post-article-summary{color:hsl(var(--muted-foreground));word-break:keep-all;overflow-wrap:anywhere;margin:18px 0 0;font-size:16px;line-height:1.65}.post-article-byline{color:hsl(var(--muted-foreground));flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;font-size:12px;line-height:1.5;display:flex}.post-article-byline>span:first-child{color:hsl(var(--foreground))}.post-article-tags{color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:6px 14px;margin-top:16px;font-size:12px;display:flex}.post-article-tags a:hover{color:hsl(var(--foreground));text-underline-offset:3px;text-decoration:underline}.post-article-body{grid-area:2/1;min-width:0}.post-article-outline{border-left:1px solid hsl(var(--border));scrollbar-width:thin;grid-area:2/2;align-self:start;max-height:calc(100dvh - 140px);padding:4px 0 4px 18px;position:sticky;top:100px;overflow-y:auto}.post-article-outline>p{color:hsl(var(--foreground));margin:0 0 15px;font-size:12px;font-weight:600}.post-article-outline nav,.post-article-mobile-outline nav{flex-direction:column;gap:12px;display:flex}.post-article-outline a,.post-article-mobile-outline a{color:hsl(var(--muted-foreground));text-wrap:pretty;overflow-wrap:anywhere;font-size:12px;line-height:1.6;display:block}.post-article-outline .post-outline-subheading,.post-article-mobile-outline .post-outline-subheading{padding-left:12px;font-size:11px}.post-article-outline a:hover,.post-article-mobile-outline a:hover{color:hsl(var(--foreground))}.post-article-outline a[aria-current],.post-article-mobile-outline a[aria-current]{color:hsl(var(--foreground));font-weight:600}.post-article-mobile-outline{display:none}.post-article-footer{grid-column:1;min-width:0;margin-top:32px}.post-article-footer>nav{margin-top:32px}.post-article a:focus-visible,.post-article summary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px;border-radius:2px}@media (max-width:1099px){.post-article{width:calc(100% - 48px);max-width:760px;display:block}.post-article-outline{display:none}.post-article-mobile-outline{border-bottom:1px solid hsl(var(--border));margin:-8px 0 26px;display:block}.post-article-mobile-outline summary{cursor:pointer;color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;list-style:none;display:flex}.post-article-mobile-outline summary::-webkit-details-marker{display:none}.post-article-mobile-outline[open] summary svg{transform:rotate(180deg)}.post-article-mobile-outline nav{padding:6px 0 20px}}@media (max-width:600px){.post-article{width:calc(100% - 40px);padding-top:28px;padding-bottom:48px}.post-article-category{margin-top:24px}.post-article-header{margin-bottom:26px;padding-bottom:24px}.post-article-header h1{letter-spacing:-.025em;font-size:30px;line-height:1.3}.post-article-summary{margin-top:16px;font-size:15px}.post-article-byline{margin-top:18px}.post-article-tags{gap:6px 12px}}