.menu-link-collection>a:hover,
.menu-link-site>a:hover {
  color: black;
}

.md-html-article-container {
  margin: 0rem 1.5rem;
  font-family: "Chivo";
  font-style: normal;
  font-weight: normal;
}

.md-html-article-container * {
  color: black;
}

.md-html-article-container p {
  font-family: "Chivo";
  font-style: normal;
  font-weight: normal;
  padding-left: 6rem;
  margin: 0.5rem 0;
  max-width: 50rem;
}

.md-html-article-container a {
  text-decoration: underline;
}

.md-html-article-container p:nth-child(1) {
  margin-top: 0;
}

.md-html-article-container p:nth-last-child(1) {
  margin-bottom: 3rem;
}

.md-html-article-container sup {
  font-size: 80%;
  top: -0.2rem;
}

.md-html-article-container h1,
#drawing h1 {
  margin-top: 6rem;
  margin-bottom: 2rem;
  font-style: normal;
  font-weight: initial;
  font-family: "Chivo-light";
  max-width: 60rem;
}

.md-html-article-container *:nth-child(1) {
  margin-top: 0.8rem;
}

.md-html-article-container h2,
.md-html-article-container h3,
.md-html-article-container h4,
.md-html-article-container h5,
.md-html-article-container h6 {
  font-weight: normal;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-family: "Chivo";
  max-width: calc(50rem + 25%);
}

.md-html-article-container p+h2,
.md-html-article-container p+h3,
.md-html-article-container p+h4,
.md-html-article-container p+h5,
.md-html-article-container p+h6,
.md-html-article-container div+h2,
.md-html-article-container div+h3,
.md-html-article-container div+h4,
.md-html-article-container div+h5,
.md-html-article-container div+h6 {
  margin-top: 3rem;
}

.md-html-article-container h2 {
  font-weight: bold;
}

.md-html-article-container h3 {
  padding-left: 3rem;
}

.md-html-article-container h4 {
  padding-left: 6rem;
}

.md-html-article-container .intro {
  margin-bottom: 3rem;
}

.md-html-article-container .intro p {
  font-size: 1.5rem;
  padding-left: 6rem;
  width: unset;
  max-width: 60rem;
}

.md-html-article-container blockquote {
  padding: 0;
  padding-left: 3rem;
  border: none;
  color: black;
  font-style: italic;
}

.md-html-article-container blockquote p {
  font-style: italic;
  max-width: 47rem;
}

.md-html-article-container .large-image {
  max-width: 70rem;
}

.md-html-article-container .image-text,
.md-html-article-container .text-image {
  margin: 2rem 0;
  display: flex;
  max-width: 70rem;
}

.md-html-article-container .image-text p,
.md-html-article-container .text-image p {
  padding: 0;
  width: unset;
  padding: 0;
  margin-top: 0;
}

.md-html-article-container .image-text>p,
.md-html-article-container .text-image .side-text {
  margin-right: 1.5rem;
}

.md-html-article-container .image-text>*,
.md-html-article-container .text-image>* {
  padding: 0;
  margin: 0;
  flex: 1 1 50%;
}

.md-html-article-container .image-text .side-text,
.md-html-article-container .text-image>p {
  margin-left: 1.5rem;
}

.md-html-article-container .image-text em,
.md-html-article-container .text-image em,
.md-html-article-container .medium-image em,
.md-html-article-container .large-image em,
.md-html-article-container .text-small-image em,
.md-html-article-container .small-image-text em {
  width: 100%;
  display: inline-block;
  margin-top: 0.5rem;
  text-align: right;
  padding-left: 0;
  font-style: initial;
  font-size: 0.8rem;
}

.md-html-article-container .small-image-text em {
  padding-left: 0;
}

.md-html-article-container .image-text em:before,
.md-html-article-container .text-image em:before,
.md-html-article-container .medium-image em:before,
.md-html-article-container .large-image em:before,
.md-html-article-container .text-small-image em:before,
.md-html-article-container .small-image-text em:before {
  content: "— ";
}

.md-html-article-container .large-image>p {
  padding: 0;
  margin: 4rem 0;
  width: 100%;
  max-width: 100%;
}

.md-html-article-container .text-small-image,
.md-html-article-container .small-image-text {
  display: flex;
}

.md-html-article-container .text-small-image .side-text,
.md-html-article-container .small-image-text .side-text {
  margin: 0;
  flex: 1;
  max-width: 50rem;
}

.md-html-article-container .text-small-image .side-text p,
.md-html-article-container .small-image-text .side-text p {
  padding-right: 0;
  width: 100%;
}

.md-html-article-container .small-image-text .side-text p {
  padding-left: 3rem;
}

.md-html-article-container .text-small-image>p,
.md-html-article-container .small-image-text>p {
  padding: 0;
  flex: 1;
  max-width: 20%;
  margin-left: 3rem;
  margin-top: 0;
}

