@layer global {

  .single-guide {
    margin-top: 3rem;
  }

  .woocommerce-breadcrumb {
    justify-content: center;
  }

  #page-title {
    margin: 0 auto;
    font-size: 40px;
    text-align: center;
    margin-bottom: 2rem;
  }

  @media( width >= 782px) {
    #page-title {
      width: 75%;
      font-size: 48px;
    }
  }

  .single-guide__content {
    margin: 0 auto;
    row-gap: 1.5rem;

    > *:not(.wp-block-image):not(.wp-block-gallery):not(.single-guide__featured-image) {
      width: 91%;
      margin: 0 auto;
      font-weight: 400;
    }

    > .wp-block-image.aligncenter,
    > .wp-block-gallery.aligncenter {
      width: 91%;
      margin: 0 auto;
      font-weight: 400;
    }

    p, li {
      color: var(--color-gray-dark);
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 1rem 0 auto;
    }

    ul {
      padding-left: 1.5rem;
    }

    img {
      aspect-ratio: 1.5 / 1;
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    figcaption {
      font-size: 14px;
      margin-bottom: 0;
      margin-top: 1rem;
    }

    .wp-element-caption {
      margin-bottom: .25em;
    }

    .single-guide__featured-image {
      margin-bottom: 1rem;
    }

    .wp-block-gallery {
      display: flex;
      gap: 0.5rem !important;
      justify-content: space-between;

      .wp-block-image {
        width: calc((100% / 2) - .5rem);
      }

      figcaption {
        margin: 0.5rem 0 0;
      }
    }
  }

  @media( width >= 782px) {
    .single-guide__content {
      width: 75%;
      padding-block-end: var(--section-padding);

      > *:not(.wp-block-image):not(.wp-block-gallery):not(.single-guide__featured-image) {
        width: min(80%, 40rem);
      }

      > .wp-block-image.aligncenter,
      > .wp-block-gallery.aligncenter {
        width: min(80%, 40rem);
      }

      h2,
      h3,
      h4,
      h5,
      h6 {
        margin: 2rem auto 0;
      }
      
      figcaption {
        margin: 1rem auto 0;
      }

      ul {
        padding-left: 2rem;
      }

      img {
        aspect-ratio: 1.654 / 1;
      }

      .wp-block-gallery {
        width: 100%;

        .wp-block-image {
          width: calc((100% / 3) - .5rem);
        }

        figcaption {
          margin: 0.5rem auto 0 auto;
        }
      }
    }
  }
}