.blog-post{background-color:var(--surface-1);border:1px solid var(--edge);box-shadow:var(--shadow-1);border-radius:15px;margin:0 0 24px}.blog-post:hover{cursor:pointer}.blog-post .tag{border:1px solid var(--edge);color:var(--text-2);border-radius:15px;padding:3px 9px;font-size:.775rem;line-height:1rem;display:inline-block}.blog-post .blog-post__image img{border-top-left-radius:15px;border-top-right-radius:15px;width:100%;display:block}.blog-post .blog-post__content{box-sizing:border-box;width:100%;padding:12px 18px}.blog-post .blog-post__content .blog-post__content__context{flex-flow:row;justify-content:space-between;align-items:center;width:100%;display:flex}.blog-post .blog-post__content h1,.blog-post .blog-post__content h2,.blog-post .blog-post__content h3,.blog-post .blog-post__content h4,.blog-post .blog-post__content h5,.blog-post .blog-post__content h6,.blog-post .blog-post__content p{margin:6px 0}.blog-post .blog-post__content__date{margin-top:18px}.blog-posts{grid-template-columns:1fr;gap:24px;display:grid}.blog-posts .blog-post{margin:0}@media (width>=580px){.blog-posts.blog-posts--secondary,.blog-posts.blog-posts--tertiary{grid-template-columns:1fr 1fr}}@media (width>=960px){.blog-posts{gap:36px}.blog-posts.blog-posts--primary .blog-post{flex-flow:row;justify-content:space-between;align-items:flex-start;display:flex}.blog-posts.blog-posts--primary .blog-post .blog-post__image{width:66.666%}.blog-posts.blog-posts--primary .blog-post .blog-post__image img{border-top-left-radius:15px;border-top-right-radius:0;border-bottom-left-radius:15px}.blog-posts.blog-posts--primary .blog-post .blog-post__image+.blog-post__content{flex-flow:column;justify-content:space-between;align-items:flex-start;width:33.333%;height:100%;display:flex}.blog-posts.blog-posts--primary .blog-post .blog-post__image+.blog-post__content .blog-post__content__heading{flex-grow:1}.blog-posts.blog-posts--tertiary{grid-template-columns:1fr 1fr 1fr}}