/* NumisDon Blog UI (scoped) */
.nd-blog{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; }
.nd-blog__hero{ position:relative; display:grid; grid-template-columns: 1.2fr 1fr; gap:16px; border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; margin-bottom:16px; background:#fff; }
.nd-blog__hero-img{ min-height:260px; background-size:cover; background-position:center; }
.nd-blog__hero-body{ padding:18px; display:flex; flex-direction:column; justify-content:center; }
.nd-blog__kicker{ display:inline-block; padding:2px 10px; border:1px solid #e5e7eb; border-radius:999px; font-size:12px; color:#374151; margin-bottom:8px; }
.nd-blog__hero-title{ font-size:1.6rem; margin:0 0 6px; }
.nd-blog__hero-title a{ text-decoration:none; color:#111827; }
.nd-blog__excerpt{ color:#6b7280; }
.nd-blog__cta{ margin-top:10px; display:inline-block; padding:10px 14px; background:#1d4ed8; color:#fff; border-radius:10px; text-decoration:none; }

.nd-blog__grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap:14px; }
.nd-blog__card{ border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.nd-blog__thumb{ display:block; background-size:cover; background-position:center; height:160px; }
.nd-blog__card-body{ padding:12px; display:flex; flex-direction:column; gap:6px; }
.nd-blog__meta{ font-size:.85rem; color:#6b7280; }
.nd-blog__title{ font-size:1.05rem; margin:0; }
.nd-blog__title a{ color:#111827; text-decoration:none; }
.nd-blog__excerpt{ color:#6b7280; }
.nd-blog__link{ margin-top:4px; color:#1d4ed8; text-decoration:none; font-weight:600; }
.nd-blog__link:hover{ text-decoration:underline; }

.nd-blog__pagination ul{ list-style:none; display:flex; gap:8px; padding:0; }
.nd-blog__pagination a, .nd-blog__pagination span{ display:inline-block; padding:8px 12px; border:1px solid #e5e7eb; border-radius:8px; text-decoration:none; color:#1f2937; }
.nd-blog__pagination .current{ background:#1d4ed8; color:#fff; border-color:#1d4ed8; }

@media (max-width: 900px){
  .nd-blog__hero{ grid-template-columns: 1fr; }
}