.blog-container{grid-template-areas:"heading""sidebar""content"}@media (min-width:1024px){.blog-container{grid-template-areas:"heading sidebar""content sidebar"}}.blog-heading{grid-area:heading}.contents-container{grid-area:sidebar;max-width:716px}.contents-container-inner{scrollbar-color:var(--cl-main-700) var(--cl-main-950);scrollbar-width:thin;max-height:calc(100dvh - 112px);padding-bottom:24px;position:sticky;top:96px;overflow-y:auto}.blog-content{grid-area:content}.blog-stories-list{gap:16px;padding:0;display:grid}@media (min-width:768px){.blog-stories-list{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1280px){.blog-stories-list{grid-template-columns:repeat(3,1fr)}}.blog-stories-item{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out);flex-direction:column;padding:24px;display:flex}.blog-stories-item:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.blog-stories-title{color:var(--cl-main-50);flex:1;font-size:1.125rem}