.main-posts{padding:48px 0;background-color:var(--cpn-cool-gray-10);border-radius:16px;margin-bottom:8px;overflow:hidden}@media (min-width:768px){.main-posts{padding:96px 0}}.main-posts .blog-breadcrumb{color:var(--cpn-cool-gray-60);font-size:14px;display:flex;gap:8px}.main-posts .blog-breadcrumb a,.main-posts .blog-breadcrumb a:visited{color:var(--cpn-cool-gray-60);text-decoration:none}.main-posts .blog-breadcrumb a:hover,.main-posts .blog-breadcrumb a:visited:hover,.main-posts .blog-breadcrumb span,.main-posts .list-header h1{color:var(--cpn-cool-gray-300)}.main-posts .list-header{display:flex;flex-direction:column;gap:16px;padding:48px 0}.main-posts .list-header h1 span{color:var(--cpn-orange-300)}.main-posts .category-group{display:flex;flex-direction:column;gap:24px}.main-posts .category-group .category-link{font-size:14px}.main-posts .main-actions{background-color:var(--cpn-default-white);padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:24px}@media (min-width:768px){.main-posts .main-actions{gap:48px;padding:48px}}.main-posts .main-actions .actions-header{display:flex;flex-direction:column;gap:24px}.main-posts .main-actions .actions-header .categories{display:flex;gap:16px;flex-flow:wrap}.main-posts .main-actions .actions-header .categories a,.main-posts .main-actions .actions-header .categories a:visited{padding:8px 16px;font-size:12px;line-height:150%;background-color:var(--cpn-cool-gray-20);color:var(--cpn-cool-gray-100);border-radius:24px;text-decoration:none;transition:var(--cpn-default-transition)}.main-posts .main-actions .actions-header .categories a:hover,.main-posts .main-actions .actions-header .categories a:visited:hover{background-color:var(--cpn-orange-100);color:var(--cpn-default-white);transition:var(--cpn-default-transition)}.main-posts .main-actions .from-editor{display:flex;flex-direction:column;gap:24px}.main-posts .main-actions .from-editor .blog-list .items .item .image,.main-posts .main-actions .from-editor .blog-list .items .item .resume{display:none}.main-posts .main-actions .from-editor .blog-list .items .item:first-of-type .image{display:block}.main-posts .main-actions .from-editor .blog-list .items .item:first-of-type .resume{display:block}.main-posts .main-actions .from-editor .blog-list .items .cpn-title,.main-posts .main-actions .from-editor .blog-list .items .item .categories .recommended{display:none}.main-posts .main-actions .from-editor .blog-list .items .cpn-title:first-of-type{display:block}