/*
 * Gemeinsames Inhaltssystem für standardisierte Artikelseiten.
 * Schrittweise auf geprüfte Seitengruppen anwenden.
 */

@media (min-width: 768px) {
  .page-article .article-media-group--farm {
    display: grid;
    grid-template-columns: 250px 250px;
    gap: var(--article-media-gap);
    align-items: start;
  }

  .page-article .article-media-group--farm img:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .page-article .article-media-group--farm img:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }

  .page-article .article-media-group--farm img:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }

  .page-article .atelier-link-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
  }

  .page-article .atelier-link-row > .col {
    float: none;
    width: 150px;
    margin: 0;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.25;
  }
}

@media (max-width: 767px) {
  .page-article .article-media-group--farm {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--article-media-gap);
  }

  .page-article .article-media-group--farm img {
    display: block;
    float: none !important;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .page-article .article-media--mobile-full-width {
    display: block;
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  .page-article .article-media--mobile-full-width img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }

  .page-article .atelier-link-row > .col {
    float: none;
    width: 100%;
    margin: 0 0 1.5rem;
    text-align: left;
  }

  .page-article .atelier-link-row picture,
  .page-article .atelier-link-row a,
  .page-article .atelier-link-row img {
    display: block;
    width: 100%;
    height: auto;
  }

  .page-article .atelier-link-row br {
    display: none;
  }
}

@media (max-width: 767px) {
  .page-article .article-photo-report img {
    display: block;
    width: 100%;
    height: auto;
    margin: var(--article-section-gap) 0;
  }

  .page-article .article-photo-report br {
    display: none;
  }
}

@media (min-width: 768px) {
  .page-article .article-festival-gallery {
    display: block;
    float: right !important;
    clear: none !important;
    width: 280px;
    margin: 0 0 var(--article-section-gap) var(--article-media-gap);
  }

  .page-article .article-festival-gallery .article-gallery {
    display: grid;
    clear: none;
    width: 268px;
    margin: 0;
    grid-template-columns: repeat(2, 128px);
    gap: 12px;
  }

  .page-article .article-festival-gallery .article-gallery > a {
    display: block;
    width: 128px;
    height: 85px;
  }
}

.page-article .article-festival-body br {
  display: none;
}

@media (max-width: 767px) {
  .page-article .article-festival-gallery--mobile-inline,
  .page-article .article-festival-gallery--mobile-inline .article-gallery {
    display: block;
    width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-festival-gallery--mobile-inline img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 var(--article-section-gap);
  }
}

#inhalt.page-article {
  --article-section-gap: clamp(1.5rem, 4vw, 2.25rem);
  --article-paragraph-gap: 1.1em;
  --article-media-gap: 0.5rem;
  --article-gallery-item-size: 9.375rem;
}

@media (min-width: 768px) {
  .page-article .article-callout--right {
    margin-left: 1.75rem !important;
  }
}

@media (max-width: 767px) {
  .page-article .article-media-group--left,
  .page-article .article-media-group--left > div {
    display: block;
    float: none !important;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    text-align: left;
  }

  .page-article .article-media-group--left img {
    display: block;
    float: none !important;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 0 var(--article-media-gap) 0 !important;
  }

  .page-article .article-media-group--left br {
    display: none;
  }

  .page-article .article-media-group--left > div {
    display: contents !important;
  }

  .page-article .article-callout--right {
    float: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }
}

.page-article > .article-section {
  margin-bottom: 0;
}

.page-article > h1 {
  margin-top: var(--article-section-gap);
  margin-bottom: 0;
}

.page-article > .article-maps {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-block: var(--article-section-gap);
}

.page-article > .article-maps .cartes {
  margin: 0 !important;
}

.page-article > .article-body {
  display: flow-root;
  margin-top: 0 !important;
}

.page-article .article-lead-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 0 var(--article-section-gap) 0;
}

.page-article > h1 + .article-body {
  margin-top: var(--article-section-gap) !important;
}

.page-article .article-media--right {
  display: block;
  float: right;
  width: min(42%, 18.75rem);
  max-width: 100%;
  height: auto;
  margin: 0 0 1.25rem 1.75rem !important;
}

.page-article .article-media--right.article-media--more-gap {
  margin-left: 3.5rem !important;
}

.page-article .article-media--right.article-media--right-400 {
  width: min(48%, 25rem);
}

.page-article .article-media--right.article-media--clear-right {
  clear: right;
}

.page-article .article-media--right > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-media--right.article-media--native {
  width: auto;
  max-width: 42%;
  height: auto;
}

.page-article .article-video--right {
  width: min(48%, 24rem);
}

.page-article .article-media--panorama-right {
  width: min(58%, 31.25rem);
}

.page-article .article-video--right video {
  display: block;
  width: 100% !important;
  height: auto;
}

.page-article .article-video--right iframe {
  display: block;
  width: 100% !important;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
}

.page-article .article-video--center {
  display: block;
  width: min(100%, 30rem);
  margin: var(--article-section-gap) auto;
}

.page-article .article-video--center video {
  display: block;
  width: 100% !important;
  height: auto;
}

.page-article .article-story-map {
  position: relative;
  width: 100%;
  margin: var(--article-section-gap) 0;
}

.page-article .article-story-map > img {
  display: block;
  width: 100%;
  height: auto;
}

.page-article .article-story-video video {
  display: block;
  width: 100%;
  height: auto;
}

.page-article .article-story-video--desktop {
  position: absolute;
  z-index: 2;
  top: 32%;
  left: 52%;
  width: 42%;
}

