/* ==========================================================================
   Blog / entry-content typography
   ========================================================================== */

.entry-content h2 { margin-top: var(--space-6); }
.entry-content h3 { margin-top: var(--space-5); }
.entry-content ul, .entry-content ol { padding-left: 1.3em; color: var(--color-ink-soft); margin-bottom: var(--space-4); }
.entry-content li { margin-bottom: 0.4em; }
.entry-content blockquote {
  margin: var(--space-5) 0;
  padding: var(--space-4) var(--space-5);
  border-left: 4px solid var(--color-accent-dim);
  background: var(--color-paper-soft);
  border-radius: 0 var(--radius-s) var(--radius-s) 0;
  font-style: italic;
  color: var(--color-ink-soft);
}
.entry-content img { border-radius: var(--radius-m); margin: var(--space-4) 0; max-width: 100%; height: auto; }
.entry-content .blog-figure { margin: var(--space-5) 0; }
.entry-content .blog-figure img { margin: 0; display: block; width: 100%; border: 1px solid var(--color-border); }
.entry-content .blog-figure figcaption { font-size: 0.85rem; color: var(--color-ink-soft); margin-top: 8px; }
.entry-content a { color: var(--color-accent-dim); text-decoration: underline; }
.entry-content a:hover { color: var(--color-primary); }
/* Buttons inside article copy keep their own colours, not the inline-link colour. */
.entry-content a.btn { text-decoration: none; }
.entry-content a.btn--primary, .entry-content a.btn--primary:hover { color: var(--color-white); }
.entry-content a.btn--light { color: var(--color-primary); }
.entry-content table { width: 100%; border-collapse: collapse; margin-bottom: var(--space-4); }
@media (max-width: 700px) { .entry-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } }
.entry-content th, .entry-content td { border: 1px solid var(--color-border); padding: 10px 14px; text-align: left; }
.entry-content th { background: var(--color-paper-soft); }

.blog-card__thumb { display: block; margin: calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-4); border-radius: var(--radius-m) var(--radius-m) 0 0; overflow: hidden; }
.blog-card__thumb img { aspect-ratio: 16/10; object-fit: cover; }

.pagination { display: flex; gap: var(--space-2); }
.pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; border-radius: var(--radius-s);
  border: 1px solid var(--color-border); text-decoration: none; color: var(--color-ink);
}
.pagination .page-numbers.current { background: var(--color-primary); color: var(--color-white); border-color: var(--color-primary); }