.case-pager-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
}
.case-pager-bar > .case-eyebrow { margin:0; }
.case-pager-top { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.case-pager-arrow {
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--control);
  color:var(--ink);
  transition:background-color .2s ease,border-color .2s ease;
}
.case-pager-arrow svg,.case-pager-card svg {
  width:20px;
  height:20px;
  flex-shrink:0;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.case-pager-position { min-width:42px; color:var(--muted); text-align:center; font-size:12px; font-variant-numeric:tabular-nums; }
.case-pager-footer {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,4vw,56px);
  margin-top:clamp(56px,7vw,104px);
  padding-top:24px;
  border-top:1px solid var(--line);
}
.case-pager-card {
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  min-height:76px;
  padding:12px 0;
  color:var(--ink);
  border-radius:4px;
}
.case-pager-copy { display:flex; flex-direction:column; min-width:0; gap:4px; }
.case-pager-label { color:var(--muted); font-size:12px; line-height:1.6; }
.case-pager-name { font-size:clamp(18px,1.7vw,24px); line-height:1.5; overflow-wrap:anywhere; }
.case-pager-next { flex-direction:row-reverse; text-align:right; }
.case-pager-arrow:focus-visible,.case-pager-card:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
@media (hover:hover) and (pointer:fine) {
  .case-pager-arrow:hover { background:var(--control-hover,var(--page)); border-color:var(--ink); }
  .case-pager-card:hover .case-pager-name { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
}
@media (max-width:700px) {
  .case-pager-bar { margin-bottom:18px; }
  .case-pager-top { gap:4px; }
  .case-pager-footer { gap:20px; margin-top:48px; margin-bottom:24px; padding-top:16px; }
  .case-pager-card { gap:10px; min-height:72px; }
  .case-pager-name { font-size:17px; }
}
@media (prefers-reduced-motion:reduce) {
  .case-pager-arrow { transition:none; }
}