.page-article .article-story-video--mobile {
  display: none;
}

.page-article .article-video--mobile-only {
  display: none !important;
}

.page-article .article-media-stack--spaced > a {
  display: block;
  margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
  .page-article .article-story-video--desktop {
    display: none;
  }

  .page-article .article-story-video--mobile {
    display: block;
    width: 100%;
    margin: 0.9rem 0 1rem;
  }

  .page-article .article-video--desktop-only {
    display: none !important;
  }

  .page-article .article-video--mobile-only {
    display: block !important;
  }
}

@media (min-width: 769px) {
  .page-article .article-video--center.article-video--top-flush {
    margin-top: 0;
  }
}

.page-article .article-video-preview--right {
  float: right;
  width: min(48%, 24rem);
  max-width: 100%;
  margin: 0 0 1.25rem 1.75rem;
}

.page-article .article-video-preview--right > a,
.page-article .article-video-preview--right img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-video-preview--right figcaption {
  margin-top: 0.35rem;
  font-size: 0.75em;
  line-height: 1.15;
}

.page-article .klein,
.page-article .article-meta-note {
  line-height: 1.15;
}

.page-article .article-small-line {
  display: block;
  font-size: 10px;
  line-height: 1.15;
}

.page-article .easyhtml5video_480 > .klein {
  display: block;
  margin-top: 0.35rem;
}

.page-article .article-video-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: var(--article-section-gap) 0;
}

.page-article .article-video-pair > div {
  float: none;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.page-article .article-video-pair video {
  display: block;
  width: 100% !important;
  height: auto;
}

.page-article .article-media-stack--right {
  display: grid;
  float: right;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--article-media-gap);
  width: fit-content;
  max-width: 42%;
  margin: 0 0 1.25rem 1.75rem;
}

/* Unverhoffte Begegnung: zwei LP-Bilder, darunter beide Videos. */
.page-article .article-encounter-media {
  display: grid;
  float: right;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--article-media-gap);
  width: 20rem;
  max-width: 42%;
  margin: 0 0 1.25rem 1.75rem;
}

.page-article .article-encounter-media .article-gallery {
  float: none;
  grid-template-columns: repeat(2, 9.375rem);
  width: 100%;
  max-height: none;
  margin: 0;
  overflow: visible;
}

.page-article .article-encounter-media video {
  display: block;
  width: 100% !important;
  height: auto;
}

