[data-fragment=BlogList]{font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;gap:18px;display:flex}[data-fragment=BlogList] .blog-create-link{border-radius:var(--radius-md);background:var(--brand);min-height:44px;color:var(--ink-text-on-brand);cursor:pointer;transition:filter var(--duration-base) var(--ease-out);align-self:flex-start;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}[data-fragment=BlogList] .blog-create-link:hover{filter:brightness(1.05)}[data-fragment=BlogList] .blog-create-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=BlogList] .articles-list{flex-direction:column;gap:12px;display:flex}[data-fragment=BlogList] .article-card{background:var(--bg-secondary);border:1px solid var(--ui-line);border-radius:var(--radius-lg);transition:border-color var(--duration-base) var(--ease-out);flex-direction:column;gap:8px;padding:20px;display:flex}[data-fragment=BlogList] .article-card:hover{border-color:var(--brand)}[data-fragment=BlogList] .article-card :is(h1,h2,h3){letter-spacing:-.3px;text-wrap:balance;margin:0;font-size:17px;font-weight:700}[data-fragment=BlogList] .article-card :is(h1,h2,h3) a{color:var(--text-primary);cursor:pointer;text-decoration:none}[data-fragment=BlogList] .article-card :is(h1,h2,h3) a:hover{color:var(--brand)}[data-fragment=BlogList] .article-card :is(h1,h2,h3) a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=BlogList] .article-card p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.55}[data-fragment=BlogList] .article-card time{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11.5px}@media (prefers-reduced-motion:reduce){[data-fragment=BlogList] .blog-create-link,[data-fragment=BlogList] .article-card{transition:none}}