/* Article header */.article-header { background-color: var(--sandWhite); display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; margin: var(--navbar-height) 0 var(--space-l) 0; padding: var(--space-l);}.article-header-breadcrumb > * { font-family: var(--primaryFont); text-transform: uppercase;}.article-header-title { font-family: var(--serifFont); text-align: right; width: 100%;}.article-header-author-date { font-family: var(--primaryFont); font-weight: 400; color: var(--highlightBlue);}.article-header-teaser { font-family: var(--primaryFont); font-weight: 300; margin: var(--space-xs) 0;}.article-header > .polaroid { transform: rotate(-5deg); height: 50%; width: 100%;}.article-header .adhesive-tape { height: var(--space-2xl); width: calc(var(--space-2xl) * 4); }@media screen and (max-width: 599px) { .article-header-title { order: 2; margin-top: var(--space-l); } .article-header > .polaroid { order: 1; }}@media screen and (min-width: 600px) { .article-header { flex-flow: row wrap; justify-content: center; align-items: flex-start; padding: 0; } .article-header-title { width: 35%; padding: var(--space-l) 0 0 var(--space-2xl); } .article-header > .polaroid { height: 90%; width: 52%; margin: var(--space-2xl) 0 0 var(--space-2xl); } .article-header .polaroid-image { border-width: var(--space-xs); }}/* Article content *//* Article toc */#table-of-contents { margin-top: var(--space-l); }#table-of-contents > div { background-color: var(--white); box-shadow: var(--cardShadow); padding: var(--space-s); padding-bottom: var(--space-2xs); margin: 0 auto; margin-bottom: var(--space-2xl);}@media screen and (min-width: 900px) { #table-of-contents > div { width: 100%; columns: 2; } }#table-of-contents > h2 { font-family: var(--highlightFont); font-size: var(--font-size-3xl); margin: 0 0 var(--space-2xs) 0;}@media screen and (min-width: 900px) { #table-of-contents > h2 { font-size: var(--font-size-4xl); } }#table-of-contents > div > ul { list-style: none; margin-bottom: auto; margin-left: var(--space-l); padding-left: var(--space-xs); text-indent: calc(-1 * var(--space-xs) - var(--space-2xs));}#table-of-contents > div > ul > li { padding-bottom: var(--space-2xs);}/* Article key information */.key-information { padding: var(--space-s); margin: 0 auto; margin-bottom: var(--space-2xl);}.key-information h3 { font-family: var(--serifFont); font-size: var(--font-size-3xl); color: var(--highlightBlue);}/* Article images */.full-width-images > figure { width: 100%; }.full-width-images img { margin: 0; }.full-width-images figcaption { text-align: center; margin: 0; }@media screen and (max-width: 599px) { .full-width-images { height: 80vh; width: 100%; margin: var(--space-xs) 0; } .full-width-images.two-images { height: 140vh; } .full-width-images > figure { height: 100%; } .full-width-images.two-images > figure { height: 50%; } .full-width-images img { height: 90%; } .full-width-images figcaption { height: 10%; } .full-width-images.two-images img { height: 80%; } .full-width-images.two-images figcaption { height: 20%; }}@media screen and (min-width: 600px) { .full-width-images { display: flex; flex-direction: row; column-gap: var(--space-2xs); height: 100%; width: calc(100% + (100vw - var(--container)) * 0.8); margin: var(--space-l) calc(-1 * (100vw - var(--container)) * 0.4); margin-top: 0; } .full-width-images.two-images { height: 85vh; } .full-width-images img { height: 95%; } .full-width-images figcaption { height: 5%; }}/* Related articles */.related-articles-grid { display: grid; grid-column-gap: var(--space-xs); grid-row-gap: var(--space-xs); justify-content: space-around;}@media screen and (max-width: 599px) { .related-articles-grid { grid-template-columns: repeat(2, 1fr); } }@media screen and (min-width:600px) { .related-articles-grid { grid-template-columns: repeat(2, 1fr); } }@media screen and (min-width:900px) { .related-articles-grid { grid-template-columns: repeat(3, 1fr); } }.related-article-tile { line-height: normal; position: relative; height: 100%; overflow: hidden;}@media screen and (max-width: 599px) { .related-article-tile { height: 20vh; } }@media screen and (min-width: 600px) { .related-article-tile { height: 25vh; } }/* Content */article div.content p { width: 100%;}/* Inline Map */.inline-map { height: 500px; width: 100%; margin: var(--space-2xl) 0 var(--space-s) 0;}