.block-featured-stories  {
  container-type: inline-size;
}
.block-featured-stories ul.featured-3, .block-featured-stories ul.featured-4 {
  margin: 0;
  padding: 0;
}
.block-featured-stories ul:not(.featured-3):not(.featured-4) {
  margin: 0 0 70px;
  padding: 0;
}

  .block-featured-stories ul li {
    list-style: none;
    container-type: inline-size;
    margin: 0;
  }

    /* This lets Image Credits show for Featured Stories */
    .block-featured-stories .article-preview .ap-thumbnail-credit {
      display: block;
    }
      /* remore negative margin for most captions */
      .block-featured-stories ul:not(.featured-1) .article-preview .ap-thumbnail-credit{
        margin-top: 11px
      }
      
    /* Hide unused elements */
    .block-featured-stories ul li .ap-post-meta .ap-date, .block-featured-stories ul.featured-1 li .ap-post-meta .ap-byline,
    .block-featured-stories ul li:not(:first-child) .article-preview .ap-thumbnail-credit {
      display: none;
    }
    
    /* Sort meta elements */
    .block-featured-stories .article-preview  .ap-featured-block-thumbnail-credit {
      order: 1;
    }
    .block-featured-stories ul li .ap-post-meta .ap-commentary-label,.block-featured-stories ul li .ap-post-meta .ap-topic {
      order: 2;
    }
    .block-featured-stories ul li .ap-post-meta .ap-title {
      order: 3;
    }
    .block-featured-stories ul li .ap-post-meta .ap-excerpt {
      order: 4;
    }
    .block-featured-stories ul li .ap-post-meta .ap-byline {
      order: 5;
    }
    
    /* Fix object fit */
    .block-featured-stories ul li .article-preview .ap-image {
      display: grid;
      margin-bottom: 1rem;
    }
    .block-featured-stories ul li .article-preview .ap-thumbnail {
      width: 100%;
      height: 100%;
    }
    
    /* Post Title Responsive sizes */
    .block-featured-stories ul li .article-preview .ap-title,
    .block-featured-stories ul li .article-preview .ap-title a {
      font-size: 1rem;
      line-height: 1.3;
    }
    @container (min-width: 230px) {
      .block-featured-stories ul li .article-preview .ap-title,
      .block-featured-stories ul li .article-preview .ap-title a {
        font-size: 24px;
      }
    }
    @container (min-width: 600px) {
      .block-featured-stories ul li .article-preview .ap-title,
      .block-featured-stories ul li .article-preview .ap-title a {
        font-size: 50px;
        line-height: 1.04;
      }
    }
    
    /* Excerpt */
    .block-featured-stories ul:not(.featured-2) li .article-preview .ap-excerpt {
      font-size: 18px;
    }
    
    /* Commentary tag */
    .block-featured-stories ul li .article-preview .ap-commentary-label {
      margin-bottom: 12px;
    }
    
    /* Single Featured Story */
    .block-featured-stories .featured-1 li .ap-post-meta {
      background-color: #fff;
      padding: 15px 11px 0 2px;
      margin-top: -63px;
      width: 95%;
      z-index: 100;
    }
      .block-featured-stories .featured-1 li .article-preview  .ap-featured-block-thumbnail-credit {
        display: block;
        text-align: left;
      }
      @media screen and (min-width:900px) {
        .block-featured-stories .featured-1 li .ap-post-meta {
          margin-top: -93px;
          width: 90%;
          padding: 32px 32px 0 0;
        }
        .block-featured-stories .featured-1 li .article-preview  .ap-featured-block-thumbnail-credit {
          margin-top: -1rem;
          text-align: right;
          width: 100%;
        }
      }
      
    /* Two Featured Stories */
    .block-featured-stories .featured-2 {
      display: grid;
      gap: 50px;
    }
      @media screen and (min-width: 600px) {
        .block-featured-stories .featured-2.related {
          border: 1px solid var(--gray-30);
          gap: 1rem;
        }
          .block-featured-stories .featured-2.related li .ap-post-meta{
            padding: 0 1rem;
          }
      }
      .block-featured-stories .featured-2 li .article-preview .ap-post-meta {
        container-type: inline-size;
      }

        .block-featured-stories .featured-2 li:first-child .article-preview .ap-featured-label {
          display: flex;
        }
        
        .block-featured-stories .featured-2 li .article-preview .ap-byline {
          order: 3;
        }
     
      @container (min-width: 580px) {
        
        .block-featured-stories .featured-2 li .article-preview {
          display: grid;
          grid-template-columns: 1fr 1.5fr;
        }
          .block-featured-stories .featured-2 li .article-preview .ap-image {
            display: grid;
            width: 100%;
            margin-bottom: 0;
          }
          .block-featured-stories .featured-2 li .article-preview .ap-thumbnail .ap-image {
            position: relative;
          }
            .block-featured-stories .featured-2 li .article-preview .ap-thumbnail {
              margin: 0;
              width: 100%;
              height: 100%;
            }
            .block-featured-stories .featured-2 li .article-preview .ap-thumbnail .ap-thumbnail-credit {
              position: absolute;
              top: calc(100% + 1rem);
              right: 0;
            }
              .block-featured-stories .featured-2.related li .article-preview .ap-thumbnail .ap-thumbnail-credit {
                right: .5rem;
              }
          .block-featured-stories .featured-2 li:first-child .article-preview  {
            grid-template-areas: 'meta image';
          }
          .block-featured-stories .featured-2 li:last-child .article-preview  {
            grid-template-areas: 'image meta';
          }
            .block-featured-stories .featured-2 li .article-preview .ap-image {
              grid-area: image;
            }
            .block-featured-stories .featured-2 li:last-child .article-preview .ap-post-meta {
              grid-area: meta;
              margin-left: 40px;
            }
            .block-featured-stories .featured-2.related li:last-child .article-preview .ap-post-meta {
              margin: 0;
            }
            .block-featured-stories .featured-2 li:first-child .article-preview .ap-post-meta {
              grid-area: meta;
            }
            .block-featured-stories .featured-2:not(.related) li:first-child .ap-post-meta {
              border: 1px solid #ddd;
              padding: 1rem;
            }
            .block-featured-stories .featured-2.related li .article-preview .ap-post-meta {
              padding: 24px 16px 16px 24px;
            }
            .block-featured-stories .featured-2.related li:first-child .article-preview .ap-post-meta {
              margin-right: 40px;
            }
      }
      @container (min-width: 800px) {
        .block-featured-stories .featured-2:not(.related) li:first-child .article-preview .ap-post-meta {
          padding: 40px;
        }
        .block-featured-stories .featured-2.related li .article-preview .ap-post-meta {
          padding: 34px;
        }
      }
    
    /* Three Stories */
    .block-featured-stories ul.featured-3 li:not(:first-child) .ap-excerpt {
      display: none;
    }
    
    @container (min-width: 600px) {
      .block-featured-stories ul.featured-3 {
        display: grid;
        grid-template-areas: 
        'two one'
        'three one';
        grid-template-columns: 1fr 4fr;
        grid-template-rows: auto 1fr;
        gap: 45px 25px;
        margin: 0;
      }
      .block-featured-stories ul.featured-3 li:first-child {
        padding-left: 25px;
        grid-area: one;
        border-left: 2px solid var(--gray-20);
        padding-bottom: 35px;
      }
      .block-featured-stories ul.featured-3 li:nth-child(2) {
        grid-area: two;
      } 
      .block-featured-stories ul.featured-3 li:nth-child(3) {
        grid-area: three;
        padding-bottom: 1rem;
      } 
        .block-featured-stories ul.featured-3 li .ap-byline {
          margin: 0;
        } 
    }


    /* Four Stories */
    .block-featured-stories ul.featured-4 li:not(:first-child) .ap-excerpt {
      display: none;
    } 
    .block-featured-stories ul.featured-4 li:not(:first-child) .article-preview .ap-thumbnail {
      aspect-ratio: 2 / 1;
    }
    .block-featured-stories ul.featured-4 li:not(:first-child) .article-preview .ap-title a {
      display: block;
      font-size: 20px;
      line-height: 1.2;
      margin-bottom: 0;
    }
    @container (min-width: 600px) {
      .block-featured-stories ul.featured-4 {
        display: grid;
        grid-template-areas: 
        'one two'
        'one three'
        'one four';
        grid-template-columns: 3fr 1fr;
        grid-template-rows: auto 1fr;
        gap: 13px 25px;
        margin: 0;
      }
      .block-featured-stories ul.featured-4 li:first-child {
        padding-right: 25px;
        grid-area: one;
        border-right: 2px solid var(--gray-20);
        padding-bottom: 35px;
      }
      .block-featured-stories ul.featured-4 li:nth-child(2) {
        grid-area: two;
      } 
      .block-featured-stories ul.featured-4 li:nth-child(3) {
        grid-area: three;
      } 
    
    .block-featured-stories ul.featured-4 li:nth-child(4) {
      grid-area: four;
      padding-bottom: 1rem;
    }  
    .block-featured-stories ul.featured-4 li .ap-byline {
      margin: 0;
    }
  }