.md-html-article-container .image-text .side-text h4:nth-child(1),
.md-html-article-container .text-image .side-text h4:nth-child(1),
.md-html-article-container .small-image-text .side-text h4:nth-child(1),
.md-html-article-container .text-small-image .side-text h4:nth-child(1) {
  margin-top: 0;
}

.md-html-article-container .image-text .side-text h4,
.md-html-article-container .text-image .side-text h4 {
  padding-left: 0;
}

.md-html-article-container .small-image-text .side-text h4 {
  padding-left: 3rem;
}

.md-html-article-container .text-small-image .gatsby-resp-image-wrapper,
.md-html-article-container .small-image-text .gatsby-resp-image-wrapper {
  margin-right: unset !important;
  margin-left: unset !important;
}

.md-html-article-container .timeline p {
  padding-left: 0;
  font-size: 2rem;
  font-family: "Chivo-light";
}

.md-html-article-container ul {
  padding-left: 3rem;
  list-style: none;
}

.md-html-article-container .timeline>ul {
  max-width: 60rem;
}

.md-html-article-container table {
  margin-bottom: 3rem;
  margin-left: -1rem;
  border: none;
}

.md-html-article-container table p {
  padding: 0 1rem;
  margin: 0.5rem 0;
  width: unset;
}

.md-html-article-container td>p:nth-last-child(1),
.md-html-article-container th>p:nth-last-child(1) {
  margin: 0;
}

.md-html-article-container table caption {
  text-align: left;
  padding-left: 1rem;
  margin: 1rem 0;
}

.md-html-article-container thead {
  margin-top: 2rem;
}

.md-html-article-container thead p {
  font-weight: bold;
}

.md-html-article-container td,
.md-html-article-container th {
  border-bottom: solid 1px black;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0.5rem 0;
  vertical-align: baseline;
  background-color: none;
}

.md-html-article-container ol {
  padding-left: 6rem;
  max-width: 50rem;
}

.md-html-article-container li {
  margin: 0.5rem 0;
}

.md-html-article-container .footnote-ref {
  color: black;
  text-decoration: underline;
  margin-left: 0.2rem;
  margin-right: 0.1rem;
}

.md-html-article-container .footnotes hr {
  opacity: 0;
}

.md-html-article-container .footnote {
  font-size: 0.8rem;
}

.md-html-article-container .footnotes ol {
  padding: 0;
  margin-left: 1rem;
  width: 50%;
}

.md-html-article-container .footnote p {
  padding-left: 2rem;
  padding-right: 0;
  width: 100%;
  margin-bottom: 0;
}

.md-html-article-container .footnote-backref {
  color: black;
  float: right;
  right: 0;
  position: relative;
  margin-top: 0;
  margin-right: -5rem;
}

.md-html-article-container ul {
  padding-left: 9rem;
  list-style: circle;
}

.cards-container {
  flex-wrap: wrap;
}

.cards-container>a {
  flex: 0 0 50%;
  margin-bottom: 6rem;
}

.cards-container>a:hover h3 {
  text-decoration: underline;
}

.reactive-list * {
  font-family: "Chivo";
  color: black;
}

.reactive-list>div:nth-child(1)>p:nth-child(1) {
  font-size: 1rem;
  margin-bottom: 3rem;
}

.selected-filters>button span:first-of-type {
  max-width: 100% !important;
  margin-right: 0.25rem !important;
}

.selected-filters>button span:last-of-type {
  display: none !important;
}

.result-item-container>a {
  padding: 0;
}

a.result-item-container:hover h2 {
  text-decoration: underline;
}

@media (max-width: 1100px) {
  .cards-container>a {
    flex: 0 0 100%;
    margin-bottom: 6rem;
  }
}

@page {
  size: A4 portrait;
  margin: 15mm;
}

.print-only {
  display: none;
}

@media print {

  html,
  body {
    width: 210mm;
    height: 297mm;
  }

  main {
    width: calc(100% - 30mm) !important;
    margin-left: 0 !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 1.5rem !important;
    page-break-after: avoid;
    page-break-before: auto;
  }

  h1+*,
  h2+*,
  h3+*,
  h4+*,
  h5+*,
  h6+* {
    page-break-before: avoid;
  }

  .print-only {
    display: block;
  }

  .no-print {
    display: none;
  }

  #drawing {
    width: 450pt;
  }
}

#viewer-area {
  display: flex;
  flex-wrap: wrap;
}

#viewer-area #metadata {
  padding: 2rem;
  flex: 0 0.1 fit-content;
}

#viewer-area #metadata ul {
  position: sticky;
  top: 2rem;
}

#viewer-area #viewers {
  flex: 0 1 60rem;
}