.blog-cards-wrapper{display:flex;gap:var(--spacing-8x);justify-content:space-between;@media (max-width:820px){flex-direction:column-reverse}}.blog-cards{flex:1 1 955px;--card-min-width:228px;display:grid;gap:var(--spacing-8x);grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr));height:fit-content;@media (max-width:820px){flex:none}}.blog-listing__sidebar{flex:1 1 229px;@media (max-width:820px){flex:none}}.blog-tag-wrapper{border:1px solid var(--border-base);border-radius:8px;height:fit-content;margin-bottom:var(--spacing-8x);padding:var(--spacing-6x) var(--spacing-8x);& .preheader{font-weight:700;margin-bottom:var(--spacing-4x)}@media (max-width:820px){flex-direction:column;gap:var(--spacing-4x);& .preheader{margin-top:0}}}.blog-tags{display:flex;flex-direction:column;gap:var(--spacing-4x)}.blog-tag{align-items:center;color:var(--text-light);display:flex;font-weight:600;gap:var(--spacing-4x);justify-content:space-between;text-decoration:none;transition:var(--transition);width:100%;a&:hover{color:var(--blue);text-decoration:none}}.blog-tag__count{background:var(--bright-gray);border-radius:4px;color:var(--text-light);display:grid;font-size:var(--text-xs);font-weight:400;height:22px;line-height:1.2;place-items:center;width:22px;a.blog-tag:hover &{color:var(--text-light)}}.pagination{align-items:center;display:flex;gap:var(--spacing-4x);justify-content:center;margin-top:var(--spacing-12x)}.pagination-arrow{--color:var(--text-base);align-items:center;color:var(--color);display:flex;font-size:.7222rem;font-weight:600;gap:8px;letter-spacing:-.39px;line-height:1;text-decoration:none;& svg{margin-bottom:2px}& svg path{fill:var(--color);transition:var(--transition)}&:hover{--color:var(--blue);text-decoration:none}}.pagination-items{align-items:center;display:flex;gap:4px;justify-content:center}.pagination-item{--color:var(--text-base);align-items:center;background:transparent;border-radius:4px;color:var(--color);display:flex;font-size:.7222rem;font-weight:600;height:28px;justify-content:center;line-height:1;text-decoration:none;transition:var(--transition);width:28px;&:hover{--color:var(--blue);text-decoration:none}&.pagination-item--active{--color:var(--white);background:var(--blue-600)}}