.blog,.blog-post{padding-block:8px 56px}.blog-h1{margin:4px 0 18px;font-size:30px;line-height:1.15}.blog-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 16px;margin:0;padding:0;list-style:none;display:grid}.blog-card{align-content:start;gap:6px;display:grid}.blog-card-link{color:inherit;gap:10px;text-decoration:none;display:grid}.blog-card .ph{aspect-ratio:16/10;border-radius:var(--radius);background:var(--surface-2)}.blog-card-t{font-family:var(--font-b);letter-spacing:normal;text-wrap:balance;font-size:18px;font-weight:600;line-height:1.3}.blog-card-link:hover .blog-card-t{color:var(--accent)}.blog-card-x{color:var(--muted);font-size:15px;line-height:1.5}.blog-card-d{color:var(--muted);font-size:13px}.blog-pages{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.blog-pages a,.blog-pages span{border:1px solid var(--line-strong);border-radius:var(--radius-sm);place-items:center;min-width:44px;min-height:44px;padding:0 12px;text-decoration:none;display:inline-grid}.blog-pages [aria-current]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.blog-post .blog-h1,.blog-meta{max-width:760px}.blog-meta{color:var(--muted);margin:-8px 0 18px;font-size:14px}.blog-cover{max-width:960px;margin:0 0 24px}.blog-cover .ph{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface-2)}.blog-more,.blog-about{gap:16px;margin-top:40px;display:grid}.blog-more>h2,.blog-about>h2{font-size:22px}@media (max-width:719px){.blog-about .blog-list{gap:0}.blog-about .blog-list>li{border-top:1px solid var(--line)}.blog-about .blog-list>li:last-child{border-bottom:1px solid var(--line)}.blog-about .blog-card-link{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;padding-block:10px}.blog-about .blog-card .ph{aspect-ratio:1}.blog-about .blog-card-t{font-size:16px}.blog-about :is(.blog-card-x,.blog-card-d){display:none}}