.blog-card{border:1px solid var(--border);background:rgb(var(--surface-rgb) / .72);isolation:isolate;border-radius:12px;flex-direction:column;gap:.85rem;height:100%;padding:1.35rem 1.35rem 1.25rem;display:flex;position:relative;overflow:hidden}.blog-card:before{content:"";background:linear-gradient(100deg, transparent 46%, rgb(var(--glow) / .1) 50%, transparent 54%);opacity:.55;pointer-events:none;z-index:-1;width:55%;height:160%;position:absolute;inset:-40% -30% auto auto;transform:translate(18%)rotate(.001deg)}.blog-card:hover{border-color:var(--border-strong);background:rgb(var(--surface-rgb) / .92)}.blog-card-title{letter-spacing:-.015em;text-wrap:balance;font-size:1.15rem;font-weight:600;line-height:1.3}.blog-card[data-featured] .blog-card-title{font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);line-height:1.15}.blog-card-excerpt{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.925rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-more{align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;display:inline-flex}.blog-card-more svg{width:1rem;height:1rem}.blog-meta{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.75rem;display:flex}.blog-category{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--foreground);font-size:.68rem}.blog-chip{border:1px solid var(--border);height:2rem;color:var(--muted-foreground);border-radius:999px;align-items:center;padding-inline:.85rem;font-size:.8125rem;display:inline-flex}.blog-chip:hover{color:var(--foreground);border-color:var(--border-strong)}.blog-chip[aria-current=page]{color:var(--foreground);border-color:rgb(var(--ink) / .3);background:rgb(var(--ink) / .06)}@media (prefers-reduced-motion:no-preference){.blog-card{transition:transform .24s cubic-bezier(.2,.7,.2,1),border-color .15s ease-out,background-color .15s ease-out}.blog-card:before{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .3s ease-out}.blog-card:hover{transform:translateY(-2px)}.blog-card:hover:before{opacity:1;transform:translate(-30%)}.blog-card-more svg{transition:transform .2s ease-out}.blog-card:hover .blog-card-more svg{transform:translate(3px)}}.blog-prose{color:rgb(var(--ink) / .86);font-size:1.0625rem;line-height:1.75}.blog-prose>section+section{margin-top:2.75rem}.blog-prose h2{letter-spacing:-.02em;color:var(--foreground);text-wrap:balance;margin-bottom:1rem;scroll-margin-top:6rem;font-size:clamp(1.35rem,1.2rem + .6vw,1.65rem);font-weight:600;line-height:1.25}.blog-prose h3{color:var(--foreground);margin-top:1.75rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.blog-prose p+p,.blog-prose p+ul,.blog-prose p+ol,.blog-prose ul+p,.blog-prose ol+p,.blog-prose *+.blog-block,.blog-prose .blog-block+p,.blog-prose .blog-block+ul,.blog-prose .blog-block+ol{margin-top:1.1rem}.blog-prose ul,.blog-prose ol{gap:.55rem;padding-left:1.25rem;display:grid}.blog-prose ul{padding-left:1.1rem;list-style:none}.blog-prose ul>li{position:relative}.blog-prose ul>li:before{content:"";background:var(--chrome-gradient-x);width:.55rem;height:1.5px;position:absolute;top:.72em;left:-1.05rem;transform:rotate(-58deg)}.blog-prose ol{list-style:decimal}.blog-prose ol>li::marker{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.blog-prose strong{color:var(--foreground);font-weight:600}.blog-prose a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:rgb(var(--ink) / .35);text-decoration-color:rgb(var(--ink) / .35);text-underline-offset:.2em}.blog-prose a:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.blog-prose code{font-family:var(--font-geist-mono), ui-monospace, monospace;background:rgb(var(--ink) / .07);border:1px solid var(--border);color:var(--foreground);overflow-wrap:anywhere;border-radius:6px;padding:.1em .35em;font-size:.85em}.blog-callout{border:1px solid var(--border);background:rgb(var(--surface-rgb) / .75);border-radius:12px;padding:1rem 1.15rem 1rem 1.25rem;font-size:.975rem;line-height:1.65;position:relative}.blog-callout:before{content:"";background:var(--chrome-gradient);border-radius:2px;width:2px;position:absolute;top:.9rem;bottom:.9rem;left:0}.blog-callout-title{color:var(--foreground);margin-bottom:.25rem;font-weight:600}.blog-template{border:1px solid var(--border);background:rgb(var(--surface-rgb) / .8);border-radius:12px;font-size:.95rem;overflow:hidden}.blog-template-head{border-bottom:1px solid var(--border);background:rgb(var(--ink) / .03);gap:.15rem;padding:.75rem 1rem;display:grid}.blog-template-label{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);font-size:.68rem}.blog-template-body{white-space:pre-wrap;padding:1rem;line-height:1.65}.blog-table{border:1px solid var(--border);border-radius:12px;font-size:.9rem;line-height:1.5;overflow-x:auto}.blog-table table{border-collapse:collapse;width:100%}.blog-table th{text-align:left;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem .85rem;font-size:.78rem;font-weight:500}.blog-table td{vertical-align:top;border-bottom:1px solid var(--border);min-width:9rem;padding:.65rem .85rem}.blog-table tr:last-child td{border-bottom:0}.blog-table td:first-child{color:var(--foreground)}.blog-formula{border:1px solid var(--border);background:rgb(var(--ink) / .04);font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--foreground);border-radius:12px;padding:.85rem 1rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.blog-toc a{border-left:1px solid var(--border);color:var(--muted-foreground);padding:.3rem 0 .3rem .85rem;font-size:.84rem;line-height:1.4;display:block}.blog-toc a:hover{color:var(--foreground)}.blog-toc a[aria-current=true]{color:var(--foreground);border-left-color:var(--foreground)}.blog-cta{isolation:isolate;border:1px solid var(--border-strong);background:radial-gradient(120% 140% at 100% 0%, rgb(var(--halo) / .12), transparent 55%), rgb(var(--surface-rgb) / .9);border-radius:12px;padding:2rem 1.5rem;position:relative;overflow:hidden}.blog-cta:after{content:"";background:linear-gradient(122deg, transparent 47%, rgb(var(--glow) / .22) 50%, transparent 53%);pointer-events:none;z-index:-1;width:14rem;height:14rem;position:absolute;bottom:-4rem;right:-3rem}@media (min-width:40rem){.blog-cta{padding:2.5rem 2.25rem}}.blog-table code{word-break:break-all}