.blog-content h2{color:var(--color-terminal);margin:2.5rem 0 1rem;scroll-margin-top:6rem;font-size:1.5rem;font-weight:600;line-height:2rem}.blog-content h3{color:var(--color-terminal);margin:2rem 0 .75rem;scroll-margin-top:6rem;font-size:1.125rem;font-weight:600;line-height:1.75rem}.blog-content p{color:var(--color-foreground);margin:1.25rem 0;line-height:1.75}.blog-content ul,.blog-content ol{color:var(--color-foreground);flex-direction:column;gap:.5rem;margin:1.25rem 0;line-height:1.75;display:flex}.blog-content blockquote{border-left:2px solid color-mix(in oklab, var(--color-terminal) 40%, transparent);background-color:color-mix(in oklab, var(--color-terminal) 5%, transparent);color:var(--color-muted-foreground);border-radius:0 .25rem .25rem 0;margin:1.25rem 0;padding:.5rem 0 .5rem 1rem;font-style:italic}.blog-content p,.blog-content ul,.blog-content ol,.blog-content blockquote{font-size:1rem}@media (width>=640px){.blog-content p,.blog-content ul,.blog-content ol,.blog-content blockquote{font-size:.9375rem}}.blog-content table{width:max-content;max-width:100%;margin:1.5rem 0;display:block;overflow-x:auto}.blog-content li{padding-left:1rem;line-height:1.75;position:relative}.blog-content li:before{content:"▸";color:var(--color-terminal);position:absolute;left:0}.blog-content a{color:var(--color-terminal);text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklab, var(--color-terminal) 70%, transparent)}.blog-content img{border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:contain;cursor:zoom-in;width:auto;max-width:100%;max-height:600px;margin:2rem auto;display:block;box-shadow:0 1px 2px #0000000d}.blog-content :not(pre)>code{background-color:var(--color-card);border:1px solid var(--color-border);color:var(--color-terminal-orange);border-radius:.25rem;padding:.125rem .375rem;font-size:13px}.blog-lightbox{display:none}.blog-lightbox:not([hidden]){display:flex}.blog-lightbox-img{border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:contain}.blog-lightbox-img[data-portrait=true]{width:auto;max-width:94vw;height:88vh}.blog-lightbox-img[data-portrait=false]{width:92vw;height:auto;max-height:88vh}.blog-code{max-width:100%;margin:1.25rem 0;position:relative}.blog-code .code-shell{border-radius:var(--radius-md);max-width:100%}.blog-code.is-collapsed .code-shell{max-height:400px;position:relative;overflow:hidden}.blog-code .code-expand-btn{display:none}.blog-code.is-collapsed .code-expand-btn{inset-inline:0;height:7rem;color:var(--color-muted-foreground);background-image:linear-gradient(to top, var(--color-card), color-mix(in oklab, var(--color-card) 80%, transparent), transparent);justify-content:center;align-items:flex-end;padding-bottom:.75rem;font-size:11px;display:flex;position:absolute;bottom:0}.blog-code .code-collapse-row{display:none}.blog-code.is-collapsible:not(.is-collapsed) .code-collapse-row{justify-content:center;margin-top:.5rem;display:flex}.blog-code .code-collapse-btn,.blog-code .code-copy-btn{color:var(--color-muted-foreground);cursor:pointer;font-size:11px;transition:color .15s}.blog-code .code-copy-btn{user-select:none;background-color:var(--color-card);border-radius:.25rem;padding:.25rem .5rem;position:absolute;top:.5rem;right:.5rem}.blog-code .code-expand-btn:hover,.blog-code .code-collapse-btn:hover,.blog-code .code-copy-btn:hover,.blog-code.is-copied .code-copy-btn,.blog-code .code-expand-btn:focus-visible,.blog-code .code-collapse-btn:focus-visible,.blog-code .code-copy-btn:focus-visible{color:var(--color-terminal)}.blog-code pre.astro-code{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;padding:1rem 4rem 1rem 1rem;font-size:13px;line-height:1.625;overflow-x:auto;background-color:var(--color-card)!important}.blog-code pre.astro-code code{font-family:inherit}[data-reading-theme=dark] .blog-code pre.astro-code,[data-reading-theme=dark] .blog-code pre.astro-code span,[data-reading-theme=nord] .blog-code pre.astro-code,[data-reading-theme=nord] .blog-code pre.astro-code span{color:var(--shiki-dark,#ebdbb2)!important}
