.page-history {
  position: sticky;
  top: var(--header-height, 84px);
  z-index: 28;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 56px;
  padding: 6px var(--page-gutter, 40px);
  border-bottom: 1px solid #dce5e4;
  background: #f5f2eb;
}
.page-history[hidden] { display: none; }
.page-history > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  margin: 0;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #123c43;
  font-family: var(--body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}
.page-history > button > svg { width: 20px; height: 20px; flex-shrink: 0; }
.page-history > button:not(:disabled):hover { color: #075e70; text-decoration: underline; text-underline-offset: 5px; }
.page-history > button:focus-visible { outline: 2px solid #087a8c; outline-offset: 4px; border-radius: 3px; }
.page-history > button:disabled { color: #8d9d9c; cursor: default; }
html:has(.page-history:not([hidden])) { scroll-padding-top: calc(var(--header-height, 84px) + 72px); }
@media (max-width: 899px) { .page-history { padding-inline: 28px; } }
@media (max-width: 699px) { .page-history { padding-inline: 22px; } }