.blog-prose .post-callout{background:var(--bg-grid-container);border:1px solid #1111111a;border-left:4px solid #111;border-radius:14px;margin:0 0 1.8em;padding:20px 22px}.post-callout-title{font-family:var(--font-display);margin:0 0 .5em;font-size:1.05rem;font-weight:700}.blog-prose .post-callout ul{margin:0}.blog-prose .post-callout>:last-child{margin-bottom:0}.post-figure{margin:2em 0}.post-figure img{background:var(--bg-grid-container);border-radius:16px;width:100%;height:auto;transition:opacity .45s,filter .6s;display:block;box-shadow:0 12px 32px #1414281f,0 2px 6px #1414280f}.post-figure img[data-loading]{opacity:0;filter:blur(14px)}.post-figure figcaption,.post-chart-note{opacity:.8;margin-top:12px;font-size:.9rem;line-height:1.55}.post-figure figcaption{text-align:center}.post-code{background:#f7f7fa;border:1px solid #1111111f;border-radius:14px;margin:1.8em 0;overflow:hidden}.post-code figcaption{border-bottom:1px solid #1111111a;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 16px;font-size:.82rem;font-weight:600;display:flex}.post-code button{border-radius:var(--radius-pill);min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #1111112e;align-items:center;padding:0 14px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.post-code button>span>*{align-items:center;gap:6px;display:inline-flex}.post-code button:hover{color:#fff;background:#000;border-color:#000}.post-code pre{tab-size:2;margin:0;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.65;overflow-x:auto}.post-code pre:focus-visible{outline-offset:-4px;outline:2px solid}:is(.blog-prose,.work-body) .post-code code{font:inherit;overflow-wrap:normal;background:0 0;border-radius:0;padding:0}.post-code .hljs-comment,.post-code .hljs-quote,.post-code .hljs-meta{color:#62627a}.post-code .hljs-keyword,.post-code .hljs-literal,.post-code .hljs-built_in,.post-code .hljs-selector-tag{color:#6d28d9}.post-code .hljs-string,.post-code .hljs-regexp{color:#0f6e3c}.post-code .hljs-number,.post-code .hljs-variable,.post-code .hljs-template-variable{color:#9a4500}.post-code .hljs-attr,.post-code .hljs-attribute,.post-code .hljs-property,.post-code .hljs-title{color:#1d4ab8}.post-code .hljs-tag,.post-code .hljs-name,.post-code .hljs-selector-class,.post-code .hljs-selector-id{color:#b4232c}.post-chart{border:1px solid #1111111a;border-radius:18px;margin:2em 0;padding:22px 22px 18px}:is(.blog-prose,.work-body) .post-chart-title{font-family:var(--font-display);margin:0 0 16px;font-size:1.05rem;font-weight:700;line-height:1.35}:is(.blog-prose,.work-body) .post-chart-legend{flex-wrap:wrap;gap:6px 18px;margin:0 0 16px;padding:0;font-size:.85rem;list-style:none;display:flex}:is(.blog-prose,.work-body) .post-chart-legend li{align-items:center;gap:8px;margin:0;display:inline-flex}.post-chart-swatch{border-radius:3px;width:12px;height:12px}.post-chart-label{font-size:.9rem;line-height:1.35}.post-chart-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem;font-weight:600}.post-chart .s0{stroke:#1a1a1a;background-color:#1a1a1a}.post-chart .s1{stroke:#8c8c96;background-color:#8c8c96}.post-chart .s2{stroke:#555560;background-color:#555560}.is-bar{gap:12px;display:grid}.is-bar .post-chart-row{grid-template-columns:minmax(0,11rem) minmax(0,1fr);align-items:center;gap:4px 14px;display:grid}.is-bar .post-chart-bars{gap:4px;display:grid}.is-bar .post-chart-track{align-items:center;gap:8px;display:flex}.is-bar .post-chart-bar{transform-origin:0;width:calc(var(--v) * .8);border-radius:0 8px 8px 0;min-width:3px;height:16px}@media (width<=600px){.is-bar .post-chart-row{grid-template-columns:minmax(0,1fr)}}.is-column{gap:clamp(6px,2vw,16px);height:260px;display:flex}.is-column .post-chart-row{flex-direction:column-reverse;flex:1;gap:8px;min-width:0;display:flex}.is-column .post-chart-label{text-align:center;font-size:.8rem}.is-column .post-chart-bars{border-bottom:1px solid #11111140;flex:1;gap:3px;display:flex}.is-column .post-chart-track{flex-direction:column-reverse;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.is-column .post-chart-bar{transform-origin:bottom;width:100%;max-width:56px;height:calc(var(--v) * .85);border-radius:6px 6px 0 0;min-height:2px}.is-column .post-chart-value{font-size:.75rem}@media (width<=600px){.is-column .post-chart-value{font-size:.66rem}}.is-bar[data-grow] .post-chart-bar{transform:scaleX(0)}.is-column[data-grow] .post-chart-bar{transform:scaleY(0)}.is-line[data-grow] svg{clip-path:inset(-10px 100% -10px -10px)}.post-chart-plot[data-grow] .post-chart-value,.is-line[data-grow] .post-chart-dot{visibility:hidden}.post-chart-area{height:220px;margin:18px 44px 0 52px;position:relative}.post-chart-area svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.post-chart-area polyline{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.post-chart-grid{opacity:.8;border-bottom:1px dashed #11111129;font-size:.72rem;line-height:1;position:absolute;left:-52px;right:0}.post-chart-dot{border-radius:50%;width:10px;height:10px;margin:0 0 -5px -5px;position:absolute}.post-chart-dot .post-chart-value{color:var(--text-main);position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.post-chart-axis{height:1.5em;margin:10px 44px 0 52px;font-size:.78rem;position:relative}.post-chart-axis span{white-space:nowrap;position:absolute;transform:translate(-50%)}body.dark-mode .blog-prose .post-callout{background:var(--card-bg-dark);border-color:#ffffff1a #ffffff1a #ffffff1a #fff}body.dark-mode .post-figure img{outline:1px solid #ffffff14;box-shadow:0 12px 32px #00000080}body.dark-mode .post-code{background:#10101c;border-color:#ffffff1f}body.dark-mode .post-code figcaption{border-bottom-color:#ffffff1a}body.dark-mode .post-code button{border-color:#ffffff40}body.dark-mode .post-code button:hover{color:#0a0a0f;background:#fff;border-color:#fff}body.dark-mode .post-code .hljs-comment,body.dark-mode .post-code .hljs-quote,body.dark-mode .post-code .hljs-meta{color:#a3a3b8}body.dark-mode .post-code .hljs-keyword,body.dark-mode .post-code .hljs-literal,body.dark-mode .post-code .hljs-built_in,body.dark-mode .post-code .hljs-selector-tag{color:#c4b5fd}body.dark-mode .post-code .hljs-string,body.dark-mode .post-code .hljs-regexp{color:#86efac}body.dark-mode .post-code .hljs-number,body.dark-mode .post-code .hljs-variable,body.dark-mode .post-code .hljs-template-variable{color:#fdba74}body.dark-mode .post-code .hljs-attr,body.dark-mode .post-code .hljs-attribute,body.dark-mode .post-code .hljs-property,body.dark-mode .post-code .hljs-title{color:#93c5fd}body.dark-mode .post-code .hljs-tag,body.dark-mode .post-code .hljs-name,body.dark-mode .post-code .hljs-selector-class,body.dark-mode .post-code .hljs-selector-id{color:#fca5a5}body.dark-mode .post-chart{border-color:#ffffff1a}body.dark-mode .post-chart .s0{stroke:#f5f5f7;background-color:#f5f5f7}body.dark-mode .post-chart .s1{stroke:#a78bfa;background-color:#a78bfa}body.dark-mode .post-chart .s2{stroke:#8e8ea8;background-color:#8e8ea8}body.dark-mode .is-column .post-chart-bars{border-bottom-color:#ffffff4d}body.dark-mode .post-chart-grid{border-bottom-color:#ffffff29}@media (prefers-reduced-motion:reduce){.post-figure img[data-loading]{filter:none}.post-figure img,.post-code button{transition:none}}