/* The short purchase does not use the editor, reader, or catalogue styles. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #f1f5f5;
  overflow-x: hidden;
}
body {
  line-height: 1.55;
  min-height: 100vh;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; height: auto; }
button, input, select, textarea { font: inherit; border: none; }
button { cursor: pointer; background: none; }
textarea { resize: vertical; }
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #2077ad;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: no-preference) {
  a, button { transition: color .2s, background-color .2s, border-color .2s; }
}