.blog-article{max-width:42rem;margin:0 auto;padding:2.5rem 1rem 4rem;line-height:1.75;color:var(--foreground)}.blog-article nav.breadcrumb{margin-bottom:1.5rem;font-size:.875rem;color:var(--muted)}.blog-article nav.breadcrumb a:hover{color:var(--foreground)}.blog-article header{margin-bottom:2rem}.blog-article .series-label{font-size:.75rem;color:var(--muted)}.blog-article h1{margin-top:.5rem;font-size:1.875rem;font-weight:700;line-height:1.25}.blog-article .subtitle{margin-top:.75rem;font-size:1.125rem;color:var(--muted)}.blog-article .meta-row{margin-top:.75rem;font-size:.875rem;color:var(--muted)}.blog-article h2{margin-top:2.5rem;margin-bottom:1rem;font-size:1.375rem;font-weight:600}.blog-article h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.blog-article p{margin-top:.75rem;color:var(--muted)}.blog-article .lead-box{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--accent);background:rgba(79,142,247,.08);border-radius:0 .5rem .5rem 0}.blog-article .lead-box p{margin:0;color:var(--foreground)}.blog-article table{width:100%;margin:1rem 0;border-collapse:collapse;font-size:.875rem}.blog-article td,.blog-article th{border:1px solid var(--border);padding:.5rem .75rem;text-align:left;vertical-align:top}.blog-article th{background:var(--surface2);font-weight:600;color:var(--foreground)}.blog-article td{color:var(--muted)}.blog-article blockquote{margin:1.25rem 0;padding:.75rem 1rem;border-left:3px solid var(--accent);background:var(--surface2);border-radius:0 .375rem .375rem 0;font-size:.9375rem;color:var(--foreground)}.blog-article ul{margin:.75rem 0;padding-left:1.25rem;color:var(--muted)}.blog-article li{margin-top:.35rem}.blog-article .tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.blog-article .tag{border-radius:9999px;border:1px solid var(--border);padding:.25rem .75rem;font-size:.75rem;color:var(--muted)}.blog-article .cross-links{margin-top:2.5rem;padding:1.25rem;border-radius:.75rem;border:1px solid var(--border);background:var(--card)}.blog-article .cross-links h2{margin-top:0;font-size:1rem}.blog-article .cross-links a{display:inline-block;margin-top:.5rem;margin-right:1rem;font-size:.875rem;color:var(--accent)}.blog-banner{margin:0 0 1.5rem;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(79,142,247,.35);background:rgba(79,142,247,.08)}.blog-banner p{margin:0;font-size:.875rem;color:var(--foreground)}.blog-banner a{font-weight:600;color:var(--accent)}.blog-list-page{max-width:42rem;margin:0 auto;padding:2.5rem 1rem 4rem}.blog-card{display:block;margin-top:.75rem;padding:1.25rem;border-radius:.75rem;border:1px solid var(--border);background:var(--card);transition:border-color .15s}.blog-card:hover{border-color:rgba(79,142,247,.5)}.blog-card h2{font-size:1.125rem;font-weight:600;color:var(--foreground)}.blog-card p{margin-top:.5rem;font-size:.875rem;color:var(--muted);line-height:1.5}.blog-card .date{margin-top:.75rem;font-size:.75rem;color:var(--muted)}