body.pe_viewer_body {
  padding-bottom: 2.75rem;
}

.pe_viewer_foot {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(17, 16, 14, 0.78);
  border-top: 1px solid rgba(246, 241, 232, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.pe_viewer_crumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0.42rem 1rem;
  font-family: system-ui, sans-serif;
  font-size: 0.78rem;
  line-height: 1.2;
}

.pe_viewer_crumb {
  color: var(--muted);
  text-decoration: none;
}

.pe_viewer_crumb:hover {
  color: var(--ink);
}

.pe_viewer_crumb.is_on {
  color: var(--ink);
  cursor: default;
}

.pe_viewer_crumb_sep {
  color: var(--muted);
  opacity: 0.45;
  user-select: none;
}

.pe_arc_brand_link {
  color: inherit;
  text-decoration: none;
}

.pe_arc_brand_link:hover span {
  color: #f06a42;
}

.pe_info_page {
  max-width: 42rem;
  margin: 0 auto;
  padding: 1rem 1.5rem 2rem;
  hyphens: auto;
  -webkit-hyphens: auto;
}

.pe_info_page h1 {
  margin: 0 0 1rem;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: normal;
}

.pe_info_page h2 {
  margin: 1.75rem 0 0.65rem;
  font-size: 1.05rem;
  font-family: system-ui, sans-serif;
  font-weight: 600;
}

.pe_info_page p,
.pe_info_page li {
  font-family: system-ui, sans-serif;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--muted);
}

.pe_info_page ul {
  margin: 0.5rem 0 0;
  padding-left: 1.2rem;
}

.pe_info_page ol {
  margin: 0.5rem 0 0;
  padding-left: 1.35rem;
}

.pe_info_page li {
  margin-bottom: 0.45rem;
}

.pe_info_page a {
  color: var(--accent);
}

.pe_info_back {
  display: inline-block;
  margin-bottom: 1.25rem;
  font-family: system-ui, sans-serif;
  font-size: 0.85rem;
  color: var(--muted);
  text-decoration: none;
}

.pe_info_back:hover {
  color: var(--ink);
}