.blog-card{isolation:isolate;border-color:color-mix(in oklch, var(--border) 80%, var(--primary) 20%);border-radius:var(--radius-xl);background:color-mix(in oklch, var(--card) 94%, var(--muted) 6%);--tw-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;background-clip:padding-box;transition:box-shadow .2s,border-color .2s,transform .2s;overflow:visible;box-shadow:0 1px 2px #0000000d}.blog-card:hover{border-color:color-mix(in oklch, var(--primary) 35%, var(--border));box-shadow:0 4px 12px #0000002e}.blog-card__media{border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden}.blog-card [data-slot=card-footer]{border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid color-mix(in oklch, var(--border) 88%, transparent);box-shadow:none;background:0 0;margin:0}.blog-card__footer{flex-direction:column;align-items:stretch;gap:.75rem}@media (min-width:640px){.blog-card__footer{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}}.blog-card__footer-meta{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.4rem;min-width:0;margin:0;display:inline-flex}.blog-card__footer-icon{flex-shrink:0}.blog-card__footer-dot{color:color-mix(in oklch, var(--border) 70%, var(--muted-foreground))}.blog-card__read{justify-content:center;width:100%}@media (min-width:640px){.blog-card__read{justify-content:flex-start;width:auto}}.blog-featured{border-color:color-mix(in oklch, var(--primary) 28%, var(--border))}.blog-featured__media{min-height:100%}.blog-featured__body{flex-direction:column;height:100%;min-height:0;display:flex}@media (min-width:1024px){.blog-featured__media{border-radius:var(--radius-xl) 0 0 var(--radius-xl);align-self:stretch;min-height:100%;position:relative}.blog-featured [data-slot=card-footer]{border-radius:0 0 var(--radius-xl) 0}.blog-featured__media picture{display:block;position:absolute;inset:0}.blog-featured__media img{object-fit:cover;width:100%;height:100%;display:block}}.blog-filter{transition:border-color .15s,background-color .15s,color .15s}#blog-grid{align-items:stretch}#blog-empty{border:1px dashed color-mix(in oklch, var(--border) 85%, var(--primary) 15%);border-radius:var(--radius-xl);background:color-mix(in oklch, var(--muted) 50%, transparent);text-align:left;padding:2rem 1.25rem}.blog-filter[aria-pressed=true]{border-color:color-mix(in oklch, var(--primary) 45%, var(--border));background:color-mix(in oklch, var(--primary) 12%, var(--background));color:var(--foreground);box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 15%, transparent)}.blog-article__hero{border-radius:var(--radius-xl);border:1px solid color-mix(in oklch, var(--border) 75%, var(--primary) 25%);background:var(--muted);box-shadow:0 1px 2px color-mix(in oklch, var(--foreground) 4%, transparent);overflow:hidden}.blog-article__hero img{width:100%;display:block}.blog-article__header{text-align:left;margin-top:2rem}.blog-article__title{font-family:var(--font-heading,inherit);letter-spacing:-.02em;color:var(--foreground);margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2}.blog-article__lead{color:var(--muted-foreground);margin:.75rem 0 0;font-size:1.0625rem;line-height:1.65}.blog-article__byline{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:flex-start;align-items:center;gap:.375rem;margin:1.25rem 0 0;padding-top:1.25rem;font-size:.875rem;display:flex}.blog-article__prose{text-align:left;margin-top:2.5rem}.blog-article__prose .overflow-x-auto{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--card) 90%, var(--muted) 10%);margin:1.5em 0}.blog-article__prose table{width:100%;margin:0;font-size:.875rem}.blog-article__prose thead{background:color-mix(in oklch, var(--muted) 80%, transparent)}.blog-article__prose th{text-align:left;color:var(--foreground);border-bottom:1px solid var(--border);padding:.625rem .875rem;font-weight:600}.blog-article__prose td{text-align:left;border-bottom:1px solid color-mix(in oklch, var(--border) 70%, transparent);vertical-align:top;padding:.625rem .875rem}.blog-article__prose tbody tr:last-child td{border-bottom:none}.blog-post-cta{border:1px solid color-mix(in oklch, var(--primary) 35%, var(--border));border-radius:var(--radius-xl);background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 12%, var(--card)) 0%, color-mix(in oklch, var(--card) 95%, var(--muted) 5%) 100%);text-align:left;gap:.875rem;padding:1rem 1.125rem;display:flex}.blog-post-cta__icon{shrink:0;border-radius:var(--radius-lg);background:color-mix(in oklch, var(--primary) 18%, transparent);width:2.5rem;height:2.5rem;color:var(--primary);justify-content:center;align-items:center;display:flex}.blog-post-cta__body{flex:1;min-width:0}.blog-post-cta__title{color:var(--foreground);margin:0;font-size:1.0625rem;font-weight:600;line-height:1.35}.blog-post-cta__text{color:var(--muted-foreground);margin-top:.375rem;font-size:.875rem;line-height:1.55}.blog-post-cta__text a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.blog-post-cta__btn{margin-top:.75rem}.blog-article__actions{border-top:1px solid var(--border);flex-direction:column;gap:.625rem;margin-top:3rem;padding-top:1.75rem;display:flex}@media (min-width:640px){.blog-article__actions{flex-flow:wrap;align-items:stretch}.blog-article__actions>a,.blog-article__actions>button{flex:10rem;min-width:0}}.blog-article__actions>a,.blog-article__actions>button{justify-content:center}