@media (max-width: 768px) {
  .page-article .article-encounter-media {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-encounter-media .article-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.page-article .article-media-stack--right img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-media-stack--native {
  width: fit-content;
}

.page-article .article-media-stack--left {
  display: grid;
  float: left;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--article-media-gap);
  width: fit-content;
  max-width: 42%;
  margin: 0 1.75rem 1.25rem 0;
}

.page-article .article-media-stack--left img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-media-stack--large {
  width: min(42%, 15.625rem);
}

.page-article .article-media-stack--large img {
  width: 100%;
}

.page-article .article-audio-card--right {
  float: right;
  width: min(42%, 18.75rem);
  max-width: 100%;
  margin: 0 0 1.25rem 1.75rem;
}

.page-article .article-audio-card--right img,
.page-article .article-audio-card--right audio {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-audio-card--right audio {
  margin-top: var(--article-media-gap);
}

.page-article .article-audio-card--right figcaption {
  margin-top: 0.4rem;
  font-size: 0.75em;
  line-height: 1.15;
}

.page-article .article-audio-card--left {
  float: left;
  width: min(42%, 18.75rem);
  max-width: 100%;
  margin: 0 1.75rem 1.25rem 0;
}

.page-article .article-audio-card--left img,
.page-article .article-audio-card--left audio {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-audio-card--left audio {
  margin-top: var(--article-media-gap);
}

.page-article .article-video-card--left-compact {
  float: left;
  width: min(42%, 11rem);
  max-width: 100%;
  margin: 0 1.75rem 1.25rem 0;
}

.page-article .article-video-card--left-compact video {
  display: block;
  width: 100% !important;
  height: auto;
}

.page-article .article-video-card--left-compact > .klein {
  display: block;
  margin-top: 0.35rem;
  line-height: 1.15;
}

.page-article .article-video-card--left {
  float: left;
  width: 17.5rem;
  max-width: 100%;
  margin: 0 1.75rem 1.25rem 0;
}

.page-article .article-video-card--left video {
  display: block;
  width: 100% !important;
  height: auto;
}

.page-article .article-video-card--left iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
}

.page-article .article-video-card--left figcaption {
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 1.15;
}

.page-article .article-media--wide {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 0 var(--article-section-gap);
}

.page-article .article-figure--wide {
  display: block;
  width: min(100%, 50rem);
  margin: var(--article-section-gap) 0;
}

.page-article .article-figure--wide img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-figure--wide figcaption {
  margin-top: 0.3rem;
  font-size: 0.75em;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .page-article .article-figure--wide {
    margin-right: auto;
    margin-left: auto;
  }
}

.page-article .article-media--text-gap {
  margin-bottom: var(--article-section-gap) !important;
}

.page-article .article-media--center {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: var(--article-section-gap) auto !important;
}

.page-article a.article-media--center > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-media--section-gap {
  margin-bottom: var(--article-section-gap);
}

.page-article .article-media-pair {
  display: grid;
  float: right;
  grid-template-columns: 135fr 326fr;
  align-items: start;
  gap: var(--article-media-gap);
  width: min(62%, calc(28.8125rem + var(--article-media-gap)));
  max-width: 100%;
  margin: 0 0 1.25rem 1.75rem;
}

.page-article .article-media-pair img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.page-article .article-media-pair.article-media-pair--wide-first {
  grid-template-columns: 326fr 135fr;
}

.page-article .article-media-pair.article-media-pair--equal {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-article .article-media-pair.article-media-pair--native {
  grid-template-columns: repeat(2, max-content);
  width: fit-content;
}

.page-article .article-media-pair.article-media-pair--native img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.page-article .article-media-strip {
  display: grid;
  grid-template-columns: 400fr 221fr 186fr;
  align-items: stretch;
  gap: var(--article-media-gap);
  margin: var(--article-section-gap) 0;
}

.page-article .article-media-strip > a,
.page-article .article-media-strip img {
  display: block;
  width: 100%;
  height: 100%;
}

.page-article .article-media-strip img {
  object-fit: cover;
}

.page-article .article-media--left {
  display: block;
  float: left;
  width: auto;
  max-width: 42%;
  height: auto;
  margin: 0 1.75rem 1rem 0 !important;
}

.page-article .article-media--left.article-media--more-gap {
  margin-right: 3.5rem !important;
}

.page-article .article-media--left.article-media--clear-left {
  clear: left;
}

.page-article .article-figure--right {
  float: right;
  width: min(42%, 18.75rem);
  max-width: 100%;
  margin: 0 0 1.25rem 1.75rem;
}

.page-article .article-figure--right img {
  display: block;
  width: 100%;
  height: auto;
}

.page-article .article-figure--center {
  width: fit-content;
  max-width: 100%;
  margin: var(--article-section-gap) auto;
  text-align: center;
}

.page-article .article-figure--center figcaption {
  margin: 0.3rem 0 0;
  font-size: 12px;
  line-height: 1.15;
}

.category-index > .category-intro {
  max-width: 68rem;
  margin: 1.25rem 0 2rem;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: 1.08rem;
  line-height: 1.65;
}

.landing-concept .landing-languages {
  margin: 0 0 1rem;
  text-align: right;
}

.landing-concept .landing-languages a {
  color: #50696d;
}

.landing-concept .landing-lead {
  max-width: 70rem;
}

.landing-concept .landing-themes,
.landing-concept .landing-projects {
  margin: 3rem 0 0;
}

.landing-concept .landing-themes > h2,
.landing-concept .landing-projects > h2 {
  margin: 0 0 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #d7d7d7;
  color: #941100 !important;
  font-size: 26px;
}

.landing-concept .landing-theme-grid,
.landing-concept .landing-project-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.landing-concept .landing-theme-group {
  --landing-accent: #5d7a7e;
  margin: 0 0 2rem;
}

.landing-concept .landing-theme-banner {
  position: relative;
  height: 220px;
  margin: 0 0 1rem;
  overflow: hidden;
  border-radius: 9px;
  background: #5d7a7e;
}

.landing-concept .landing-theme-intro {
  max-width: 68rem;
  margin: 0 0 0.8rem;
  line-height: 1.55;
}

.landing-concept .landing-theme-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0;
  line-height: 1.45;
}

.landing-concept .landing-theme-links a {
  display: inline-block;
  padding: 0.2rem 0.8rem 0.2rem 0;
  color: #1e6c7b;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.landing-concept .landing-theme-links a:not(:last-child)::after {
  margin-left: 0.8rem;
  color: var(--landing-accent, #8a1d14);
  content: "·";
  text-decoration: none;
}

.landing-concept .landing-theme-banner::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(14, 50, 57, 0.78), rgba(14, 50, 57, 0.08) 70%);
}

.landing-concept .landing-theme-banner img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

.landing-concept .landing-theme-banner picture,
.landing-concept .landing-transition-image picture {
  display: block;
  width: 100%;
  height: 100%;
}

.landing-concept .theme-vivre .landing-theme-banner img {
  object-position: center bottom;
}

.landing-concept .theme-explorer .landing-theme-banner img {
  object-position: center bottom;
}

.landing-concept .theme-culture .landing-theme-banner img {
  object-position: center bottom;
}

.landing-concept .theme-partager .landing-theme-banner img {
  object-position: center bottom;
}

.landing-concept .landing-theme-banner h3 {
  position: absolute;
  left: 1.5rem;
  bottom: 1.25rem;
  z-index: 1;
  margin: 0;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
}

.landing-concept .theme-vivre { --landing-accent: #63824b; }
.landing-concept .theme-explorer { --landing-accent: #2b8593; }
.landing-concept .theme-culture { --landing-accent: #9b6643; }
.landing-concept .theme-partager { --landing-accent: #8a4e67; }

.landing-concept .landing-transition-image {
  height: 220px;
  margin: 2.5rem 0 2rem;
  overflow: hidden;
  border-radius: 9px;
}

.landing-concept .landing-transition-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center bottom;
}

.landing-concept .landing-theme-card,
.landing-concept .landing-project-grid > article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.4rem;
  border-radius: 8px;
  background: #f5f5f5;
}

.landing-concept .landing-theme-card {
  border-top: 4px solid var(--landing-accent);
  background: linear-gradient(180deg, #fff 0, #f7f6f4 100%);
  box-shadow: 0 2px 8px rgba(35, 28, 22, 0.08);
}

.landing-concept .landing-theme-card h3,
.landing-concept .landing-project-grid h3 {
  margin: 0 0 0.8rem;
  font-size: 21px;
  line-height: 1.3;
}

.landing-concept .landing-theme-card h3 a,
.landing-concept .landing-project-grid h3 a {
  color: #0e3239;
}

.landing-concept .landing-theme-card p,
.landing-concept .landing-project-grid p {
  margin: 0 0 1rem;
}

.landing-concept .landing-card-link {
  align-self: flex-start;
  margin-top: auto;
  font-weight: 700;
}

.landing-concept .landing-history {
  max-width: 70rem;
  margin: 3rem 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid #d7d7d7;
  font-size: 1.08rem;
  line-height: 1.65;
}

@media (max-width: 767px) {
  .landing-concept .landing-theme-grid,
  .landing-concept .landing-project-grid {
    grid-template-columns: 1fr;
  }

  .landing-concept .landing-themes,
  .landing-concept .landing-projects {
    margin-top: 2rem;
  }

  .landing-concept .landing-theme-card,
  .landing-concept .landing-project-grid > article {
    padding: 1.1rem;
  }

  .landing-concept .landing-theme-banner {
    height: 125px;
  }

  .landing-concept .landing-transition-image {
    height: 125px;
    margin: 2rem 0 1.5rem;
  }

  .landing-concept .landing-transition-image img {
    object-position: center;
  }

  .landing-concept .landing-theme-banner img {
    object-position: center;
  }

  .landing-concept .landing-theme-banner h3 {
    left: 1rem;
    bottom: 0.9rem;
    font-size: 25px !important;
  }

  .landing-concept .landing-theme-links {
    display: block;
  }

  .landing-concept .landing-theme-links a {
    display: block;
    padding: 0.45rem 0;
    border-bottom: 1px solid #e0ded9;
  }

  .landing-concept .landing-theme-links a:not(:last-child)::after {
    content: none;
  }
}

.acapella-project .acapella-photo-caption {
  width: fit-content;
  max-width: 100%;
  margin: 1.5rem 0;
}

.acapella-project .acapella-photo-caption img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
}

.acapella-project .acapella-photo-caption figcaption {
  margin-top: 0.3rem;
  font-size: 12px;
  line-height: 1.15;
  text-align: left;
}

.page-article .article-figure--caption-left figcaption {
  text-align: left;
}

.page-article .article-figure--caption-nowrap figcaption {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .page-article .article-figure--caption-nowrap figcaption {
    white-space: normal;
  }
}

.page-article .article-figure--center img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.page-article .article-figure--right figcaption {
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 1.15;
}

.page-article .article-figure--left {
  float: left;
  width: min(42%, 18.75rem);
  max-width: 100%;
  margin: 0 1.75rem 1.25rem 0;
}

.page-article .article-figure--compact {
  width: min(42%, 9.375rem);
}

.page-article .article-figure--left img {
  display: block;
  width: 100%;
  height: auto;
}

.page-article .article-figure--left figcaption {
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 1.15;
}

.page-article .article-figure--native {
  width: auto;
  max-width: 100%;
}

.page-article .article-figure--native img {
  width: auto;
  max-width: 100%;
}

.page-article .article-media--center figcaption {
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 1.15;
}

/* Allgemeine Bildunterschriftenregel: klein und direkt unter dem Bild. */
.page-article figure.article-media > img {
  display: block;
}

.page-article figure.article-media > figcaption {
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 1.15;
}

.page-article figure.article-media--captioned {
  width: fit-content;
  max-width: 100%;
}

.page-article figure.article-media--captioned > img {
  max-width: 100%;
  height: auto;
}

.page-article .article-media--left-block {
  display: block;
  float: none;
  width: fit-content;
  max-width: 100%;
  margin: var(--article-section-gap) 0;
}

.page-article .article-media--left-block > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.page-article .article-opposed-figures {
  display: contents;
}

.page-article .article-opposed-figures > .article-figure--compact {
  width: min(42%, 12.5rem);
}

.page-article .article-media-row {
  display: grid;
  align-items: start;
  gap: 1.75rem;
  margin-block: var(--article-section-gap);
}

.page-article .article-media-row--left {
  grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
}

.page-article .article-media-row--right {
  grid-template-columns: minmax(0, 1fr) minmax(0, 42%);
}

.page-article .article-media-row--right > img {
  grid-column: 2;
  grid-row: 1;
}

.page-article .article-media-row--right > p {
  grid-column: 1;
  grid-row: 1;
}

.page-article .article-media-row img {
  display: block;
  width: 100%;
  height: auto;
}

.page-article .article-media-row > p {
  margin: 0;
}

.page-article .article-embed--right {
  display: block;
  float: right;
  width: min(42%, 17rem);
  max-width: 100%;
  height: auto;
  aspect-ratio: 17 / 10;
  margin: 0 0 1.25rem 1.75rem;
}

.page-article .article-gallery {
  display: grid;
  float: right;
  grid-template-columns: repeat(2, var(--article-gallery-item-size));
  gap: var(--article-media-gap);
  max-height: calc(
    2 * var(--article-gallery-item-size) + var(--article-media-gap)
  );
  margin: 0 0 1.25rem 1.75rem;
  overflow: hidden;
}

.page-article .article-gallery.article-gallery--left {
  float: left;
  margin: 0 1.75rem 1.25rem 0;
}

.page-article .article-gallery.gallery--one-column {
  grid-template-columns: var(--article-gallery-item-size);
  max-height: calc(
    2 * var(--article-gallery-item-size) + var(--article-media-gap)
  );
}

.page-article .article-gallery.gallery--three-columns {
  grid-template-columns: repeat(3, var(--article-gallery-item-size));
}

.page-article .article-gallery.article-gallery--all-rows {
  max-height: none;
  overflow: visible;
}

/* Kompakter 2x2-Vorschaublock; weitere Fotos bleiben in der Lightbox erreichbar. */
.page-article .article-gallery.article-gallery--four-preview > a:nth-of-type(n + 5) {
  display: none;
}

@media (min-width: 769px) {
  .page-article .article-gallery.article-gallery--report-five,
  .page-article .article-gallery.article-gallery--report-two {
    float: none;
    justify-content: center;
    width: 100%;
    max-width: none;
    margin: 0 auto var(--article-section-gap);
  }

  .page-article .article-gallery.article-gallery--report-five {
    grid-template-columns: repeat(5, var(--article-gallery-item-size));
  }

  .page-article .article-gallery.article-gallery--report-two {
    grid-template-columns: repeat(2, var(--article-gallery-item-size));
  }

  .page-article .article-report-caption {
    clear: both;
    margin: var(--article-section-gap) 0;
    text-align: center;
  }
}

@media (min-width: 769px) {
  .article-gallery.article-gallery--passierschein-mobile {
    display: none !important;
  }

  .passierschein-desktop-media {
    display: block;
    width: 21.875rem;
    max-width: 43%;
    line-height: 0;
  }

  .passierschein-desktop-media img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }

  .page-article .passierschein-desktop-media--small {
    width: 9.375rem !important;
  }

  .passierschein-lower-text {
    clear: both;
  }

}

@media (max-width: 768px) {
  .passierschein-desktop-media {
    display: none !important;
  }
}

.page-article .article-gallery.article-gallery--preview-only {
  gap: 0;
  grid-template-columns: var(--article-gallery-item-size);
  max-height: none;
  overflow: visible;
}

.page-article .article-gallery.article-gallery--preview-only > a:nth-child(n + 2) {
  display: none;
}

/* Zwei getrennte Galerieserien mit je einem sichtbaren Vorschaubild. */
.page-article .article-gallery.article-gallery--two-series > a:not(:has(img)) {
  display: none;
}

.page-article .article-gallery.article-gallery--preview-only > .mobile-gallery-label {
  display: block;
  width: var(--article-gallery-item-size);
  margin-top: 0;
  color: #50696d;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
}

.page-article .article-gallery > br {
  display: none;
}

.page-article .article-gallery > a[data-fancybox] {
  display: block;
  margin: 0 !important;
  line-height: 0;
}

.page-article .article-gallery .article-gallery-note {
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 1.15;
}

/* Preserve source dimensions and proportions for small legacy photographs. */
.page-article .article-gallery.article-gallery--native-size {
  grid-template-columns: repeat(2, max-content);
  max-height: none;
  overflow: visible;
}

.page-article .article-gallery.article-gallery--native-size > a,
.page-article .article-gallery.article-gallery--native-size img {
  width: auto;
  height: auto;
  max-width: 100%;
  aspect-ratio: auto;
  object-fit: contain;
}

.page-article .article-gallery.article-gallery--native-column {
  grid-template-columns: max-content;
}

.page-article .article-gallery.article-gallery--native-row {
  float: none;
  grid-template-columns: repeat(3, max-content);
  justify-content: center;
  max-height: none;
  margin: 0 0 var(--article-section-gap);
  overflow: visible;
}

.page-article .article-gallery.article-gallery--five-in-row {
  grid-template-columns: repeat(5, max-content);
}

.page-article .article-gallery.article-gallery--six-in-row {
  grid-template-columns: repeat(6, max-content);
}

@media (min-width: 768px) {
  .page-article .article-gallery.article-gallery--native-row.article-gallery--six-in-row > a,
  .page-article .article-gallery.article-gallery--native-row.article-gallery--six-in-row img {
    width: var(--article-gallery-item-size);
    height: var(--article-gallery-item-size);
    object-fit: cover;
  }
}

.page-article .article-gallery.article-gallery--four-in-row {
  grid-template-columns: repeat(4, max-content);
  margin: var(--article-section-gap) 0;
}

.page-article .article-gallery.article-gallery--center-block {
  float: none;
  justify-content: center;
  width: 100%;
  margin: var(--article-section-gap) auto;
}

@media (min-width: 769px) {
  .page-article .video-pleasure-media .video-pleasure-thumbs {
    width: 316px;
    margin: 0 0 var(--article-media-gap) 0;
  }

  .page-article .video-pleasure-media > a[data-fancybox] {
    display: block;
    width: 316px;
    max-width: 100%;
  }

  .page-article .video-pleasure-media > a[data-fancybox] img {
    display: block;
    width: 100%;
    height: auto;
  }

  .page-article .video-pleasure-media > .klein {
    display: block;
    width: 316px;
    max-width: 100%;
    margin-top: 0.25rem;
    text-align: left;
  }
}

.page-article .article-text--centered {
  text-align: center;
}

.page-article .article-gallery.article-gallery--native-row > a,
.page-article .article-gallery.article-gallery--native-row img {
  width: auto;
  height: auto;
  max-width: 100%;
  aspect-ratio: auto;
  object-fit: contain;
}

/* Fancybox restores focus to its trigger after closing. Never draw a frame
   around gallery or map objects; normal page links retain their focus style. */
.page-article a[data-fancybox],
.page-article a[data-fancybox]:focus,
.page-article a[data-fancybox]:focus-visible,
.page-article a[data-fancybox]:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Text links inside any Fancybox must not retain the browser's blue focus
   frame after they have been clicked. Link colour and underline remain. */
.fancybox-content a,
.fancybox-content a:focus,
.fancybox-content a:focus-visible,
.fancybox-content a:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.page-article a[data-saint-vivien-toc] {
  display: inline-block;
  margin-top: 0.65rem;
}

.page-article .article-series-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}

.page-article .article-series-heading > h1 {
  flex: 1 1 auto;
  min-width: 0;
}

.page-article .article-series-heading > .article-author {
  float: none !important;
  flex: 0 0 auto;
  max-width: 22rem;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  line-height: 1.35;
  text-align: right;
}

.page-article .article-series-heading > .article-author--narvik {
  margin-top: 30px;
}

.page-article .article-series-heading + div[style*="font-size:18px"] {
  margin-bottom: 1.25rem !important;
  padding-left: 0 !important;
  text-align: left !important;
}

.page-article .article-series-title {
  display: block;
  width: 100%;
  margin-left: 0 !important;
  margin-bottom: 1.25rem !important;
  padding-left: 0 !important;
  text-align: left !important;
}

@media screen and (max-width: 700px) {
  .page-article a[data-saint-vivien-toc] {
    margin-top: 0.3rem;
  }

  .page-article .article-series-heading {
    display: block;
  }

  .page-article .article-series-heading > .article-author {
    max-width: none;
    margin: 0 0 1.25rem;
    text-align: left;
  }

  .page-article .article-series-heading > .article-author--narvik {
    margin-top: 0;
    text-align: left !important;
  }

}

.fancybox-content.article-series-toc h2 {
  margin: 0 0 0.8em !important;
  padding: 0 !important;
  text-align: left;
}

.fancybox-content.article-series-toc ol {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  counter-reset: narvik-chapter;
}

.fancybox-content.article-series-toc li {
  counter-increment: narvik-chapter;
}

.fancybox-content.article-series-toc li::before {
  content: counter(narvik-chapter) ". ";
}

.fancybox-content.article-series-toc li:first-child {
  counter-increment: none;
}

.fancybox-content.article-series-toc li:first-child::before {
  content: "";
}

.fancybox-content.inline-2,
.fancybox-content .inline-2 {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.fancybox-slide--html .fancybox-content.inline-2 {
  width: min(900px, calc(100% - 40px));
}

.fancybox-content.inline-2 img,
.fancybox-content .inline-2 img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto;
  object-fit: contain !important;
}

@media (max-width: 576px) {
  .fancybox-slide--html .fancybox-content.inline-2 {
    width: calc(100% - 24px);
  }
}

.page-article .article-gallery.article-gallery--showcase {
  float: none;
  grid-template-columns: repeat(4, var(--article-gallery-item-size));
  justify-content: center;
  max-height: none;
  margin: 0 0 var(--article-section-gap);
  overflow: visible;
}

.page-article .article-gallery.article-gallery--centered-row {
  float: none;
  grid-template-columns: repeat(3, var(--article-gallery-item-size));
  justify-content: center;
  max-height: none;
  margin: var(--article-section-gap) 0;
  overflow: visible;
}

.page-article .article-gallery.article-gallery--large-left {
  float: none;
  grid-template-columns: repeat(2, minmax(0, 18.75rem));
  justify-content: start;
  max-height: none;
  margin: 0 0 var(--article-section-gap);
  overflow: visible;
}

.page-article .article-gallery.article-gallery--large-left > a,
.page-article .article-gallery.article-gallery--large-left img {
  width: 100%;
  height: auto;
}

.page-article .article-gallery > a,
.page-article .article-gallery img {
  display: block;
  width: var(--article-gallery-item-size);
  height: var(--article-gallery-item-size);
}

.page-article .article-gallery img {
  object-fit: cover;
}

/* Inline gift texts are Fancybox sources, not visible gallery cells. */
.page-article .article-gift-gallery > .temoins {
  display: none;
}

.page-article .gallery-caption {
  grid-column: 1 / -1;
  font-size: 0.75em;
}

.page-article .article-text > p {
  margin-block: 0;
}

.page-article .article-text > p + p {
  margin-top: var(--article-paragraph-gap);
}

.page-article .article-footer {
  clear: both;
  margin-top: var(--article-section-gap);
}

.page-article .article-footer.article-footer--source-tight {
  margin-top: 0.35rem;
}

.page-article .article-footer .article-translation {
  font-size: 0.75rem;
  line-height: 1.35;
}

.page-article .article-footer .article-source {
  margin: 0.25rem 0 0;
  font-size: 0.75rem;
  line-height: 1.35;
}

.page-article .article-footer .article-source a {
  font-size: inherit;
}

.page-article .article-portrait-table {
  width: 100%;
  border-collapse: collapse;
}

.page-article .article-portrait-table td {
  vertical-align: top;
  padding: 0 0 1.5rem;
}

.page-article .article-portrait-table .portrait-cell {
  width: 194px;
}

.page-article .article-portrait-table .portrait-cell--right {
  text-align: right;
}

.page-article .article-portrait-table .portrait-cell--left {
  text-align: left;
}

.page-article .article-portrait-table .portrait-cell img {
  display: inline-block;
  float: none;
  max-width: 100%;
  height: auto;
  margin: 0;
}

@media (max-width: 768px) {
  .page-article .article-figure--mobile-centered {
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .page-article .article-figure--mobile-centered img {
    display: block;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .page-article .article-content--mobile-video-end {
    display: flex;
    flex-direction: column;
  }

  .page-article .article-content--mobile-video-end > .article-video--center {
    order: 90;
    margin-top: var(--article-section-gap);
  }

  .page-article .article-content--mobile-video-end > .article-footer {
    order: 100;
  }

  .page-article .article-portrait-table,
  .page-article .article-portrait-table tbody,
  .page-article .article-portrait-table tr,
  .page-article .article-portrait-table td {
    display: block;
    width: 100%;
  }

  .page-article .article-portrait-table tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
  }

  .page-article .article-portrait-table td {
    padding: 0;
  }

  .page-article .article-portrait-table .portrait-cell {
    order: -1;
    width: 100%;
    margin-bottom: 0.65rem;
    text-align: left;
  }
}

/* Compact A–Z navigation for the language-specific author directories. */
#inhalt.authors-page #alphabet {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

#inhalt.authors-page #alphabet > li {
  display: block;
  padding: 0;
}

#inhalt.authors-page #alphabet > li::before {
  content: none;
}

