:where(.prose pre,.article-code){font-size:var(--font-size-small);border:0;border-radius:.618rem;margin-block:1rem;padding:1rem;line-height:1.5;overflow-x:auto}:where(.prose pre,.article-code) code{font-size:inherit;background-color:#0000;border-radius:0;padding:0}:where(.prose pre[data-language],.article-code[data-language]){background-color:var(--shiki-light-bg,#f6f8fa)}.dark :where(.prose pre[data-language],.article-code[data-language]){background-color:var(--shiki-dark-bg,#24292e)}.code-block-wrapper{position:relative}.article-code-example{min-inline-size:0;max-inline-size:56rem;margin-block:1rem}.article-code-language{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:500;line-height:var(--lh-body);display:block}.article-code-example pre{max-inline-size:100%;margin-block:var(--phi-neg2) 0;tab-size:2}.article-code-example pre:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}.copy-button{border:1px solid var(--border);background-color:var(--muted);color:var(--muted-foreground);opacity:0;cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:opacity .2s,background-color .2s;display:flex;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.code-block-wrapper:hover .copy-button,.copy-button:focus-visible{opacity:1}.copy-button:hover{background-color:var(--accent);color:var(--accent-foreground)}.copy-button.copied{color:#16a249}.copy-status{min-block-size:0;padding-inline:var(--phi-0);color:var(--muted-foreground);font-size:var(--font-size-caption);margin:0}.copy-status:not(:empty){min-block-size:2rem;padding-block:var(--phi-neg2);border-block-start:1px solid var(--border)}@media (hover:none){.copy-button{opacity:1}}.article-reading-content{--article-reading-measure:43ic;--article-reading-lane:calc(100% * 8 / 9);font-size:1rem;line-height:1.9;display:flow-root;container-type:inline-size}.article-reading-content>*{max-inline-size:min(var(--article-reading-measure), var(--article-reading-lane))}.article-reading-content>:where(.article-code-example,pre,table){max-inline-size:none}.article-reading-content.prose :where(p,li){line-height:inherit}.article-figure{inline-size:fit-content;margin-block:var(--phi-1)}.article-reading-content>.mermaid{margin-block:var(--phi-1);overflow-x:auto}.article-reading-content>.mermaid svg{block-size:auto;max-inline-size:100%;margin-inline:auto}.article-reading-content .beoe-dark,.dark .article-reading-content .beoe-light{display:none}.dark .article-reading-content .beoe-dark{display:block}.article-image-trigger{border:1px solid var(--border);border-radius:var(--radius);background:var(--secondary);color:inherit;text-decoration:none;display:block;overflow:hidden}.article-image-trigger:hover{border-color:var(--link)}.article-image-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.article-image-trigger img{block-size:auto;max-inline-size:100%;margin:0;transition:opacity .18s;display:block}.article-image-trigger:hover img{opacity:.94}.article-figure figcaption{contain:inline-size;padding-block:var(--phi-neg1);border-block-end:1px solid var(--border);color:var(--muted-foreground)}.article-figure figcaption p{font-size:var(--font-size-small);line-height:var(--lh-body);margin:0}.article-image-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);max-block-size:92dvh;inline-size:min(92vw,80rem);max-inline-size:none;color:var(--popover-foreground);box-shadow:var(--shadow-overlay);margin:auto;padding:0;overflow:visible}.article-image-dialog::backdrop{background:color-mix(in srgb, var(--foreground) 72%, transparent);backdrop-filter:blur(3px)}.article-image-dialog-panel{gap:var(--phi-neg1);max-block-size:92dvh;padding:var(--phi-0);display:grid;position:relative}.article-image-dialog-panel img{object-fit:contain;justify-self:center;block-size:auto;max-block-size:calc(92dvh - 5rem);inline-size:auto;max-inline-size:100%;display:block}.article-image-dialog-panel p{max-inline-size:56rem;color:var(--muted-foreground);font-size:var(--font-size-small);margin:0}.article-image-dialog-close{z-index:1;border:1px solid var(--border);background:var(--popover);block-size:2.75rem;inline-size:2.75rem;color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-overlay);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--phi-neg1);inset-inline-end:var(--phi-neg1)}.article-image-dialog-close:hover{background:var(--accent);color:var(--accent-foreground)}.article-image-dialog-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (width<=47.999rem){.article-reading-content>*{max-inline-size:none}.article-image-dialog{max-block-size:calc(100dvh - 1rem);inline-size:calc(100vw - 1rem)}}@media (width>=48rem){.article-reading-content{font-size:1.0625rem;line-height:2}}@media (prefers-reduced-motion:reduce){.article-image-trigger img{transition-duration:0s}}