/** Shopify CDN: Minification failed

Line 72:3 Unexpected "}"

**/
/* Base styles for article content */
.article-content {
  --element-margin-bottom: 2em;  /* Margin between content elements */
  --heading-margin-bottom: 1.5em;  /* Margin below headings */
  margin: 0 auto;  /* Center content horizontally (optional) */
  max-width: 80%;  /* Set a maximum content width (adjust as needed) */
}

/* Styles for various content elements within .article-content */
.article-content p,
.article-content ol,
.article-content ul,
.article-content blockquote,
.article-content img {
  margin-bottom: var(--element-margin-bottom, 2em);
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  margin-top: var(--heading-margin-bottom, 1.5em);
}

.article-content img {
  padding-top: calc(2 * var(--space-unit));
  padding-bottom: calc(2 * var(--space-unit));
}

.article-content blockquote {
  padding-top: calc(4 * var(--space-unit));
  font-size: 2rem;
  font-style: italic;
  line-height: 2.4rem;
}

.article-content blockquote p:last-child {
  margin-bottom: 0;
}

.article-content iframe {
  max-width: 100%;  /* Ensure iframes don't overflow container */
}

/* Styles for wider images (optional) */
.article__image--wider .media {
  width: calc(100% + var(--gutter) * 2);
  max-width: calc(100% + var(--gutter) * 2);
  margin-inline-start: calc(var(--gutter) * -1);
}

/* Media queries for responsive adjustments (optional) */

/* Adjust these breakpoints and styles as needed for your specific design */
@media (max-width: 1024px) {
  .article-content {
    max-width: 90%;  /* Adjust for smaller screens */
  }
}
@media (max-width: 1023.98px) {
  .article-content,
  .article-width {
    max-width: 37em;
  }
}  }
}

@media (min-width: 768px) {
  .article-content img {
    padding-top: calc(4 * var(--space-unit));  /* Adjust image padding on larger screens */
  }
}

@media (min-width: 1024px) {
  .article-content blockquote {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
}