.page-article .chronicle-media-pair {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0.75rem 0 var(--article-section-gap);
}

.page-article .chronicle-media-pair img {
  display: block;
  margin: 0;
}

.page-article .chronicle-captioned-image {
  margin: 0;
}

.page-article .chronicle-captioned-image figcaption {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25;
}

.page-article .article-video--center {
  box-sizing: border-box;
  width: 100%;
  max-width: 30rem;
  overflow: hidden;
}

.page-article .article-video--center iframe {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
}

@media (max-width: 767px) {
  #inhalt.page-article {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  #inhalt.page-article.article-balanced-mobile {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .page-article.article-balanced-mobile .article-body img {
    box-sizing: border-box;
    max-width: 100% !important;
  }

  .page-article > .article-body {
    max-width: 100%;
    overflow-x: hidden;
  }
}

#inhalt.journal-index > .border {
  margin-top: 1rem !important;
}

#inhalt.journal-index .journal-years {
  margin: 1.5rem 0;
  line-height: 1.8;
}

#inhalt.journal-index .journal-year {
  clear: both;
  margin: 1.75rem 0 1rem;
  font-weight: 700;
}

#inhalt.journal-index .kasten > h2 {
  margin: 0 0 0.5rem;
}

#inhalt.journal-index .kasten > p.rechts {
  font-style: italic !important;
}

