.article-shell:has(.blog-list){text-align:center;max-width:880px}.article-shell:has(.blog-list)>h1{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(36px,5vw,48px);font-weight:600;line-height:1.1}.blog-list .blog-list__intro{max-width:520px;color:var(--muted-foreground);margin:0 auto 40px;font-size:17px;line-height:1.6}.blog-list .blog-list__bar{text-align:start;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin:0 0 16px;display:flex}.blog-list .blog-list__filters{background:var(--secondary);border-radius:999px;flex-wrap:wrap;gap:2px;margin:0;padding:4px;list-style:none;display:flex}.blog-list .blog-list__filters a{color:var(--muted-foreground);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;display:block;position:relative}.blog-list .blog-list__filters a:hover,.blog-list .blog-list__filters a[aria-current=page]{color:var(--foreground)}.blog-list .blog-list__filters a[aria-current=page]:before{content:"";z-index:-1;background:var(--card);box-shadow:0 0 0 1px var(--border), 0 1px 2px #2826220f;view-transition-name:blog-filter-pill;border-radius:999px;position:absolute;inset:0}.blog-list .blog-list__filters{isolation:isolate}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(blog-filter-pill){animation-duration:.35s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}}.blog-list .site-search-trigger{background:var(--card);min-width:220px;color:var(--muted-foreground);border-radius:999px;margin:0;padding:8px 14px;font-size:14px}.blog-list .site-search-keys{margin-inline-start:auto}.blog-list .blog-list__rows{border:1px solid var(--border);background:var(--card);text-align:start;border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.blog-list .blog-list__row{grid-template-columns:minmax(0,1fr) auto 96px;align-items:center;gap:16px;padding:18px 24px;transition:background-color .15s;display:grid;position:relative}.blog-list .blog-list__row+.blog-list__row{border-top:1px solid var(--border)}.blog-list .blog-list__row:hover{background:var(--secondary)}.blog-list .blog-list__row a{color:var(--foreground);overflow-wrap:anywhere;font-weight:500;text-decoration:none}.blog-list .blog-list__row a:after{content:"";position:absolute;inset:0}.blog-list .blog-list__row a:focus-visible{outline:none}.blog-list .blog-list__row:has(a:focus-visible){outline:2px solid var(--ring);outline-offset:-2px}.blog-list .blog-list__tag{background:var(--secondary);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;justify-self:start;padding:3px 10px;font-size:12px;font-weight:500}.blog-list .blog-list__row:hover .blog-list__tag{background:var(--card)}.blog-list .blog-list__row time{color:var(--muted-foreground);text-align:end;font-variant-numeric:tabular-nums;font-size:14px}.blog-list .content-pagination{justify-content:center;margin-top:32px}.blog-list .blog-list__rss{margin-top:24px;font-size:14px}.article-shell .blog-list .blog-list__rss a{color:var(--muted-foreground)}@media (max-width:640px){.blog-list .blog-list__bar{justify-content:center}.blog-list .site-search-trigger{width:100%}.blog-list .blog-list__row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 18px}.blog-list .blog-list__row a{grid-column:1/-1}}