@keyframes cosmos-reveal{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:none}}@keyframes cosmos-spin{to{transform:rotate(360deg)}}.article-viz,.cosmos-mount{margin:var(--viz-margin,48px) 0;max-width:none}.article-viz__figure{width:100%;animation:cosmos-reveal .7s var(--ease,cubic-bezier(.16, 1, .3, 1)) both;margin:0;padding:0}.article-viz__visual,.cosmos-visual{border:1px solid color-mix(in oklch, var(--text,#1c1917) 5%, transparent);border-radius:var(--radius-xl);background:linear-gradient(160deg,#f7f5f2 0%,#edeae5 100%);padding:clamp(24px,4vw,40px);position:relative;overflow:hidden}.article-viz__visual:before,.cosmos-visual:before{content:"";background:repeating-conic-gradient(color-mix(in oklch, var(--text,#1c1917) 2.5%, transparent) 0% 25%, transparent 0% 50%) 50% / 3px 3px;pointer-events:none;opacity:.4;mix-blend-mode:multiply;position:absolute;inset:0}.article-viz__visual svg,.cosmos-visual svg{width:100%;height:auto;display:block;position:relative}.article-viz__title{font-family:var(--font-serif,"Lora", Georgia, serif);font-size:var(--viz-fs-title,1.125rem);color:var(--text,#1c1917);letter-spacing:-.01em;margin-bottom:.875rem;font-weight:500}.article-viz__caption{font-family:var(--font-sans,"Plus Jakarta Sans", system-ui, sans-serif);color:var(--text-muted,#6b6560);letter-spacing:.005em;margin:.875em 0 0;font-size:.8125rem;line-height:1.6}.article-viz--inline,.article-viz[data-size=inline]:not([data-hydrated=true]){max-width:680px}.article-viz--wide,.prose .article-viz.article-viz--wide,.paper-body .article-viz.article-viz--wide,.article-viz[data-size=wide]:not([data-hydrated=true]){max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 max(24px,50vw - 550px)}.article-viz--full,.prose .article-viz.article-viz--full,.paper-body .article-viz.article-viz--full,.article-viz[data-size=full]:not([data-hydrated=true]),.cosmos-mount[data-size=full]:not([data-hydrated=true]){max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}.article-viz--hero .article-viz__visual,.article-viz--full .article-viz__visual{padding:clamp(32px,5vw,56px)}.article-viz--hero .article-viz__visual:before{opacity:.25}.article-viz:not([data-hydrated=true]),.cosmos-mount:not([data-hydrated=true]){aspect-ratio:1200/740;border-radius:var(--radius-xl);background:color-mix(in oklch, var(--text,#1c1917) 2%, transparent);border:1px dashed color-mix(in oklch, var(--text,#1c1917) 7%, transparent);justify-content:center;align-items:center;min-height:clamp(300px,52vw,620px);display:flex}.article-viz--inline:not([data-hydrated=true]){min-height:clamp(260px,48vw,460px)}.article-viz:not([data-hydrated=true]):after,.cosmos-mount:not([data-hydrated=true]):after{content:"";border:2px solid color-mix(in oklch, var(--text,#1c1917) 10%, transparent);border-top-color:var(--primary,#0f68b1);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite cosmos-spin}.cosmos-tooltip{pointer-events:none;background:var(--surface,#fff);color:var(--text,#1c1917);font:400 12px/1.45 var(--font-sans,"Plus Jakarta Sans", system-ui, sans-serif);border:1px solid color-mix(in oklch, var(--text,#1c1917) 10%, transparent);opacity:0;z-index:10;border-radius:8px;max-width:260px;padding:8px 10px;transition:opacity .15s;position:absolute;box-shadow:0 8px 24px #00000014}.cosmos-tooltip strong{margin-bottom:4px;font-weight:600;display:block}@media (width<=768px){.article-viz,.cosmos-mount{margin:32px 0}.article-viz__visual,.cosmos-visual{border-radius:var(--radius-lg);padding:20px 16px}.article-viz:not([data-hydrated=true]),.cosmos-mount:not([data-hydrated=true]){min-height:min(78vw,460px)}}@media (width<=640px){.article-viz__visual svg text,.cosmos-visual svg text{display:none}}[data-theme=dark] .article-viz__visual,[data-theme=dark] .cosmos-visual{background:linear-gradient(160deg,#2d2926 0%,#252220 100%);border-color:#ffffff0f}[data-theme=dark] .article-viz__visual:before,[data-theme=dark] .cosmos-visual:before{mix-blend-mode:screen;background:repeating-conic-gradient(#ffffff05 0% 25%,#0000 0% 50%) 50%/3px 3px}[data-theme=dark] .cosmos-tooltip{color:#f5f3f0;background:#1c1917}