.article-page:where(.astro-4SN4ZG3R){flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.25rem 3rem}.breadcrumb:where(.astro-4SN4ZG3R){display:flex;align-items:center;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;padding:.4rem .6rem;font-size:.9rem;gap:.4rem;width:fit-content;border:1px solid var(--color-surface-border);margin-bottom:2rem;position:sticky;top:1rem;z-index:50}.crumb:where(.astro-4SN4ZG3R){padding:.3rem .85rem;color:var(--color-muted);font-weight:500;border:1.5px solid transparent;border-radius:100px;transition:all .3s ease;text-decoration:none;white-space:nowrap}.crumb:where(.astro-4SN4ZG3R):hover:not(.current){background:var(--nav-active-bg);border-color:var(--nav-active-border);color:var(--color-white)}.crumb:where(.astro-4SN4ZG3R).current{background:var(--nav-active-bg);border-color:var(--nav-active-border);color:var(--color-white);max-width:200px;overflow:hidden;text-overflow:ellipsis}.divider:where(.astro-4SN4ZG3R){color:var(--color-dull);font-size:.85rem;padding:0 .1rem}.blog-article:where(.astro-4SN4ZG3R){max-width:680px;width:100%}.blog-article:where(.astro-4SN4ZG3R) header:where(.astro-4SN4ZG3R){margin-bottom:2rem}.article-tags:where(.astro-4SN4ZG3R){display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tag:where(.astro-4SN4ZG3R){background:var(--tag-bg);color:var(--tag-color);font-size:.75rem;font-weight:500;padding:.2rem .65rem;border-radius:100px}.blog-article:where(.astro-4SN4ZG3R) h1:where(.astro-4SN4ZG3R){font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--color-white);margin:0 0 1rem;line-height:1.25}.meta:where(.astro-4SN4ZG3R){display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:var(--color-muted);font-size:.9rem}.dot:where(.astro-4SN4ZG3R){font-size:.6rem}.content:where(.astro-4SN4ZG3R){color:var(--color-text);font-size:1.05rem;line-height:1.8}.content:where(.astro-4SN4ZG3R) p{margin-bottom:1.5rem}.content:where(.astro-4SN4ZG3R) h2{font-size:1.4rem;font-weight:700;color:var(--color-white);margin:2rem 0 .75rem}.content:where(.astro-4SN4ZG3R) h3{font-size:1.15rem;font-weight:600;color:var(--color-white);margin:1.5rem 0 .5rem}.content:where(.astro-4SN4ZG3R) a{color:var(--link-color);text-decoration:underline;text-underline-offset:2px}.content:where(.astro-4SN4ZG3R) a:hover{color:var(--link-hover)}.content:where(.astro-4SN4ZG3R) ul,.content:where(.astro-4SN4ZG3R) ol{padding-left:1.5rem;margin-bottom:1.5rem}.content:where(.astro-4SN4ZG3R) li{margin-bottom:.4rem}.content:where(.astro-4SN4ZG3R) blockquote{border-left:3px solid var(--color-purple);padding-left:1rem;margin:1.5rem 0;color:var(--color-muted);font-style:italic}.content:where(.astro-4SN4ZG3R) code{background:var(--code-bg);padding:.15rem .4rem;border-radius:.25rem;font-size:.9em}.content:where(.astro-4SN4ZG3R) pre{background:var(--pre-bg);padding:1rem;border-radius:.75rem;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--color-surface-border)}.content:where(.astro-4SN4ZG3R) img{max-width:100%;border-radius:.75rem;margin:1.5rem 0}@media (max-width: 600px){.article-page:where(.astro-4SN4ZG3R){padding:1rem 1rem 2rem}.breadcrumb:where(.astro-4SN4ZG3R){font-size:.8rem;gap:.25rem;padding:.35rem .4rem}.crumb:where(.astro-4SN4ZG3R){padding:.25rem .6rem}.crumb:where(.astro-4SN4ZG3R).current{max-width:130px}.content:where(.astro-4SN4ZG3R){font-size:1rem}}