.blog-wrap{max-width:760px;margin:0 auto;padding:48px 22px 64px}.blog-head{margin-bottom:28px}.blog-head h1{font-size:34px;font-weight:700;letter-spacing:-.02em}.blog-head .blog-sub{margin-top:8px;font-size:16px;color:var(--text-2)}.blog-tagbar{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 8px;padding-bottom:22px;border-bottom:1px solid var(--border)}.blog-tag-count{margin-left:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.blog-list{display:flex;flex-direction:column;gap:16px}.blog-card{padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.blog-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.blog-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px}.blog-card-title{margin:10px 0 6px;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.blog-card-title a{color:var(--text);text-decoration:none}.blog-card-title a:hover{color:var(--accent-text)}.blog-card-excerpt{margin:0 0 12px;font-size:15px;line-height:1.6}.blog-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-tag{font-size:12px;padding:3px 9px}.blog-empty{padding:48px 0;text-align:center;color:var(--text-3)}.blog-pager{justify-content:space-between;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.blog-pager,.blog-pager-pages{display:flex;align-items:center}.blog-pager-pages{gap:4px}.blog-pager-page{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--text-2);text-decoration:none;border:1px solid transparent}.blog-pager-page:hover{background:var(--surface);color:var(--text)}.blog-pager-page.is-current{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-text)}.blog-pager-gap{padding:0 4px;color:var(--text-faint)}.btn.is-disabled{opacity:.45;pointer-events:none}.blog-post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}@media (max-width:560px){.blog-head h1{font-size:27px}.blog-card-title{font-size:19px}}