.blog-card{padding:var(--space-5) var(--space-5) var(--space-7);gap:var(--space-3)}.blog-card .feature__body,.blog-card .feature__title,.blog-card__eyebrow,.blog-card__foot,.blog-card__title--featured{margin-left:var(--space-3);margin-right:var(--space-3)}.blog-card__media{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--surface-inset);margin-bottom:var(--space-3)}.blog-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}a.blog-card:hover .blog-card__media img{transform:scale(1.03)}.blog-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-brand);background:var(--grad-glow),var(--surface-inset)}.blog-card__eyebrow{margin-top:0;margin-bottom:0}.blog-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.blog-card--featured .blog-card__media{aspect-ratio:16/8}.blog-card__title--featured{font-size:clamp(var(--text-xl),2.6vw,var(--text-3xl));font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin-top:0;margin-bottom:0}.blog-meta{display:inline-flex;gap:var(--space-2);margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.blog-side-col{gap:var(--space-4);align-self:start}.blog-side,.blog-side-col{display:flex;flex-direction:column}.blog-side{gap:var(--space-2);padding:var(--space-5) var(--space-6);border-radius:20px;background:var(--surface-raised);box-shadow:var(--shadow-md),var(--ring-hairline);text-decoration:none;color:inherit;transition:transform var(--dur-base) var(--ease-standard)}.blog-side:hover{transform:translateY(-2px)}.blog-side__title{font-weight:var(--fw-bold);line-height:var(--leading-snug);color:var(--text-primary)}.blog-filter{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-8)}.blog-filter__chip{font:inherit;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);cursor:pointer}.blog-filter__chip:hover{color:var(--text-primary);border-color:var(--border-strong)}.blog-filter__chip.is-active{color:var(--text-brand);border-color:var(--border-brand);background:var(--brand-soft)}.blog-empty{text-align:center;color:var(--text-secondary);max-width:560px;margin:0 auto}.blog-doc--single{grid-template-columns:minmax(0,760px);justify-content:center}.blog-hero{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;margin:0 0 var(--space-10);background:var(--surface-inset)}.blog-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.blog-byline strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.blog-dek{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-6)}.blog-back{display:block;width:-moz-fit-content;width:fit-content;color:var(--text-brand);text-decoration:none;font-size:var(--text-sm)}.blog-prose{margin-bottom:var(--space-10)}.blog-prose h2{margin-top:var(--space-10);scroll-margin-top:calc(var(--topbar-h) + var(--space-7))}.blog-prose h2:first-child{margin-top:0}.blog-prose h3{scroll-margin-top:calc(var(--topbar-h) + var(--space-7))}.blog-prose h4{font-size:var(--text-base);font-weight:var(--fw-bold);margin:var(--space-6) 0 var(--space-3)}.blog-prose ol{margin:0 0 var(--space-5);padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.blog-prose a{color:var(--text-brand)}.blog-prose img{display:block;max-width:100%;height:auto;border-radius:16px;margin:var(--space-8) 0}.blog-prose blockquote{margin:var(--space-8) 0;padding:var(--space-2) 0 var(--space-2) var(--space-6);border-left:3px solid var(--brand)}.blog-prose blockquote p{color:var(--text-primary);font-size:var(--text-md)}.blog-prose code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-inset);padding:1px 6px;border-radius:6px}.blog-prose pre{background:var(--surface-inset);padding:var(--space-5);border-radius:12px;overflow-x:auto;margin:0 0 var(--space-6)}.blog-prose pre code{background:none;padding:0}.blog-prose hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-10) 0}.blog-prose table{width:100%;border-collapse:collapse;margin:0 0 var(--space-6);font-size:var(--text-sm);display:block;overflow-x:auto}.blog-prose td,.blog-prose th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);text-align:left;color:var(--text-secondary)}.blog-prose th{color:var(--text-primary);font-weight:var(--fw-semibold)}@media (max-width:1024px){.blog-side-col.b4{grid-column:span 12;flex-direction:row;flex-wrap:wrap}.blog-side-col .blog-side{flex:1 1 240px}}