/**
 * This CSS was automatically generated from a source file.
 * Editing this file directly isn't recommended. Modifying the styles of this module can be done
 * with an external stylesheet attached to the page or module.
 */

.related-posts__heading{margin-bottom:2.5rem;border-bottom:var(--heading-border,var(--borders));padding-bottom:2rem}@media (min-width:768px){.related-posts__heading{display:flex;justify-content:space-between;align-items:flex-end}}@media (min-width:768px){.related-posts__heading .theme-rich-text__main{flex-grow:1}}.related-posts__heading.text--center{display:block}@media (min-width:768px){.related-posts__heading.text--left .theme-ctas{margin-left:var(--gutter)}}.related-posts__heading.text--right .theme-rich-text__main{order:2}.related-posts__heading.text--right .theme-ctas{order:1;margin-right:var(--gutter)}@media (min-width:768px){.related-posts__posts{display:flex;flex-wrap:wrap}}.related-posts__posts .related-blog-item{display:flex;flex-direction:column;position:relative;margin-bottom:2rem;border:var(--post-border,none);background-color:var(--post-background,transparent)}@media (min-width:768px){.related-posts__posts .related-blog-item{width:calc(33.33% - 40px)}.related-posts__posts .related-blog-item:not(:first-child):not(:nth-child(3n+1)){margin-left:60px}}@media not screen and (min-width:768px){.related-posts__posts .related-blog-item{margin-top:4rem}}.related-posts__posts .related-blog-item__image{overflow:hidden;width:100%;aspect-ratio:var(--aspect-ratio,3/2)}.related-posts__posts .related-blog-item__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-posts__posts .related-blog-item__info{padding:var(--post-padding,2rem 0 0);margin:0}.related-posts__posts .related-blog-item__info .eyebrow{font-size:13px}.related-posts__posts .related-blog-item__info h3 a{background-image:linear-gradient(var(--base-color),var(--base-color));background-position:0 100%;background-size:0 3px;transition:background .3s ease}.related-posts__posts .related-blog-item__info h3 a:focus-visible,.related-posts__posts .related-blog-item__info h3 a:hover{color:var(--base-color)}.related-posts__posts .related-blog-item__info .summary{font:var(--base-font);line-height:var(--base-line-height);letter-spacing:var(--base-letter-spacing);color:var(--base-color)}@media not screen and (min-width:1024px){.related-posts__posts .related-blog-item__info .summary{font-size:var(--base-mobile-size);line-height:var(--base-mobile-line-height)}}.related-posts__posts .related-blog-item:focus-visible h3 a,.related-posts__posts .related-blog-item:hover h3 a{color:var(--base-color);background-size:100% 3px
  .related-blog-item__info {font-size: 20px};