.premise-photo .frame {

  aspect-ratio: auto;

}

.premise-photo.wrap {

  padding: 0px!important;

}

.article-caption {

  display: none;

}

@media (max-width: 560px) {

  .prose.wrap {

    margin-top: 20px!important;

  }

}

.col {
  max-width: 1000px;
}

.premise-photo .frame {

  aspect-ratio: auto;

}

.premise-photo.wrap {

  padding: 0px!important;

}

.article-caption {

  display: none;

}

@media (max-width: 560px) {

  .prose.wrap {

    margin-top: 20px!important;

  }

}

.col {
  max-width: 1300px;
}

/* via chat #7 */
/* ---------- In-post carousels: full-bleed + overlay arrows ---------- */

/* Break the carousel out of the article column to the full viewport width.
   Works regardless of the parent's max-width / padding. */
.post-body .carousel,
.entry-content .carousel,
article .carousel,
.carousel {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Make sure the slide track and images fill that full width cleanly. */
.carousel .carousel-track,
.carousel .carousel-slides,
.carousel .slides {
  width: 100%;
}

.carousel img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- Arrows over the image ---------- */
.carousel .carousel-prev,
.carousel .carousel-next,
.carousel button[class*="prev"],
.carousel button[class*="next"],
.carousel .prev,
.carousel .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;

  /* Same color as the page background, but translucent. Falls back through
     the likely theme variable names before landing on the cream paper hex. */
  background-color: var(--paper, var(--bg, var(--color-paper, #f4ecd8)));
  color: inherit;
  border: 0;
  border-radius: 999px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  opacity: 0.45!important;
  transition: opacity 160ms ease;
}

.carousel .carousel-prev,
.carousel button[class*="prev"],
.carousel .prev {
  left: 16px;
}

.carousel .carousel-next,
.carousel button[class*="next"],
.carousel .next {
  right: 16px;
}

.carousel .carousel-prev:hover,
.carousel .carousel-next:hover,
.carousel button[class*="prev"]:hover,
.carousel button[class*="next"]:hover,
.carousel .prev:hover,
.carousel .next:hover,
.carousel .carousel-prev:focus-visible,
.carousel .carousel-next:focus-visible,
.carousel button[class*="prev"]:focus-visible,
.carousel button[class*="next"]:focus-visible,
.carousel .prev:focus-visible,
.carousel .next:focus-visible {
  opacity: 1;
}

/* Applied 2026-06-05T10:39:59-05:00 by user #3 */
/* ---------- In-post carousels: column-width, overlay arrows ---------- */

.post-body .carousel,
.entry-content .carousel,
article .carousel,
.carousel {
  position: relative;
  width: 100%;
  max-width: 100%;
  /* reset any earlier full-bleed margins */
  margin-left: 0;
  margin-right: 0;
}

.carousel .carousel-track,
.carousel .carousel-slides,
.carousel .slides {
  width: 100%;
}

.carousel img {
  width: 100%;
  height: auto;
  display: block;
}

/* Arrows: overlaid, no layout footprint */
.carousel .carousel-prev,
.carousel .carousel-next,
.carousel button[class*="prev"],
.carousel button[class*="next"],
.carousel .prev,
.carousel .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;

  background-color: var(--paper, var(--bg, var(--color-paper, #f4ecd8)));
  color: inherit;
  border: 0;
  border-radius: 999px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  opacity: 0.45;
  transition: opacity 160ms ease;
}

.carousel .carousel-prev,
.carousel button[class*="prev"],
.carousel .prev {
  left: 16px;
  right: auto;
}

.carousel .carousel-next,
.carousel button[class*="next"],
.carousel .next {
  right: 16px;
  left: auto;
}

.carousel .carousel-prev:hover,
.carousel .carousel-next:hover,
.carousel button[class*="prev"]:hover,
.carousel button[class*="next"]:hover,
.carousel .prev:hover,
.carousel .next:hover,
.carousel .carousel-prev:focus-visible,
.carousel .carousel-next:focus-visible,
.carousel button[class*="prev"]:focus-visible,
.carousel button[class*="next"]:focus-visible,
.carousel .prev:focus-visible,
.carousel .next:focus-visible {
  opacity: 1;
}

.prose .mmol-carousel {
  padding: 0px;
}

.prose .mmol-carousel-prev, .prose .mmol-carousel-next {
  opacity: 0.45;
  margin-left: 10px;
  margin-right: 10px;
}

.prose .mmol-carousel-prev:hover, .prose .mmol-carousel-next:hover {
  opacity: 1;
  background-color: var(--paper, var(--bg, var(--color-paper, #f4ecd8)));
 color: inherit;
}

.prose .mmol-carousel-slide img {
    max-height: 75vh;
}

img {
margin: auto
}

.prose p {
   padding: 0 11vw 0 11vw;
}

section.article-image.wrap {
   max-width: 100vw;
}

.article-image .ph {
  height: 75vh;
}