.blog-list{max-width:1100px;margin:0 auto;padding:0}.blog-grid{column-gap:1.75rem;column-fill:balance;width:100%}@media (max-width: 599px){.blog-grid{column-count:1}}@media (min-width: 600px) and (max-width: 899px){.blog-grid{column-count:2}}@media (min-width: 900px){.blog-grid{column-count:3}}.blog-card{display:inline-block;width:100%;margin:0 0 1.75rem;break-inside:avoid;background:color-mix(in oklch,var(--color-background) 92%,transparent);border:1px solid color-mix(in oklch,var(--color-border) 70%,transparent);border-radius:var(--radius-lg, 1rem);backdrop-filter:blur(6px) saturate(1.3);background-image:url(/bg/astro-card-border.png);background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:0 1px 3px #0000000a,0 6px 12px #0000000f;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:1;opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.blog-card:nth-child(3n+1){animation-delay:.1s}.blog-card:nth-child(3n+2){animation-delay:.25s}.blog-card:nth-child(3n+3){animation-delay:.4s}.blog-card:hover{transform:translateY(-6px);border-color:color-mix(in oklch,var(--color-primary) 40%,var(--color-border));box-shadow:0 6px 16px #00000014,0 12px 32px #0000000f;background:color-mix(in oklch,var(--color-card) 95%,var(--color-primary) 5%);position:relative;z-index:5}.card-link{display:flex;flex-direction:column;gap:.6rem;color:var(--color-foreground);text-decoration:none;padding:1.25rem 1.4rem;transition:color .25s ease}.card-link:hover{color:var(--color-primary)}.card-title{font-size:1.25rem;font-weight:600;color:var(--color-foreground);line-height:1.4;transition:color .2s ease}.card-link:hover .card-title{color:var(--color-primary)}.card-summary{font-size:.95rem;color:var(--color-muted-foreground);line-height:1.6;margin-bottom:.75rem}.card-meta{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;font-size:.85rem;margin-top:auto}.card-date{color:var(--color-muted-foreground);font-style:italic}.card-tags,.card-categories{display:flex;flex-wrap:wrap;gap:.4rem}.badge{display:inline-block;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;line-height:1;transition:all .25s ease;user-select:none}.tag{background:color-mix(in oklch,var(--color-muted) 80%,var(--color-background));color:var(--color-muted-foreground);border:1px solid color-mix(in oklch,var(--color-border) 80%,transparent)}.tag:hover{background:color-mix(in oklch,var(--color-primary) 25%,var(--color-muted));color:var(--color-primary-foreground);border-color:color-mix(in oklch,var(--color-primary) 35%,var(--color-border))}.tag-more{background:var(--color-border);color:var(--color-foreground)}.category{border:1px solid var(--color-border);color:var(--color-foreground);background:color-mix(in oklch,var(--color-background) 95%,var(--color-border))}.category:hover{border-color:var(--color-primary);color:var(--color-primary)}.no-results{text-align:center;padding:3rem 1rem;color:var(--color-muted-foreground);background:color-mix(in oklch,var(--color-background) 95%,white);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d}.no-results h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--color-foreground)}@media (prefers-color-scheme: dark){.blog-card{background:color-mix(in oklch,var(--color-background) 85%,black);box-shadow:0 2px 6px #00000040}.card-title{color:var(--color-foreground)}.badge{background:color-mix(in oklch,var(--color-primary) 8%,var(--color-muted))}.tag:hover{background:color-mix(in oklch,var(--color-primary) 20%,var(--color-background))}}