swiper-container {
  --swiper-theme-color: white;
  --swiper-navigation-size: 1.2rem;
}

swiper-slide {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Readable prose.
   The Polymorph template sets body copy in Source Sans Pro Light (300) and
   shrinks it to 12pt below 1280px (11pt below 360px), which is too thin and
   too small to read a long report -- painfully so on a phone. Bump the weight
   and leading inside page content only, so the header, banner and footer keep
   their template sizing, and bump the size as well on small screens. */
#main > .main > .inner {
  font-weight: 400;
  line-height: 1.7;
  color: #333333;
}

@media screen and (max-width: 736px) {
  #main > .main > .inner {
    font-size: 13.5pt;
  }
}

@media screen and (max-width: 360px) {
  #main > .main > .inner {
    font-size: 13pt;
  }
}