Default related articles

<?php
/**
 * Title: Publisher UI: Default related articles
 * Slug: default-related-articles
 * Block types: core/post-content
 * Categories: featured
 */
?>
<!-- wp:group {"tagName":"aside","metadata":{"name":"Publisher UI: Default related articles","categories":["featured"],"patternName":"wlc/default-related-articles"},"align":"full","className":"default-related-articles","layout":{"type":"constrained"}} -->
<aside class="wp-block-group alignfull default-related-articles"><!-- wp:group {"metadata":{"name":"Wrapper"},"className":"default-related-articles__wrapper","layout":{"type":"default"}} -->
<div class="wp-block-group default-related-articles__wrapper"><!-- wp:heading {"className":"default-related-articles__heading"} -->
<h2 class="wp-block-heading default-related-articles__heading">Related articles</h2>
<!-- /wp:heading -->

<!-- wp:query {"queryId":15,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"taxQuery":null,"parents":[],"format":[]},"className":"default-related-articles__loop"} -->
<div class="wp-block-query default-related-articles__loop"><!-- wp:post-template -->
<!-- wp:post-featured-image {"isLink":true,"className":"default-related-articles__featured-image"} /-->

<!-- wp:post-title {"isLink":true,"className":"default-related-articles__post-title"} /-->

<!-- wp:post-excerpt {"excerptLength":15,"className":"default-related-articles__excerpt"} /-->

<!-- wp:wlc/reading-time /-->
<!-- /wp:post-template -->

<!-- wp:query-no-results -->
<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
<p>No entries</p>
<!-- /wp:paragraph -->
<!-- /wp:query-no-results --></div>
<!-- /wp:query --></div>
<!-- /wp:group --></aside>
<!-- /wp:group -->

.default-related-articles {
  @apply py-8 lg:py-24 bg-white dark:bg-gray-900 antialiased;
}

.default-related-articles__wrapper {
  @apply px-4;
}

.default-related-articles__heading {
  @apply mb-8 text-2xl font-bold text-gray-900 dark:text-white;
}

.default-related-articles__loop {
  ul {
    @apply grid gap-12 sm:grid-cols-2 lg:grid-cols-4;
  }
  
  .wp-block-post {
    @apply max-w-xs;
  }
  
  .wp-block-post-featured-image,
  .default-related-articles__featured-image {
    @apply mb-5;
    
    img {
      @apply rounded-lg aspect-[296/193];
    }
  }
  
  .wp-block-post-title,
  .default-related-articles__post-title {
    @apply mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white;
    
    a {
      @apply transition-colors duration-300 ease-in-out;
    }
  }
  
  .wp-block-post-excerpt__excerpt,
  .default-related-articles__excerpt {
    @apply mb-4 text-gray-500 dark:text-gray-400;
  }
  
  .wlc-reading-time {
    @apply inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500;
  }
}