.info-page {
  --foreground: var(--primary);
  --muted-foreground: #a3a3a3;
  --fs-body: var(--ui-body-font-size);
  --lh-body: calc(var(--ui-body-line-height) * 1.1);
  font-family: var(--ui-font-interface);
  font-size: var(--ui-body-font-size);
  font-weight: var(--ui-body-font-weight);
  line-height: calc(var(--ui-body-line-height) * 1.1);
  letter-spacing: var(--ui-body-letter-spacing);
}
.info-page { background: #000; }
.info-page :is(.page-background, .page-shade) { display: none; }
.info-page .scroll-nav { opacity: 1; visibility: visible; }
.info-content { position: relative; z-index: 2; max-width: 648px; margin: 0 auto; padding: calc(128px + env(safe-area-inset-top, 0px)) 48px 0; }
.info-content h1, .info-content h2 { font-family: var(--font-display); font-weight: 600; text-wrap: balance; }
.info-content h1 { font-size: var(--ui-title-32-font-size); line-height: calc(var(--ui-title-32-line-height) * 1.1); letter-spacing: var(--ui-title-32-letter-spacing); margin: 0 0 32px; }
.info-content h2 { font-size: var(--ui-title-20-font-size); line-height: calc(var(--ui-title-20-line-height) * 1.1); letter-spacing: var(--ui-title-20-letter-spacing); margin: 48px 0 16px; }
.info-content h3 { font: 600 var(--ui-body-font-size)/calc(var(--ui-body-line-height) * 1.1) var(--ui-font-interface); margin: 32px 0 16px; }
.info-content p, .info-content li { margin: 0 0 20px; }
.info-content ol, .info-content ul { padding-left: 24px; }
.info-content a {
  color: inherit;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--primary-30);
}
.info-content hr { border: 0; height: 1px; background: color-mix(in oklab, #353535 60%, transparent); margin: 64px 0; }
.info-page .info-footer-wrap { padding-top: 0; background: transparent; }
.info-content :focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
@media (max-width: 600px) {
  .info-content { padding: calc(104px + env(safe-area-inset-top, 0px)) 24px 0; }
  .info-content h2 {
    font-size: var(--ui-body-font-size);
    line-height: calc(var(--ui-body-line-height) * 1.1);
    letter-spacing: var(--ui-body-letter-spacing);
    margin-top: 40px;
  }
}
