/** Shopify CDN: Minification failed

Line 227:46 Unexpected ")"

**/
.article-template > *:first-child:not(.article-template__hero-container) {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .article-template > *:first-child:not(.article-template__hero-container) {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

.article-template__hero-container {
  max-width: 118rem;
  margin: 0 auto;
  padding-inline: 1.6rem;
}

.article-template__hero-small {
  height: 11rem;
}

.article-template__hero-medium {
  height: 22rem;
}

.article-template__hero-large {
  height: 33rem;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .article-template__hero-small {
    height: 22rem;
  }

  .article-template__hero-medium {
    height: 44rem;
  }

  .article-template__hero-large {
    height: 66rem;
  }
}

@media screen and (min-width: 990px) {
  .article-template__hero-small {
    height: 27.5rem;
  }

  .article-template__hero-medium {
    height: 55rem;
  }

  .article-template__hero-large {
    height: 82.5rem;
  }
}

.article-template header {
  margin-block: 3rem;
  /* line-height: calc(0.8 / var(--font-body-scale)); */
}

.article-template__title {
  margin: 0;
}

.article-template__title:not(:only-child) {
  margin-bottom: 2.4rem;
}

.article-template__link {
  font-size: max(14px, 1.8rem);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.article-template__link .icon-wrap {
  display: flex;
  margin-right: 1rem;
  transform: rotate(180deg);
}

.article-template__content {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.article-template__social-sharing {
  margin-top: 3rem;
}

.article-template__social-sharing + header,
.article-template__social-sharing + .article-template__content {
  margin-top: 1.5rem;
}

.article-template__comment-wrapper {
  margin-top: 5rem;
  padding: 2.7rem 0;
}

@media screen and (min-width: 750px) {
  .article-template__comment-wrapper {
    margin-top: 6rem;
    padding: 3.6rem 0;
  }
  .article-template__social-sharing {
    margin-top: 6.4rem;
  }
}

.article-template__comment-wrapper h2 {
  margin-top: 0;
}

.article-template__comments {
  margin-bottom: 5rem;
}

@media screen and (min-width: 750px) {
  .article-template__comments {
    margin-bottom: 7rem;
  }
}

.article-template__comments-fields {
  margin-bottom: 4rem;
}

.article-template__comments-comment {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
  margin-bottom: 1.5rem;
  padding: 2rem 2rem 1.5rem;
}

@media screen and (min-width: 750px) {
  .article-template__comments-comment {
    padding: 2rem 2.5rem;
  }
}

.article-template__comments-comment p {
  margin: 0 0 1rem;
}

.article-template__comment-fields > * {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .article-template__comment-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4rem;
  }
}

.article-template__comment-warning {
  margin: 2rem 0 2.5rem;
}

@media screen and (min-width: 990px) {
  .article-template header {
    margin-block: 6.4rem;
  }
  
  .article-template__comments .pagination-wrapper {
    margin: 5rem 0 8rem;
  }
}

.article-template__back:last-child {
  margin-bottom: 3.2rem;
}

/* codes */
.article-template {
  padding-block: 2rem;
}
.article-template .page-width--narrow {
	max-width: 118rem;
  padding-inline: 1.6rem;
}
.article-template__hero-container .media {
	border-radius: 1.5rem;
}
.author-time-wrapper {
	display: flex;
	gap: 2rem 6.4rem;
	flex-wrap: wrap;
	color: rgb(var(--color-foreground));
	font-size: max(12px, 1.4rem);
	font-weight: 500;
}
.author-time-wrapper :is(.caption-with-letter-spacing) {
	font-size: inherit;
	line-height: inherit;
	text-transform: none;
}
.author-time-wrapper :is(.author_wrapper, .circle-divider) {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.author-time-wrapper .article-author-image {
  aspect-ratio: 1;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
}
.author-time-wrapper .circle-divider .svg-wrapper {
	width: max(20px, 2.4rem);
	height: max(20px, 2.4rem);
}
.article-template__content {
	color: rgba(var(--color-foreground));
	font-size: max(14px, 1.4rem);
	font-weight: 500;
}
.article-template__content :is(h2, h3, h4, h5,) {
  margin-block: 1.2em 0.8em;
}
.article-template__content p {
	margin-block: 0 1.6rem;
}
.article-template__content :is(ol, ul) {
	list-style-position: outside;
	margin-block: 0 1.6rem;
}
.article-template__content a {
  color: inherit;
}
.article-template__content blockquote {
	margin-inline: 0;
	color: inherit;
	border-color: rgb(var(--color-button));
	padding-block: 0.3rem;
	font-style: normal;
	padding-left: 2rem;
}
.article-template__content blockquote > * {
	margin-block: 0 1.6rem;
}
.article-template__content blockquote > *:last-child {
	margin-block-end: 0;
}

@media only screen and (min-width: 750px) {
  .article-template__content {
    font-size:  max(14px, 2.5rem);
  }
  .article-template {
    padding-block: 6rem;
  }
  .article-template__hero-container .media {
    border-radius: 2.4rem;
  }
  .author-time-wrapper {
    font-size: max(14px, 1.8rem);
  }
}

/* @media screen and (min-width: 750px) and (max-width: 989px) {
  .blog .title-wrapper-with-link {
    padding-inline-start: 5rem;
  }
} */

@media only screen and (min-width: 1200px) {
  .article-template__content h3 {
    font-size: calc(var(--font-heading-scale) * 2.8rem);
  }
  .article-template__content h4 {
    font-size: calc(var(--font-heading-scale) * 2rem);
  }
  .article-template__title.h0 {
    font-size: calc(var(--font-heading-scale) * 6rem);
  }
  .article-template {
    padding-block: 8rem;
  }
}

@media only screen and (max-width: 1199px) {
  .article-template__hero-container .media {
    min-height: 40rem;
  }
}