/**
 * Design system content block variants (Phase 2).
 * Loaded globally; variant modifiers scope styles per block instance.
 * Breakpoints: mobile <768px, tablet 768–1023px, desktop ≥1024px.
 */
@import url("./hero/_base.css");
@import url("./hero/_center.css");
@import url("./hero/_legacy-business-pro.css");
@import url("./hero/_split-image.css");
@import url("./hero/_stats.css");
@import url("./hero/_minimal.css");
@import url("./hero/_neon.css");
@import url("./hero/_editorial.css");
@import url("./hero/_gradient.css");
@import url("./hero/_duo-cta.css");
@import url("./hero/_asymmetric.css");
@import url("./hero/_shaped-edges.css");
@import url("./hero/_scene-editorial.css");
@import url("./hero/_scene-vertical.css");
@import url("./post_list/_grid.css");
@import url("./post_list/_compact.css");
@import url("./post_list/_magazine.css");
@import url("./post_list/_horizontal.css");
@import url("./post_list/_featured.css");
@import url("./post_list/_simple.css");
@import url("./post_body/_default.css");
@import url("./post_body/_serif.css");
@import url("./post_body/_wide.css");
@import url("./post_body/_narrow.css");
@import url("./about/_story.css");
@import url("./about/_columns.css");
@import url("./about/_timeline.css");
@import url("./contact_info/_cards.css");
@import url("./contact_info/_inline.css");
@import url("./contact_form/_stacked.css");
@import url("./contact_form/_split.css");
@import url("../micro/index.css");

.blk-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--ds-space-unit, 8px) * 1.5);
  margin-top: calc(var(--ds-space-unit, 8px) * 4);
}

.blk-pagination__link {
  color: var(--ds-color-accent, inherit);
  text-decoration: none;
  padding: calc(var(--ds-space-unit, 8px) * 0.75) calc(var(--ds-space-unit, 8px) * 1.5);
  border-radius: var(--ds-radius-sm, 4px);
  border: 1px solid var(--ds-color-border, currentColor);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.blk-pagination__link:hover {
  color: var(--ds-color-accent-hover, inherit);
}

.blk-pagination__current {
  font-weight: 600;
  padding: calc(var(--ds-space-unit, 8px) * 0.75) calc(var(--ds-space-unit, 8px) * 1.25);
}

.blk-pagination__pages {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--ds-space-unit, 8px) * 0.75);
}