/* Shared prev/next chapter navigation (Unix Core pattern) for all *-core series */

.core-pager,
.ux-pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--core-pager-border, rgba(255, 255, 255, 0.12));
}

.core-pager__link,
.ux-pager__link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 18px;
  border: 1px solid var(--core-pager-border, rgba(255, 255, 255, 0.12));
  border-radius: var(--core-pager-radius, 8px);
  background: var(--core-pager-bg, rgba(255, 255, 255, 0.04));
  text-decoration: none;
  max-width: 280px;
  transition: border-color 0.15s ease;
}

.core-pager__link:hover,
.ux-pager__link:hover {
  border-color: var(--core-pager-accent, #3b82f6);
  text-decoration: none;
}

.core-pager__link--next,
.ux-pager__link--next {
  margin-left: auto;
  text-align: right;
}

.core-pager__dir,
.ux-pager__dir {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 11px;
  color: var(--core-pager-muted, rgba(255, 255, 255, 0.45));
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.core-pager__title,
.ux-pager__title {
  font-family: "Inter", system-ui, sans-serif;
  font-size: var(--core-font-small, 0.875rem);
  font-weight: 600;
  color: var(--core-pager-text, inherit);
}

/* Per-series theme tokens */
body.kafka-core {
  --core-pager-border: var(--kc-border);
  --core-pager-bg: var(--kc-bg-elevated);
  --core-pager-radius: var(--kc-radius);
  --core-pager-accent: var(--kc-accent);
  --core-pager-muted: var(--kc-text-dim);
  --core-pager-text: var(--kc-text);
}

body.k8s-core {
  --core-pager-border: var(--k8c-border);
  --core-pager-bg: var(--k8c-bg-elevated);
  --core-pager-radius: var(--k8c-radius);
  --core-pager-accent: var(--k8c-accent);
  --core-pager-muted: var(--k8c-text-dim);
  --core-pager-text: var(--k8c-text);
}

body.devsec-core {
  --core-pager-border: var(--dsc-border);
  --core-pager-bg: var(--dsc-bg-elevated);
  --core-pager-radius: var(--dsc-radius);
  --core-pager-accent: var(--dsc-accent);
  --core-pager-muted: var(--dsc-text-dim);
  --core-pager-text: var(--dsc-text);
}

body.java-core {
  --core-pager-border: var(--jc-border);
  --core-pager-bg: var(--jc-bg-elevated);
  --core-pager-radius: var(--jc-radius);
  --core-pager-accent: var(--jc-accent);
  --core-pager-muted: var(--jc-text-dim);
  --core-pager-text: var(--jc-text);
}

body.spring-core {
  --core-pager-border: var(--sp-border);
  --core-pager-bg: var(--sp-bg-elevated);
  --core-pager-radius: var(--sp-radius);
  --core-pager-accent: var(--sp-accent);
  --core-pager-muted: var(--sp-text-dim);
  --core-pager-text: var(--sp-text);
}

body.service-core {
  --core-pager-border: var(--sc-border);
  --core-pager-bg: var(--sc-bg-elevated);
  --core-pager-radius: var(--sc-radius);
  --core-pager-accent: var(--sc-accent);
  --core-pager-muted: var(--sc-text-dim);
  --core-pager-text: var(--sc-text);
}

body.docker-core {
  --core-pager-border: var(--dc-border);
  --core-pager-bg: var(--dc-bg-elevated);
  --core-pager-radius: var(--dc-radius);
  --core-pager-accent: var(--dc-accent);
  --core-pager-muted: var(--dc-text-dim);
  --core-pager-text: var(--dc-text);
}

body.unix-core {
  --core-pager-border: var(--ux-border);
  --core-pager-bg: var(--ux-bg-elevated);
  --core-pager-radius: var(--ux-radius);
  --core-pager-accent: var(--ux-green);
  --core-pager-muted: var(--ux-text-dim);
  --core-pager-text: var(--ux-text);
}

body.sysdesign-core {
  --core-pager-border: var(--sdc-border);
  --core-pager-bg: var(--sdc-bg-elevated);
  --core-pager-radius: var(--sdc-radius);
  --core-pager-accent: var(--sdc-accent);
  --core-pager-muted: var(--sdc-text-dim);
  --core-pager-text: var(--sdc-text);
}

html[data-hp-theme="light"] body[class*="-core"] .core-pager__link:hover,
html[data-hp-theme="light"] body[class*="-core"] .ux-pager__link:hover {
  color: inherit;
}