.article-content[data-v-6850c9e0]{--article-link-color:oklch(58% .17 250);--article-link-hover-color:oklch(50% .19 250);--article-link-underline:color-mix(in oklch,var(--article-link-color),transparent 48%);--article-link-hover-bg:color-mix(in oklch,var(--article-link-color),transparent 91%);min-width:0;width:100%;padding-block:clamp(24px,4vw,42px);padding-inline:clamp(12px,2vw,21px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(145deg,color-mix(in oklch,var(--color-accent),transparent 97%),transparent 34rem),color-mix(in oklch,var(--color-surface),var(--color-bg) 44%);color:var(--color-foreground);box-shadow:var(--shadow-soft)}html[data-theme=dark]{--article-link-color:oklch(78% .12 245);--article-link-hover-color:oklch(84% .11 240);--article-link-underline:color-mix(in oklch,var(--article-link-color),transparent 42%);--article-link-hover-bg:color-mix(in oklch,var(--article-link-color),transparent 88%)}.article-content[data-v-6850c9e0] .article-lead-paragraph{color:var(--color-foreground);font-size:clamp(19px,2vw,22px);line-height:1.72}.article-markdown[data-v-6850c9e0] .article-section{padding-top:clamp(28px,5vw,44px);scroll-margin-top:100px}.article-content[data-v-6850c9e0] h2{margin:0 0 14px;font-size:clamp(22px,2.4vw,30px);line-height:1.2}.article-content[data-v-6850c9e0] p,.article-content[data-v-6850c9e0] ul{color:color-mix(in oklch,var(--color-foreground),var(--color-muted) 36%);font-size:16px;line-height:1.75}.article-content[data-v-6850c9e0] p{margin:16px 0}.article-content[data-v-6850c9e0] a{color:var(--article-link-color);font-weight:650;text-decoration-line:underline;text-decoration-color:var(--article-link-underline);text-decoration-thickness:.08em;text-underline-offset:.18em;transition:background-color var(--motion-fast),color var(--motion-fast),text-decoration-color var(--motion-fast)}.article-content[data-v-6850c9e0] a:focus-visible,.article-content[data-v-6850c9e0] a:hover{border-radius:var(--radius-xs);background-color:var(--article-link-hover-bg);color:var(--article-link-hover-color);text-decoration-color:currentColor}.article-content[data-v-6850c9e0] a:active{color:color-mix(in oklch,var(--article-link-hover-color),var(--color-foreground) 14%)}.article-content[data-v-6850c9e0] ul{margin:0;padding-left:20px}.article-content[data-v-6850c9e0] li{margin-bottom:4px}.article-content[data-v-6850c9e0] .pullquote{margin:clamp(30px,5vw,46px) 0 4px;padding:clamp(22px,4vw,32px) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,color-mix(in oklch,var(--color-accent),transparent 94%),transparent 54%)}.article-content[data-v-6850c9e0] .pullquote blockquote{margin:0;max-width:690px;font-size:clamp(25px,3vw,38px);font-weight:650;line-height:1.25}.article-content[data-v-6850c9e0] .pullquote p{margin:0;color:var(--color-foreground);font-size:inherit;font-weight:inherit;line-height:inherit}.article-content[data-v-6850c9e0] :not(pre)>code{padding:.12em .36em;border:1px solid color-mix(in oklch,var(--color-accent),var(--color-border) 68%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--color-accent),var(--color-surface) 91%);color:color-mix(in oklch,var(--color-foreground),var(--color-accent) 28%);font-family:var(--font-mono);font-size:.92em;font-weight:650}.article-content[data-v-6850c9e0] pre{position:relative;margin:16px 0 28px;padding:46px clamp(14px,2vw,18px) clamp(16px,2vw,20px);overflow:hidden;border:1px solid color-mix(in oklch,var(--color-accent),var(--color-border) 62%);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in oklch,var(--color-accent),transparent 88%),transparent 48%),color-mix(in oklch,var(--color-surface),var(--color-bg) 62%);box-shadow:0 1px color-mix(in oklch,var(--color-surface),transparent 8%) inset,0 14px 34px color-mix(in oklch,var(--color-route),transparent 90%)}.article-content[data-v-6850c9e0] pre:before{position:absolute;top:13px;left:clamp(14px,2vw,18px);color:#929da8;font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;content:""}.article-content[data-v-6850c9e0] pre[data-language]:before{content:attr(data-language)}.article-content[data-v-6850c9e0] .code-scroll-area{overflow-x:auto;overscroll-behavior-inline:contain}.article-content[data-v-6850c9e0] pre code{display:block;min-width:-moz-max-content;min-width:max-content;padding:0 72px 0 0;border:0;background:transparent;color:color-mix(in oklch,var(--color-foreground),var(--color-muted) 12%);font-family:var(--font-mono);font-size:clamp(13px,1.35vw,14px);font-weight:500;line-height:1.72;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.article-content[data-v-6850c9e0] .code-copy-button{position:absolute;top:9px;right:10px;min-width:56px;min-height:30px;padding:0 10px;border:1px solid color-mix(in oklch,var(--color-accent),var(--color-border) 42%);border-radius:var(--radius-xs);background:color-mix(in oklch,var(--color-surface),var(--color-accent) 9%);color:color-mix(in oklch,var(--color-foreground),var(--color-accent) 22%);font-family:var(--font-mono);font-size:12px;font-weight:750;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.article-content[data-v-6850c9e0] .code-copy-button:focus-visible,.article-content[data-v-6850c9e0] .code-copy-button:hover{border-color:color-mix(in oklch,var(--color-accent),var(--color-border) 12%);background:color-mix(in oklch,var(--color-accent),var(--color-surface) 82%);color:var(--color-foreground)}.article-content[data-v-6850c9e0] .code-copy-button:focus-visible{outline:2px solid color-mix(in oklch,var(--color-accent),transparent 24%);outline-offset:2px}.article-content[data-v-6850c9e0] .code-copy-button:active{transform:translateY(1px)}.article-content[data-v-6850c9e0] .code-copy-button.is-copied{border-color:color-mix(in oklch,var(--color-accent),var(--color-border) 22%);background:color-mix(in oklch,var(--color-accent),var(--color-surface) 70%);color:var(--color-foreground)}@media(max-width:620px){.article-content[data-v-6850c9e0] pre{margin-inline:calc(clamp(12px,2vw,21px)*-1);border-right:0;border-left:0;border-radius:0}}