/* Standalone source: no rebuild of the existing compiled page.css is required. */
#under-page #blog #blog-pagination.gassho-pagination {
  display: block;
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 780px;
  margin: 48px auto 64px;
  padding: 20px 0 0;
  border-top: 1px solid #ccc;
  color: #3a3a3a;
  font-family: inherit;
}
#under-page #blog #blog-pagination .gassho-pagination__status {
  margin: 0 0 14px;
  padding: 0;
  text-align: center;
  font-size: 13px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
#under-page #blog #blog-pagination .gassho-pagination__numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 512px;
  /* Existing Additional CSS forces numbered-list counters with !important. */
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none;
}
#under-page #blog #blog-pagination .gassho-pagination__numbers li { margin: 0 !important; padding: 0 !important; flex: 0 0 44px; }
#under-page #blog #blog-pagination .gassho-pagination__numbers li::before { content: none !important; display: none !important; }
#under-page #blog #blog-pagination .gassho-pagination__numbers a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 4px;
  border: 1px solid #aaa;
  border-radius: 8px;
  color: #3a3a3a;
  background: transparent;
  font-size: 14px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
#under-page #blog #blog-pagination .gassho-pagination__numbers a[aria-current="page"] { background: #3a3a3a; color: #fff; border-color: #3a3a3a; font-weight: 700; }
#under-page #blog #blog-pagination a:hover { opacity: .75; }
#under-page #blog #blog-pagination a:focus-visible { outline: 3px solid #3a3a3a; outline-offset: 3px; }
#under-page #blog #blog-pagination .gassho-pagination__groups { display: flex; justify-content: space-between; gap: 16px; max-width: 744px; margin: 8px auto 0; }
#under-page #blog #blog-pagination .gassho-pagination__groups a { display: flex; align-items: center; min-height: 44px; max-width: calc(50% - 8px); font-size: 13px; line-height: 1.5; color: inherit; text-decoration: none; }
#under-page #blog #blog-pagination .gassho-pagination__older { margin-left: auto; text-align: right; }
@media (min-width: 800px) {
  #under-page #blog #blog-pagination .gassho-pagination__numbers { max-width: 744px; gap: 6px; }
}