@layer pages{.breadcrumb-nav{border-bottom:1px solid var(--color-border-subtle);padding-block:var(--spacing-sm)}.breadcrumb{display:flex;flex-wrap:wrap;gap:0 var(--spacing-xs);align-items:center;list-style:none;padding:0;margin:0}.breadcrumb li+li:before{content:"›";color:var(--color-text-muted);margin-inline-end:var(--spacing-xs)}.breadcrumb a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline;color:var(--color-text)}.breadcrumb [aria-current=page] span{font-size:var(--text-sm);color:var(--color-text-muted);max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.article-meta{padding-block:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.article-meta__inner{--cluster-align: center}.article-body{padding-block:var(--spacing-3xl)}.prose{--flow-space: 1.5em;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.prose h2{font-family:var(--font-family-sans);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-text);margin-block-start:2.5em;margin-block-end:.5em}.prose h3{font-family:var(--font-family-sans);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-text);margin-block-start:2em;margin-block-end:.4em}.prose h4{font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-text);margin-block-start:1.5em;margin-block-end:.25em}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.2em}.prose a:hover{text-decoration-thickness:2px}.prose ul,.prose ol{padding-inline-start:1.5em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-block-start:.4em}.prose strong{font-weight:var(--weight-semibold)}.prose em{font-style:italic}.prose code{font-family:var(--font-family-mono);font-size:.875em;background:var(--color-bg-muted);border-radius:var(--border-radius-xs);padding:.1em .35em;color:var(--color-text)}.prose pre{font-family:var(--font-family-mono);font-size:var(--text-sm);background:var(--color-bg-muted);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius-md);padding:var(--spacing-md);overflow-x:auto;line-height:var(--leading-relaxed)}.prose pre code{background:none;padding:0;border-radius:0;font-size:inherit}.prose kbd{font-family:var(--font-family-mono);font-size:.85em;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-bottom-width:2px;border-radius:var(--border-radius-xs);padding:.1em .4em}.prose blockquote{border-inline-start:3px solid var(--color-accent);margin-inline-start:0;padding-inline-start:var(--spacing-md);color:var(--color-text-secondary);font-style:italic}.prose hr{border:none;border-block-start:1px solid var(--color-border-subtle);margin-block:2.5em}.article-note{--section-space: var(--spacing-2xl);background:var(--color-bg-muted)}.article-cta{--section-space: var(--spacing-3xl)}.article-cta .container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.article-cta h2{font-family:var(--font-family-display);font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:var(--weight-bold);line-height:var(--leading-snug)}.article-cta p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:55ch}.article-related{--section-space: var(--spacing-3xl);background:var(--color-bg-muted)}.blog-card{position:relative}.blog-card__link:after{content:"";position:absolute;inset:0}.blog-card__link{text-decoration:none;color:inherit}.blog-card:has(.blog-card__link:hover),.blog-card:has(.blog-card__link:focus-visible){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transition:transform var(--duration-hover) var(--ease-out-quart),box-shadow var(--duration-hover) var(--ease-out-quart),border-color var(--duration-hover) var(--ease-out-quart)}@media(prefers-reduced-motion:reduce){.blog-card:has(.blog-card__link:hover),.blog-card:has(.blog-card__link:focus-visible){transform:none}}.blog-card__tags{--cluster-align: center}}