.BlogArticle{background:hsl(var(--background));padding-block:var(--ut-space-8) var(--ut-space-14)}.BlogArticle__reading{max-width:52rem}.BlogArticle__breadcrumb{display:flex;align-items:center;gap:var(--ut-space-2);margin-bottom:var(--ut-space-8);font-size:var(--ut-type-caption);color:hsl(var(--muted-foreground));min-width:0}.BlogArticle__breadcrumb>:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.BlogArticle__breadcrumb a{flex-shrink:0}.BlogArticle__category{color:hsl(var(--primary));font-size:var(--ut-type-label);font-weight:var(--ut-weight-label)}.BlogArticle h1{font-size:var(--ut-type-desktop-display);line-height:var(--ut-leading-desktop-display);font-weight:var(--ut-weight-display);margin-block:var(--ut-space-4);overflow-wrap:anywhere}.BlogArticle__meta{color:hsl(var(--muted-foreground));font-size:var(--ut-type-meta);margin-block:var(--ut-space-2)}.BlogArticle__cover{display:block;width:100%;height:auto;max-height:32rem;object-fit:cover;border-radius:var(--ut-radius-card)}.BlogArticle .BlogContent,.BlogArticle__cover,.BlogArticle__cta{margin-block:var(--ut-space-8)}.BlogArticle__cta{padding:var(--ut-space-6);border:1px solid hsl(var(--border));border-radius:var(--ut-radius-card);background:hsl(var(--muted))}.BlogArticle__cta h2,.BlogArticle__related>h2{font-size:var(--ut-type-section);font-weight:var(--ut-weight-heading)}.BlogArticle__cta p{color:hsl(var(--muted-foreground));margin-block:var(--ut-space-3) var(--ut-space-4)}.BlogArticle__author{margin-block:var(--ut-space-8);font-size:var(--ut-type-label);color:hsl(var(--muted-foreground))}.BlogArticle__tags{display:flex;flex-wrap:wrap;gap:var(--ut-space-4);color:hsl(var(--primary));font-size:var(--ut-type-label)}.BlogArticle__related article{padding-block:var(--ut-space-6);border-bottom:1px solid hsl(var(--border))}.BlogArticle__related h3{font-size:var(--ut-type-section);font-weight:var(--ut-weight-heading);margin-block:var(--ut-space-2)}.BlogArticle__related article>p:last-child{color:hsl(var(--muted-foreground));font-size:var(--ut-type-label)}.BlogArticle__preview{padding:var(--ut-space-4);margin-bottom:var(--ut-space-6);background:hsl(var(--muted));border-left:var(--ut-space-1) solid hsl(var(--primary));font-size:var(--ut-type-label)}.BlogArticle a:hover{color:hsl(var(--primary))}.BlogArticle a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:var(--ut-space-1)}@media(max-width:639px){.BlogArticle{padding-block:var(--ut-space-6) var(--ut-space-8)}.BlogArticle h1{font-size:var(--ut-type-hero);line-height:var(--ut-leading-hero)}.BlogArticle__breadcrumb{margin-bottom:var(--ut-space-6)}.BlogArticle__cover{margin-block:var(--ut-space-6)}}