.blog-listing{background-color:var(--color-bg-500);border-bottom:1px dashed var(--color-stroke-500);padding:var(--space-32) var(--space-16)}.blog-listing__container{display:flex;flex-direction:column;gap:var(--space-32);width:100%}.blog-listing__title{color:var(--color-text-450);font-family:var(--font-sans);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);line-height:1.1;margin:0;text-transform:capitalize}.blog-listing__grid{display:grid;gap:var(--space-32);grid-template-columns:1fr;transition:opacity .3s ease;width:100%}.blog-listing__item{width:100%}.blog-listing__pagination{align-items:center;display:flex;gap:var(--space-32);justify-content:center;margin-top:var(--space-64);transition:opacity .3s ease;width:100%}.blog-listing__pages{align-items:center;display:flex;gap:var(--space-16)}.blog-listing__page-link{align-items:center;color:var(--color-text-400);display:flex;font-family:var(--font-mono);font-size:var(--font-size-body-16);height:32px;justify-content:center;min-width:32px;text-decoration:none;transition:color .2s ease}.blog-listing__page-link:hover{color:var(--color-primary)}.blog-listing__page-link--current{border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-mono);font-size:var(--font-size-body-16);font-weight:var(--font-weight-medium)}.blog-listing__page-link--next,.blog-listing__page-link--prev{align-items:center;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-8)}.blog-listing__page-link--next svg,.blog-listing__page-link--prev svg{height:24px;transition:transform .2s ease;width:24px}.blog-listing__page-link--prev:hover svg{transform:translateX(-4px)}.blog-listing__page-link--next:hover svg{transform:translateX(4px)}@media (min-width:750px){.blog-listing__grid{gap:var(--space-20);grid-template-columns:repeat(3,1fr)}}@media (min-width:1190px){.blog-listing{padding:var(--space-112) var(--space-32)}.blog-listing__grid{gap:var(--space-40);grid-template-columns:repeat(4,1fr)}}