:root {
  --publication-width: 803;
  --publication-height: 602;
  --publication-max-width: 1440px;
  --outside-background: #dddddd;
}

html {
  scroll-behavior: smooth;
  background: var(--outside-background);
}

body {
  margin: 0;
  min-width: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--outside-background);
  color: #000;
}

#publication-scroll {
  width: 100%;
  margin: 0;
  padding: 0;
}

.publication-page {
  position: relative;
  width: min(100%, var(--publication-max-width));
  height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  background: #fff;
  scroll-margin-top: 0;
  contain: layout paint;
}

.publication-canvas {
  position: absolute;
  inset: 0 auto auto 0;
  width: 803px;
  height: 602px;
  overflow: hidden;
  transform-origin: 0 0;
  background: #fff;
}

.publication-nav-link {
  color: inherit;
  text-decoration: none;
}

.publication-nav-link span {
  cursor: pointer;
}

.publication-nav-link:hover span,
.publication-nav-link:focus-visible span {
  filter: brightness(0.9);
}

.publication-nav-link:focus-visible {
  outline: none;
}

/*
  The ZIP did not contain the referenced font files. These local fallbacks
  keep the export readable on Windows and macOS. If the original fonts are
  later added to /font under the names used in idGeneratedStyles.css, the
  original font definitions will take precedence automatically.
*/
@font-face {
  font-family: "Avenir Black";
  src: local("Avenir Black"), local("Arial Black");
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
}

@font-face {
  font-family: "Avenir Book";
  src: local("Avenir Book"), local("Avenir"), local("Arial");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: ZurichCnEU;
  src: local("Arial Narrow"), local("Arial");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: ZurichLtCnEU;
  src: local("Arial Narrow"), local("Arial");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: ZurichLtEU;
  src: local("Arial"), local("Helvetica");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: ZurichXBlkEU;
  src: local("Arial Black"), local("Arial");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}