@layer theme,base;@layer components{:is(.blog-prose,.blog-editor-canvas){--prose-gap:1.25em;color:var(--fg);overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.72}:is(.blog-prose,.blog-editor-canvas) ::selection{background:color-mix(in srgb, var(--accent2) 28%, transparent)}:is(.blog-prose,.blog-editor-canvas)>:first-child{margin-top:0}:is(.blog-prose,.blog-editor-canvas)>:last-child{margin-bottom:0}:is(.blog-prose,.blog-editor-canvas) :is(h2,h3,h4){font-family:var(--font-inter), sans-serif;color:var(--fg);text-wrap:balance;scroll-margin-top:6rem;font-weight:600;position:relative}:is(.blog-prose,.blog-editor-canvas) h2{letter-spacing:-.018em;margin:2.4em 0 .7em;font-size:1.5rem;line-height:1.25}:is(.blog-prose,.blog-editor-canvas) h3{letter-spacing:-.01em;margin:2em 0 .6em;font-size:1.2rem;line-height:1.32}:is(.blog-prose,.blog-editor-canvas) h4{margin:1.75em 0 .5em;font-size:1.0625rem;line-height:1.4}:is(.blog-prose,.blog-editor-canvas) p{margin:var(--prose-gap) 0}:is(.blog-prose,.blog-editor-canvas) strong{color:var(--fg);font-weight:600}:is(.blog-prose,.blog-editor-canvas) a{color:var(--accent2);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--accent2) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent2) 40%, transparent);transition:text-decoration-color var(--dur-fast) ease}:is(.blog-prose,.blog-editor-canvas) a:hover{text-decoration-color:currentColor}:is(.blog-prose,.blog-editor-canvas) hr{border:0;border-top:1px solid var(--border);margin:2.75em 0}:is(.blog-prose,.blog-editor-canvas) :is(ul,ol){margin:var(--prose-gap) 0;padding-left:1.5em}:is(.blog-prose,.blog-editor-canvas) ul{list-style:outside}:is(.blog-prose,.blog-editor-canvas) ol{list-style:decimal}:is(.blog-prose,.blog-editor-canvas) li{margin:.35em 0;padding-left:.25em}:is(.blog-prose,.blog-editor-canvas) li::marker{color:var(--muted)}:is(.blog-prose,.blog-editor-canvas) li>p{margin:.35em 0}:is(.blog-prose,.blog-editor-canvas) blockquote{border-left:1px solid var(--border-hover);color:var(--muted);margin:1.75em 0;padding:.1em 0 .1em 1.25em;font-size:1.0625em}:is(.blog-prose,.blog-editor-canvas) blockquote>:first-child{margin-top:0}:is(.blog-prose,.blog-editor-canvas) blockquote>:last-child{margin-bottom:0}:is(.blog-prose,.blog-editor-canvas) :not(pre)>code{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--node-tint);font-family:var(--font-mono-stack);padding:.12em .4em;font-size:.86em}:is(.blog-prose,.blog-editor-canvas) pre{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--fg) 4%, var(--surface));color:var(--fg);font-family:var(--font-mono-stack);tab-size:2;margin:1.75em 0;padding:1rem 1.125rem;font-size:.875rem;line-height:1.65;position:relative;overflow-x:auto}:is(.blog-prose,.blog-editor-canvas) pre code{font:inherit;color:inherit;background:0 0;border:0;padding:0}:is(.blog-prose,.blog-editor-canvas) :is(.hljs-comment,.hljs-quote){color:var(--muted);font-style:italic}:is(.blog-prose,.blog-editor-canvas) :is(.hljs-keyword,.hljs-selector-tag,.hljs-doctag,.hljs-template-tag,.hljs-name,.hljs-tag){color:var(--accent2)}:is(.blog-prose,.blog-editor-canvas) :is(.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta .hljs-string){color:var(--success)}:is(.blog-prose,.blog-editor-canvas) :is(.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet){color:var(--warn)}:is(.blog-prose,.blog-editor-canvas) :is(.hljs-title,.hljs-section,.hljs-title.function_){color:color-mix(in srgb, var(--accent2) 55%, var(--fg))}:is(.blog-prose,.blog-editor-canvas) :is(.hljs-title.class_,.hljs-type,.hljs-built_in){color:color-mix(in srgb, var(--warn) 65%, var(--fg))}:is(.blog-prose,.blog-editor-canvas) :is(.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable,.hljs-deletion){color:var(--danger)}:is(.blog-prose,.blog-editor-canvas) :is(.hljs-meta,.hljs-link){color:var(--muted)}:is(.blog-prose,.blog-editor-canvas) .hljs-emphasis{font-style:italic}:is(.blog-prose,.blog-editor-canvas) .hljs-strong{font-weight:700}:is(.blog-prose,.blog-editor-canvas) [data-callout]{--callout-ink:var(--accent2);--callout-bg:var(--accent-softer);--callout-border:color-mix(in srgb, var(--accent2) 28%, transparent);--callout-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");border:1px solid var(--callout-border);border-radius:var(--radius-lg);background:var(--callout-bg);margin:1.75em 0;padding:.9rem 1.125rem .9rem 2.875rem;font-size:.96em;position:relative}:is(.blog-prose,.blog-editor-canvas) [data-callout]:before{content:"";background:var(--callout-ink);width:1.15rem;height:1.15rem;-webkit-mask:var(--callout-icon) center / contain no-repeat;-webkit-mask:var(--callout-icon) center / contain no-repeat;mask:var(--callout-icon) center / contain no-repeat;position:absolute;top:1.05rem;left:1.05rem}:is(.blog-prose,.blog-editor-canvas) [data-callout][data-callout-type=success]{--callout-ink:var(--success);--callout-bg:var(--success-soft);--callout-border:var(--success-border);--callout-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}:is(.blog-prose,.blog-editor-canvas) [data-callout][data-callout-type=warning]{--callout-ink:var(--warn);--callout-bg:var(--warn-soft);--callout-border:var(--warn-border);--callout-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.6 2.9 17.5A2 2 0 0 0 4.6 20.5h14.8a2 2 0 0 0 1.7-3L13.7 4.6a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E")}:is(.blog-prose,.blog-editor-canvas) [data-callout][data-callout-type=danger]{--callout-ink:var(--danger);--callout-bg:var(--danger-soft);--callout-border:var(--danger-border);--callout-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.5l5 5M14.5 9.5l-5 5'/%3E%3C/svg%3E")}:is(.blog-prose,.blog-editor-canvas) [data-callout]>:first-child,:is(.blog-prose,.blog-editor-canvas) [data-callout] [data-node-view-content]>:first-child{margin-top:0}:is(.blog-prose,.blog-editor-canvas) [data-callout]>:last-child,:is(.blog-prose,.blog-editor-canvas) [data-callout] [data-node-view-content]>:last-child{margin-bottom:0}:is(.blog-prose,.blog-editor-canvas) [data-callout] p{margin:.6em 0}:is(.blog-prose,.blog-editor-canvas) :is(.table-scroll,.tableWrapper){width:100%;margin:1.75em 0;overflow-x:auto}:is(.blog-prose,.blog-editor-canvas) table{border-collapse:collapse;width:100%;margin:1.75em 0;font-size:.9375rem;line-height:1.55}:is(.blog-prose,.blog-editor-canvas) :is(.table-scroll,.tableWrapper)>table{margin:0}:is(.blog-prose,.blog-editor-canvas) :is(th,td){border:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem .8rem}:is(.blog-prose,.blog-editor-canvas) th{background:var(--node-tint);color:var(--fg);font-weight:600}:is(.blog-prose,.blog-editor-canvas) :is(th,td)>p{margin:0}:is(.blog-prose,.blog-editor-canvas) img{border:1px solid var(--border);border-radius:var(--radius-xl);max-width:100%;height:auto;margin:2em auto;display:block}:is(.blog-prose,.blog-editor-canvas) [data-embed]{margin:2em 0}:is(.blog-prose,.blog-editor-canvas) [data-embed] iframe,.blog-embed-frame{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--node-tint);width:100%;height:auto;display:block}:is(.blog-prose,.blog-editor-canvas) [data-embed=bookmark] a,.blog-embed-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-xs);color:var(--fg);font-family:var(--font-mono-stack);transition:border-color var(--dur-fast) ease;align-items:center;gap:.625rem;padding:.85rem 1rem;font-size:.875rem;text-decoration:none;display:flex}:is(.blog-prose,.blog-editor-canvas) [data-embed=bookmark] a:hover,.blog-embed-card:hover{border-color:var(--border-hover)}:is(.blog-prose,.blog-editor-canvas) [data-embed=bookmark] a:before{content:"";background:var(--accent2);flex-shrink:0;width:1rem;height:1rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") 50%/contain no-repeat}.blog-prose pre[data-mermaid]{color:var(--muted)}.blog-prose .blog-mermaid{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);justify-content:center;margin:2em 0;padding:1.5rem;display:flex;overflow-x:auto}.blog-prose .blog-mermaid svg{max-width:100%;height:auto}.blog-prose .blog-mermaid-error{font-family:var(--font-sans,inherit);color:var(--danger);margin-top:.5rem;font-size:.8125rem;display:block}.blog-code-copy{border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--surface);height:1.75rem;color:var(--muted);font-family:var(--font-sans,inherit);opacity:0;cursor:pointer;transition:opacity var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease;align-items:center;padding:0 .6rem;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.blog-prose pre:hover .blog-code-copy,.blog-code-copy:focus-visible{opacity:1}.blog-code-copy:hover{color:var(--fg);border-color:var(--border-hover)}.blog-code-copy[data-state=copied]{opacity:1;color:var(--success);border-color:var(--success-border)}.blog-code-copy[data-state=failed]{opacity:1;color:var(--danger);border-color:var(--danger-border)}.blog-heading-anchor{vertical-align:middle;border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:var(--muted);opacity:0;cursor:pointer;transition:opacity var(--dur-fast) ease, color var(--dur-fast) ease, background-color var(--dur-fast) ease;place-items:center;margin-left:.375rem;display:inline-grid}.blog-heading-anchor svg{width:1rem;height:1rem}.blog-prose :is(h2,h3):hover .blog-heading-anchor,.blog-heading-anchor:focus-visible{opacity:1}.blog-heading-anchor:hover{color:var(--fg);background:var(--node-tint)}.blog-heading-anchor[data-state=copied]{opacity:1;color:var(--success)}@media (hover:none){.blog-code-copy{opacity:1}.blog-heading-anchor{opacity:.6}}}@layer utilities;
