/* Blog templates only. The approved V4 and shared inner-page styles remain intact. */
.sbr-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 45px;
  margin-top: 45px;
  border-top: 1px solid var(--line);
}
.sbr-pagination button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: white;
  color: var(--ink);
  font-size: 12px;
  transition: color .2s, border-color .2s, background .2s;
}
.sbr-pagination button[aria-current='page'] {
  color: white;
  background: var(--blue);
  border-color: var(--blue);
}
.sbr-pagination button:hover:not(:disabled) { border-color: var(--blue); }
.sbr-pagination button:disabled { opacity: .4; }
.sbr-pagination .icon { width: 16px; height: 16px; }
.sbr-pagination .is-prev .icon { transform: rotate(180deg); }
.sbr-no-toc { grid-template-columns: minmax(0, 800px); justify-content: center; }
.sbr-archive-description { grid-column: 1; max-width: 570px; font-size: 14px; margin-top: 24px; }
.sbr-toc a[aria-current='location'] { color: var(--blue); }
.sbr-post-image:focus-visible { outline-offset: 5px; }
[data-blog-template] .sbr-article-meta time { white-space: nowrap; }
[data-blog-template] .sbr-related .text-link { flex-shrink: 0; }
@media(max-width:680px) {
  .sbr-pagination { gap: 7px; padding-top: 30px; margin-top: 32px; }
  .sbr-pagination button { padding-inline: 11px; }
  .sbr-pagination .pagination-word { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  .sbr-pagination button { transition: none; }
}