  <style>
 .card-group.card-group--stories .card.card--inline {
   margin-bottom: 1.5rem;
 }
 .card-group.card-group--stories .card.card--inline .card__image {
   flex: 1 0 50%;
   max-width: 50%;
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
   .card-group.card-group--stories .card.card--inline .card__image {
     flex: 0 1;
     max-width: 100%;
     margin-bottom: 1.5rem;
   }
 }
 .card-group.card-group--stories .card.card--inline .card__content {
   align-self: flex-end;
   margin-bottom: 1.5rem;
 }
 .card-group.card-group--stories .card.card--inline.card--bold .card__content .heading-group.heading-group--bold-feature {
  h2, h3 {
    font-size:2.5rem;
  }
 }
 .card-group.card-group--stories .card.card--inline .card__content .heading-group.heading-group--bold-feature::before {
   content: none;
 }
 .card-group.card-group--stories .card.card--inline .card__content .heading-group.heading-group--bold-feature::after {
   content: "";
   border-bottom: 7px solid #732f2f;
   display: block;
   width: 2.5rem;
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
 }
 .card-group.card-group--stories {
  .card-container {
    display:flex;
    gap:1.5rem;
    .card-container__stories, .card-container__news {
      display:flex;
      flex-wrap:wrap;
      gap:1.5rem;
      .card {
        width:calc(33.33% - 1rem);
        @media screen and (max-width:900px) {
          width:100%;
        }
      }
    }
    &[post-count="1-0"] {
          width:75%;
          margin:0 auto;
          @media screen and (max-width:950px) {
            width:100%;
          }
    }
    /* two-column container */
    &[post-count="1-1"] {
      .card-container__stories, .card-container__news {
        width:calc(50% - .75rem);
        @media screen and (max-width:768px) {
          width:100%;
        }
      }
    }
    /* one thirds - two thirds */
    &[post-count="1-2"], &[post-count="1-3"], &[post-count="1-4"], &[post-count="1-5"] {
      align-items:flex-start;
      .card-container__stories {
        width:calc(33.33% - 1rem);
        @media screen and (max-width:1100px) {
          width:calc(50% - 1rem);
        }
        @media screen and (max-width:768px) {
          width:100%;
        }
        .card {
          width:100%;
        }
      }
      .card-container__news {
        width:calc(66.66% - 1rem);
        @media screen and (max-width:1100px) {
          width:calc(50% - 1rem);
        }
        @media screen and (max-width:768px) {
          width:100%;
        }
      }
    }
    /* two thirds - one thirds */
    &[post-count="2-2"] {
      align-items:flex-start;
      .card-container__stories {
        width:calc(66.66% - 1rem);
        .card {
          width: calc(50% - .75rem);
          @media screen and (max-width:768px) {
            width:100%;
          }
        }
        @media screen and (max-width:900px) {
          width:100%;
        }
      }
      .card-container__news {
        width:calc(33.33% - 1rem);
        @media screen and (max-width:900px) {
          width:100%;
        }
      }
    }

    /* horizontal story cards */
    &[post-count="0-1"], &[post-count="1-0"], &[post-count="1-1"], &[post-count="2-0"], &[post-count="2-1"], &[post-count="2-3"], &[post-count="2-4"], &[post-count="4-0"], &[post-count="4-1"], &[post-count="4-2"] {
      .card-container__stories {
        display:flex;
        .card {
          flex-direction:row;
          gap:1.5rem;
          width:calc(50% - .75rem);
          &:only-child {
            width:100%;
          }
          .card__image {
            order:2;
            width:25%;
            margin-bottom:0;
            min-width:200px;
            img {
              aspect-ratio:1/1;
              align-self:flex-start;
            }
          }
          .card__content {
            order:1;
            width:75%;
          }
          @media screen and (max-width:1000px) {
            width:100%;
          }
          @media screen and (max-width:768px) {
            flex-direction:column;
            .card__image {
              order:1;
              min-width:300px;
            }
            .card__content {
              order:2;
            }
          }
        }
      }
    }
    &[post-count="5-0"], &[post-count="5-1"] {
      .card-container__stories {
        display:flex;
        .card:nth-child(4), .card:nth-child(5) {
          flex-direction:row;
          gap:1.5rem;
          width:calc(50% - .75rem);
          &:only-child {
            width:100%;
          }
          .card__image {
            order:2;
            width:25%;
            margin-bottom:0;
            min-width:200px;
            img {
              aspect-ratio:1/1;
              align-self:flex-start;
            }
          }
          .card__content {
            order:1;
            width:75%;
          }
          @media screen and (max-width:1000px) {
            width:100%;
          }
          @media screen and (max-width:768px) {
            flex-direction:column;
            .card__image {
              order:1;
              min-width:300px;
            }
            .card__content {
              order:2;
            }
          }
        }
      }
    }
    /* vertical news cards */
    &[post-count="1-1"], &[post-count="1-2"], &[post-count="1-3"], &[post-count="2-2"] {
      .card-container__news {
        .card {
          width:100%;
          border-bottom:dotted #d1d1d1 2px;
          &:last-child {
            padding:0;
            border:none;
          }
        }
      }
    }
    /* half width news cards */
    &[post-count="0-2"], &[post-count="0-4"], &[post-count="1-4"], &[post-count="1-5"], &[post-count="2-4"], &[post-count="3-2"], &[post-count="4-2"] {
      .card-container__news {
      .card {
        width:calc(50% - .75rem);
      }
    }
    }
    &[post-count="0-5"] {
      .card-container__news {
        .card {
          &:nth-child(4), &:nth-child(5) {
            width:calc(50% - .75rem);
          }
        }
      }
    }
   }
   &.card-group--on-dark {
    .card-container {
      &[post-count="1-1"], &[post-count="1-2"], &[post-count="1-3"], &[post-count="2-2"] {
        .card-container__news {
          .card {
            border-color:#732f2f;
          }
        }
      }
    }
   }
 }

.card .card__image img {
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  height: auto;
}
</style>