.blog-hero{border:1px solid hsl(var(--border) / .6);background:linear-gradient(135deg, hsl(var(--card) / .55), hsl(var(--background) / .15));border-radius:1rem;padding:2rem 1.75rem;position:relative;overflow:hidden}.blog-hero:before{content:"";background-image:linear-gradient(to right, hsl(var(--border) / .16) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--border) / .12) 1px, transparent 1px);opacity:.55;pointer-events:none;background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(640px 340px at 12% 0,#000,#0000 72%);mask-image:radial-gradient(640px 340px at 12% 0,#000,#0000 72%)}.blog-hero:after{content:"";background:radial-gradient(circle, hsl(var(--primary) / .16), transparent 70%);pointer-events:none;border-radius:50%;width:24rem;height:24rem;position:absolute;top:-45%;right:-8%}.blog-hero-inner{z-index:1;position:relative}.blog-eyebrow{align-items:center;gap:.4rem;display:inline-flex}.blog-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.75rem;display:grid}.blog-pillar{border:1px solid hsl(var(--border) / .55);background:hsl(var(--card) / .55);border-radius:.75rem;align-items:flex-start;gap:.65rem;padding:.8rem .9rem;transition:border-color .2s,transform .2s;display:flex}.blog-pillar:hover{border-color:hsl(var(--primary) / .4);transform:translateY(-2px)}.blog-pillar-icon{background:hsl(var(--primary) / .12);width:2rem;height:2rem;color:hsl(var(--primary));border-radius:.55rem;flex-shrink:0;place-items:center;display:grid}.blog-pillar p{color:hsl(var(--foreground));margin:0;font-size:.8rem;font-weight:650;line-height:1.4}@media (max-width:1024px){.blog-pillars{grid-template-columns:1fr}}.blog-toolbar{border-radius:.85rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.blog-pill-row{flex-wrap:wrap;gap:.5rem;min-width:0;display:flex}.blog-pill{border:1px solid hsl(var(--border) / .7);color:hsl(var(--muted-foreground));border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8125rem;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.blog-pill:hover{border-color:hsl(var(--primary) / .45);color:hsl(var(--foreground))}.blog-pill[data-active=true]{border-color:hsl(var(--primary) / .55);background:hsl(var(--primary) / .1);color:hsl(var(--primary));font-weight:600}.blog-search-wrap{flex-shrink:0;position:relative}.blog-search-wrap svg{color:hsl(var(--muted-foreground));pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.blog-search-wrap input{padding-left:2.15rem}.blog-featured{border:1px solid hsl(var(--border) / .7);background:hsl(var(--card) / .75);border-radius:1rem;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.blog-featured:hover{border-color:hsl(var(--primary) / .4);box-shadow:0 24px 48px -32px hsl(var(--primary) / .28)}.blog-featured-media{min-height:15rem;position:relative;overflow:hidden}.blog-featured-media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.blog-featured:hover .blog-featured-media img{transform:scale(1.035)}.blog-featured-body{flex-direction:column;justify-content:center;min-width:0;padding:1.85rem;display:flex}@media (max-width:1024px){.blog-featured{grid-template-columns:1fr}.blog-featured-media{min-height:12rem}}.blog-card{transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.blog-card:hover{box-shadow:0 22px 44px -30px hsl(var(--primary) / .3);transform:translateY(-3px)}.blog-card-meta{align-items:center;gap:.85rem;display:flex}.blog-card-meta span{align-items:center;gap:.3rem;display:inline-flex}.blog-category-badge{align-items:center;gap:.35rem;display:inline-flex}.blog-category-badge:before{content:"";background:currentColor;border-radius:999px;flex-shrink:0;width:.4rem;height:.4rem}.blog-empty{border:1px dashed hsl(var(--border));background:hsl(var(--card) / .4);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.85rem;padding:3.5rem 2rem;display:flex}.blog-empty-icon{background:hsl(var(--primary) / .12);width:3.25rem;height:3.25rem;color:hsl(var(--primary));border-radius:999px;place-items:center;display:grid}.blog-page-badge{border:1px solid hsl(var(--border) / .7);color:hsl(var(--muted-foreground));border-radius:999px;padding:.4rem .9rem;font-size:.8125rem}.blog-prose{color:hsl(var(--foreground));font-size:1.0625rem;line-height:1.75}.blog-prose>*+*{margin-top:1.25em}.blog-prose h2{letter-spacing:-.01em;margin-top:2em;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-prose h3{margin-top:1.75em;font-size:1.25rem;font-weight:700;line-height:1.35}.blog-prose p{color:hsl(var(--foreground))}.blog-prose a{color:hsl(var(--primary));text-decoration:underline;-webkit-text-decoration-color:hsl(var(--primary) / .35);text-decoration-color:hsl(var(--primary) / .35)}.blog-prose a:hover{-webkit-text-decoration-color:hsl(var(--primary));text-decoration-color:hsl(var(--primary))}.blog-prose strong{font-weight:700}.blog-prose ul,.blog-prose ol{padding-left:1.4em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.4em}.blog-prose blockquote{border-left:3px solid hsl(var(--primary) / .4);color:hsl(var(--muted-foreground));padding-left:1em;font-style:italic}.blog-prose img{border:1px solid hsl(var(--border));border-radius:.75rem}.blog-prose pre{border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:.75rem;padding:1em;font-size:.875em;overflow-x:auto}.blog-prose code{background:hsl(var(--muted));border-radius:.25rem;padding:.15em .4em;font-size:.9em}.blog-prose pre code{background:0 0;padding:0}.blog-prose table{border-collapse:collapse;width:100%;font-size:.9375em}.blog-prose th,.blog-prose td{border:1px solid hsl(var(--border));text-align:left;padding:.5em .75em}.blog-prose th{background:hsl(var(--muted));font-weight:700}.blog-prose hr{border-color:hsl(var(--border))}