@media (max-width: 767px) {
  #inhalt.journal-index > .border {
    margin-top: 0.75rem !important;
  }

  #inhalt.journal-index .journal-years {
    margin: 1rem 0 1.25rem;
  }

  #inhalt.journal-index .journal-year {
    margin: 1.25rem 0 0.75rem;
  }
}

.page-article .article-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25em 0.6em;
  color: #222;
  font-size: 1em;
  opacity: 1;
}

.page-article .article-author,
.page-article .article-author a {
  color: inherit;
  font-weight: 400;
  opacity: 1;
}

.page-article .article-author a,
.page-article .article-author a:link,
.page-article .article-author a:visited {
  color: #0000ee !important;
  text-decoration: underline !important;
}

.page-article .article-author a:hover,
.page-article .article-author a:focus-visible {
  color: #0000aa !important;
  text-decoration: underline !important;
}

.page-article .article-credit {
  min-width: 0;
  margin-right: auto;
}

.page-article .article-year {
  order: 2;
  margin-left: auto;
  color: inherit;
  font-size: 0.75em;
  opacity: 1;
}

/* Keep the general page footer independent of browser visit history. */
.art-footer a,
.art-footer a:link,
.art-footer a:visited {
  color: #1e6c7b !important;
}

.art-footer a:hover,
.art-footer a:focus-visible {
  color: #09bddc !important;
}

