/* Blog index / archive / single. Conditionally enqueued from inc/enqueue.php. */

.bramhall-scouts-post-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.bramhall-scouts-post-card { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.bramhall-scouts-post-card__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.bramhall-scouts-post-card__body { padding: 22px; }
.bramhall-scouts-post-card__body h3 { font-size: 1.15rem; }
.bramhall-scouts-post-card__body a { text-decoration: none; }
.bramhall-scouts-post-card__body p { color: var(--bramhall-scouts-text-muted); font-size: .95rem; margin: 0; }

.bramhall-scouts-page-title { padding-block: clamp(40px, 6vw, 80px) 0; }

.bramhall-scouts-single__head { padding-block: clamp(40px, 6vw, 80px) 24px; max-width: 780px; }
.bramhall-scouts-single__meta { color: var(--bramhall-scouts-text-muted); font-size: .9rem; }
.bramhall-scouts-single__image { margin-bottom: 32px; }
.bramhall-scouts-single__image img { border-radius: var(--bramhall-scouts-radius); }

.bramhall-scouts-prose { max-width: 780px; padding-bottom: clamp(48px, 6vw, 88px); }
.bramhall-scouts-prose img { border-radius: var(--bramhall-scouts-radius); margin-block: 1.5em; }
.bramhall-scouts-prose h2 { margin-top: 1.6em; }
.bramhall-scouts-prose ul, .bramhall-scouts-prose ol { padding-left: 1.3em; }
.bramhall-scouts-prose li { margin-bottom: .4em; }
.bramhall-scouts-prose blockquote {
  margin: 1.8em 0;
  padding: 4px 0 4px 24px;
  border-left: 3px solid var(--bramhall-scouts-accent);
  font-size: 1.1rem;
}

.wp-pagenavi, .navigation.pagination { margin-top: 44px; }
.navigation.pagination .nav-links { display: flex; gap: 10px; flex-wrap: wrap; }
.navigation.pagination .page-numbers {
  display: grid; place-items: center;
  min-width: 42px; height: 42px; padding-inline: 10px;
  border: 1px solid var(--bramhall-scouts-border); border-radius: var(--bramhall-scouts-radius);
  text-decoration: none;
}
.navigation.pagination .page-numbers.current { background: var(--bramhall-scouts-brand); color: var(--bramhall-scouts-text-invert); border-color: transparent; }