.single-blog-layout .post-info{border-bottom:1px solid var(--gray-100);padding:24px 0;margin-bottom:24px;flex-direction:column;gap:12px}@media screen and (min-width:768px){.single-blog-layout .post-info{flex-direction:row;gap:0;margin-bottom:36px}}.single-blog-layout .post-info .post-author{gap:12px}.single-blog-layout .post-info .post-author .author-name{font-weight:700}.single-blog-layout .post-info .post-author .post-date{color:var(--gray-300)}.single-blog-layout .post-info .social-links{gap:24px}.single-blog-layout .post-content{margin-bottom:60px}.single-blog-layout .recent-posts{background-color:var(--gray-100);padding:60px 0}.single-blog-layout .recent-posts .content.lead{text-align:center;color:var(--blue-300);margin-bottom:24px}@media screen and (min-width:768px){.single-blog-layout .recent-posts .content.lead{margin-bottom:36px}}.single-blog-layout .recent-posts .cards{gap:24px}@media screen and (min-width:768px){.single-blog-layout .recent-posts .cards{margin-left:-12px;margin-right:-12px}}.single-blog-layout .recent-posts .cards article{flex-basis:100%}@media screen and (min-width:481px){.single-blog-layout .recent-posts .cards article{flex-basis:calc(50% - 12px)}}@media screen and (min-width:768px){.single-blog-layout .recent-posts .cards article{flex-basis:calc(33.3333333333% - 24px)}}