.blog-page{background:var(--color-background-primary);flex-direction:column;min-height:100vh;display:flex}.blog-page__container{width:min(100% - var(--layout-gutter-inline)*2,var(--layout-max-width))}.blog-page__header{padding-top:6rem;padding-bottom:var(--space-4)}.blog-page__title{color:var(--color-text-title);font-family:var(--font-family-heading);font-size:clamp(2rem,4vw,var(--font-h1-size));margin:0;line-height:1.1}.blog-page__subtitle{margin-top:var(--space-3);color:var(--color-text-paragraph);font-family:var(--font-family-body);max-width:52rem;font-size:clamp(1rem,1.7vw,1.125rem);line-height:1.6}.blog-page__content{padding-block:var(--space-16);flex:1}.blog-page__grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}.blog-page__empty,.blog-page__error-box{text-align:center;padding-block:var(--space-16)}.blog-page__empty-icon,.blog-page__error-icon{margin-bottom:var(--space-4);font-size:3.5rem}.blog-page__empty-icon{color:var(--color-text-paragraph-alt)}.blog-page__error-title,.blog-page__empty-title{margin:0 0 var(--space-2);color:var(--color-text-title);font-family:var(--font-family-heading)}.blog-page__error-text,.blog-page__empty-text{margin:0 0 var(--space-6);color:var(--color-text-paragraph);font-family:var(--font-family-body)}.blog-page--error{justify-content:center}@media (min-width:768px){.blog-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
