/* グリッド */
.nb-blog-grid{
  display:grid; gap:20px;
}
.nb-cols-1{ grid-template-columns:1fr; }
@media (min-width:640px){
  .nb-cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1024px){
  .nb-cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .nb-cols-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
/* カード */
.nb-card{ background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden;
  box-shadow:0 1px 8px rgba(0,0,0,.04); transition:transform .2s ease, box-shadow .2s ease; }
.nb-card:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.08); }
.nb-card-thumb{ display:block; aspect-ratio:16/9; background:#f5f5f5; overflow:hidden; }
.nb-card-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.nb-thumb-ph{ width:100%; height:100%; background:linear-gradient(90deg,#f5f5f5,#eee,#f5f5f5); }
.nb-card-hd{ padding:14px; }
.nb-card-ttl{ font-size:1.05rem; line-height:1.35; margin:0 0 6px; }
.nb-card-ttl a{ color:#222; text-decoration:none; }
.nb-card-ttl a:hover{ text-decoration:underline; }
.nb-card-date{ font-size:.82rem; color:#777; }
/* ページネーション */
.nb-pager{ margin-top:20px; text-align:center; }
.nb-pager .page-numbers{ display:inline-block; margin:0 .25rem; padding:.4rem .6rem; border:1px solid #ddd; border-radius:8px; text-decoration:none; }
.nb-pager .current{ background:#111; color:#fff; border-color:#111; }
.nb-pager a:hover{ background:#f4f4f4; }