.hs-blog-listing{.archive-intro{padding-bottom:64px;padding-top:176px;h1{margin-bottom:32px}@media (max-width:1344px){padding-top:96px}}.archive-posts-nav{display:flex;overflow-x:auto;width:100%;&::-webkit-scrollbar{display:none}&::scrollbar{display:none}@media (max-width:1344px){margin-left:calc(var(--so-body-spacing)*-1);margin-right:calc(var(--so-body-spacing)*-1);padding-left:var(--so-body-spacing);padding-right:var(--so-body-spacing);width:calc(100% + var(--so-body-spacing)*2)}a{border-bottom:2px solid #b7bdbb;color:#b7bdbb;font-size:var(--so-fontsize-h5);font-weight:600;padding-left:12px;padding-right:12px;position:relative;text-decoration:none;transition:all .1s ease-in-out;white-space:nowrap;@media (max-width:768px){font-size:16px}&:hover{color:var(--so-color-primary)}&:after{background-color:var(--so-color-primary);bottom:-2px;content:"";height:0;left:12px;opacity:0;position:absolute;right:12px;transition:all .1s ease-in-out}&:first-child{padding-left:0;&:after{left:0}}&:last-child{padding-right:0;&:after{right:0}}&.active{color:var(--so-color-primary);&:after{height:4px;opacity:1}}}}.recent-posts{margin-top:64px;>h2{font-size:var(--so-fontsize-h4);margin-bottom:24px}ul{display:grid;gap:34px;grid-template-columns:repeat(3,1fr);margin:0;padding:0;li{list-style:none}@media (max-width:1024px){gap:24px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){gap:16px}@media (max-width:5230px){gap:16px 8px}}}}