/* Intentional inline Fancybox content follows the search/results dialog design. */
.fancybox-slide--html .fancybox-content {
  width: min(620px, calc(100% - 40px));
  max-height: calc(100vh - 120px);
  padding: 34px;
  border: 1px solid #d7d0c8;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.32);
  color: #333;
  font-family: Lora, Georgia, serif;
  font-size: 16px;
  line-height: 1.45;
}

.fancybox-slide--html .fancybox-content .lightboxcontainer,
.fancybox-slide--html .fancybox-content .divtext,
.fancybox-slide--html .fancybox-content .divdescription {
  width: auto !important;
  max-width: 100%;
  margin: 0;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.fancybox-slide--html .fancybox-close-small {
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  padding: 9px;
  border-radius: 50%;
  background: #f2efeb;
  color: #222;
  opacity: 1;
}

.page-article .article-meta-note {
  font-size: 0.75em;
}

.page-article .article-note {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #d3d3d3;
}

.page-article .article-note p {
  margin: 0;
}

.page-article .article-poem--centered {
  text-align: center;
}

.page-article .kasten img.portal-right {
  float: right !important;
  margin-left: 24px !important;
}

.page-article .article-inline-icon {
  width: auto;
  max-width: 100%;
  height: auto;
}

#inhalt.page-article .article-inline-icon--left {
  float: left !important;
  margin: 0 0.75rem 0.35rem 0;
}

