.blog-container{margin-block:60px 120px}.blog-img{border:2px solid color-mix(in srgb,var(--cl-main-800)30%,transparent);border-radius:8px;width:100%;height:auto;display:block}.blog-img-wrapper{margin-block:1.5rem;position:relative}.blog-img-wrapper .blog-img{cursor:pointer}.blog-img-alt-badge{background:color-mix(in srgb,var(--cl-main-900)80%,transparent);border-radius:6px;padding:4px 12px;font-size:12px;position:absolute;bottom:4px;right:4px}.blog-p{line-height:1.5}.blog-h2{margin-block-start:2.5rem;font-weight:500}.blog-link{color:var(--cl-main-50);-webkit-text-decoration-color:var(--cl-main-600);text-decoration-color:var(--cl-main-600);text-underline-offset:3px;transition:text-decoration-color .1s ease-in-out,text-underline-offset .1s ease-in-out}.blog-link:hover{-webkit-text-decoration-color:var(--cl-main-50);text-decoration-color:var(--cl-main-50);text-underline-offset:2px}.blog-ul{padding-inline-start:1rem}.blog-li{margin-block:.5rem}.blog-b{font-weight:500}
.blog-stories-list{gap:24px;padding:0;display:grid}@media (min-width:768px){.blog-stories-list{grid-template-columns:repeat(2,1fr)}}.blog-stories-item{background-color:color-mix(in srgb,var(--cl-main-900)60%,transparent);border:1px solid color-mix(in srgb,var(--cl-main-800)40%,transparent);border-radius:.75rem;flex-direction:column;padding:1rem;display:flex}.blog-stories-title{color:var(--color-text);flex:1;font-size:18px}