/* blog-index.css — KuraManga blog listing */
body{min-height:100vh;display:flex;flex-direction:column}
.blist-main{flex:1;padding:0 0 80px}
.blist-inner{max-width:1100px;margin:0 auto;padding:0 20px}
.blist-header{padding:48px 0 36px;border-bottom:1px solid var(--border-subtle);margin-bottom:40px}
.blist-title{font-size:36px;font-weight:800;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.4px}
.blist-subtitle{font-size:16px;color:var(--text-muted);margin:0}
.blist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blist-card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-top:3px solid transparent;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:border-top-color .2s,box-shadow .2s,transform .2s}
.blist-card:hover{border-top-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.blist-card-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px;gap:12px}
.blist-card-meta{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--text-muted)}
.blist-card-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.5;flex-shrink:0}
.blist-card-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.35;letter-spacing:-.1px}
.blist-card-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.blist-card-cta{font-size:13px;font-weight:600;color:var(--accent);margin-top:4px;transition:gap .15s}
.blist-empty{color:var(--text-muted);font-size:15px}
.blist-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:56px}
.blist-page-btn{display:inline-flex;align-items:center;padding:8px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-elevated);text-decoration:none;transition:border-color .2s,color .2s}
.blist-page-btn:not(.is-disabled):hover{border-color:var(--accent);color:var(--accent)}
.blist-page-btn.is-disabled{opacity:.35;cursor:default;pointer-events:none}
.blist-page-nums{display:flex;gap:6px}
.blist-page-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-elevated);text-decoration:none;transition:border-color .2s,color .2s}
.blist-page-num:not(.is-active):hover{border-color:var(--accent);color:var(--accent)}
.blist-page-num.is-active{background:var(--accent);border-color:var(--accent);color:#000}
@media(max-width:900px){.blist-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  .blist-header{padding:32px 0 28px;margin-bottom:28px}
  .blist-title{font-size:26px}
  .blist-grid{grid-template-columns:1fr;gap:14px}
  .blist-pagination{gap:8px;margin-top:40px}
}