.bloglist-wrap { max-width:840px; margin:0 auto; }
.bloglist-head h1 { font-size:clamp(1.5rem, 5vw, 2rem); margin:0 0 6px; color:var(--ink); letter-spacing:-.012em; }
.bloglist-head p { color:var(--muted); margin:0; }
.today-cta { display:flex; align-items:center; gap:14px; padding:15px 18px; margin:18px 0 6px;
  background:linear-gradient(150deg, var(--primary-soft), var(--surface)); border:1px solid var(--line-2); flex-wrap:wrap; text-decoration:none; transition:box-shadow .15s; }
.today-cta:hover { box-shadow:var(--shadow-md); }
.today-cta .t { flex:1; min-width:190px; }
.today-cta .t .h { color:var(--ink); font-weight:700; }
.today-cta .t .s { color:var(--muted); font-size:.88rem; }

.blog-card { display:block; padding:18px 20px; margin:14px 0; text-decoration:none;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease; }
.blog-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); }
.blog-card .row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; }
.blog-card .row .m { color:var(--muted); font-size:.84rem; }
.blog-card h2 { font-size:clamp(1.02rem, 3.6vw, 1.18rem); margin:0 0 6px; color:var(--ink); line-height:1.34; }
.blog-card p { color:var(--muted); margin:0; font-size:.93rem; line-height:1.55; }

.blog-pager { display:flex; gap:10px; justify-content:center; align-items:center; margin:26px 0; flex-wrap:wrap; }
.blog-pager .pg { color:var(--muted); font-size:.88rem; }

@media (max-width:560px) { .blog-card { padding:15px 16px; } }