#inhalt.page-article .article-inline-icon--right {
  float: right !important;
  margin: 0 0 0.35rem 0.75rem;
}

@media screen and (max-width: 700px) {
  .page-article .kasten img.portal-right {
    display: block;
    float: none !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    position: relative;
    left: 100%;
    transform: translateX(-100%);
  }

  .fancybox-slide--html .fancybox-content {
    width: calc(100% - 24px);
    max-height: calc(100vh - 80px);
    padding: 28px 22px;
  }

  .page-article .article-year {
    display: none;
  }

  .page-article .article-text--lead-media {
    display: flex;
    flex-direction: column;
  }

  .page-article .article-text--lead-media > p:first-of-type {
    order: -2;
  }

  .page-article .article-text--lead-media > figure:first-of-type {
    order: -1;
  }

  .page-article .article-text--lead-media > .article-video--right:first-of-type {
    order: -1;
  }

  .page-article .article-media--right {
    float: none;
    width: 100%;
    margin: 0 0 var(--article-section-gap) !important;
  }

  .page-article .article-media--right.article-media--right-400 {
    width: 100%;
  }

  .page-article .article-media--right.article-media--more-gap {
    margin-left: 0;
  }

  .page-article .article-video--right {
    width: 100%;
  }

  .page-article .article-video-preview--right {
    float: none;
    width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-media--panorama-right {
    width: 100%;
  }

  .page-article .article-video-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-article .article-media-stack--right {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-media-stack--right img {
    width: 100%;
  }

  .page-article .article-media-stack--right.article-media-stack--native {
    width: fit-content;
    max-width: 100%;
  }

  .page-article .article-media-stack--right.article-media-stack--native img {
    width: auto;
    max-width: 100%;
  }

  .page-article .article-media-stack--left {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-audio-card--right {
    float: none;
    width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-audio-card--left {
    float: none;
    width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-video-card--left-compact {
    float: none;
    width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-video-card--left {
    float: none;
    width: 17.5rem;
    max-width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-media--left {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--article-section-gap) !important;
  }

  .page-article .article-media--left.article-media--more-gap {
    margin-right: 0;
  }

  .page-article .article-translator--mobile-hidden {
    display: none !important;
  }

  .page-article .article-media--mobile-hidden {
    display: none !important;
  }

  .page-article .article-figure--right,
  .page-article .article-figure--left {
    float: none;
    width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-figure--compact {
    width: 100%;
  }

  .page-article .article-figure--native {
    width: auto;
    max-width: 100%;
  }

  .page-article .article-opposed-figures {
    display: grid;
    gap: var(--article-section-gap);
    margin-bottom: var(--article-section-gap);
  }

  .page-article .article-opposed-figures > figure {
    width: 100%;
    margin: 0;
  }

  .page-article .article-media-row,
  .page-article .article-media-row--left,
  .page-article .article-media-row--right {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--article-section-gap);
  }

  .page-article .article-media-row--right > img,
  .page-article .article-media-row--right > p {
    grid-column: 1;
    grid-row: auto;
  }

  .page-article .article-media-pair {
    float: none;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-media--right.article-media--native {
    float: none;
    width: auto;
    max-width: 100%;
    margin: 0 auto var(--article-section-gap) !important;
  }

  .page-article .article-media-pair.article-media-pair--wide-first {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-article .article-media-pair.article-media-pair--equal {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-article .article-media-pair.article-media-pair--native {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    width: 100%;
  }

  .page-article .article-media-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-article .article-media-strip > a,
  .page-article .article-media-strip img {
    height: auto;
  }

  .page-article .article-media-pair img {
    width: auto;
  }

  .page-article .article-embed--right {
    float: none;
    width: 100%;
    margin: 0 0 var(--article-section-gap);
  }

  .page-article .article-gallery {
    float: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    margin: 0 0 var(--article-section-gap);
    overflow: visible;
  }

  .page-article .article-gallery.gallery--one-column {
    grid-template-columns: minmax(0, 1fr);
    max-height: none;
  }

  .page-article .article-gallery.article-gallery--showcase {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }

  .page-article .article-gallery.article-gallery--large-left {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }

  .page-article .article-gallery.article-gallery--native-size {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-article .article-gallery.article-gallery--native-row {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }

  .page-article .article-gallery.article-gallery--five-in-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-article .article-gallery.article-gallery--native-size > a,
  .page-article .article-gallery.article-gallery--native-size img,
  .page-article .article-gallery.article-gallery--native-row > a,
  .page-article .article-gallery.article-gallery--native-row img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }

  .page-article .article-gallery > a,
  .page-article .article-gallery img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }
}
.page-article .article-media--left.article-media--portrait-400 {
  width: 283px;
  max-width: 100%;
}

.page-article .article-media--portrait-400 img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.page-article .article-media--left > img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
}

.page-article .article-top-links {
  float: right;
  margin: 0 0 1rem 1.5rem;
  padding: 10px;
  background: #ccc;
  text-align: left;
}

@media (max-width: 720px) {
  .page-article .article-top-links {
    float: none;
    margin: 0 0 1rem;
  }
}

@media (max-width: 767px) {
  .page-article .article-body.article-compact-mobile {
    font-size: 0.95rem;
    line-height: 1.45;
  }

  .page-article .article-body.article-compact-mobile p {
    margin-top: 0;
    margin-bottom: var(--article-section-gap);
  }

  .page-article .article-body.article-compact-mobile br {
    display: none;
  }

  .page-article .article-body.article-compact-mobile a > img.article-media--left,
  .page-article .article-body.article-compact-mobile a > img.article-media--right {
    float: none;
    width: 128px;
    height: auto;
    margin: 0 0 var(--article-section-gap) !important;
  }
}