.blog-page{background-color:var(--color-background);min-height:100vh;padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.blog-page__container{max-width:1200px;padding-left:var(--content-padding-mobile);padding-right:var(--content-padding-mobile);margin:0 auto}@media (min-width:768px){.blog-page__container{padding-left:var(--content-padding-tablet);padding-right:var(--content-padding-tablet)}}@media (min-width:1024px){.blog-page__container{padding-left:var(--content-padding-desktop);padding-right:var(--content-padding-desktop)}}.blog-page__header{margin-bottom:var(--spacing-2xl);text-align:center}.blog-page__header-image-wrapper{width:100%;max-width:1200px;margin:0 auto var(--spacing-xl)}.blog-page__header-image{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}@media (min-width:768px){.blog-page__header-image-wrapper{margin-bottom:var(--spacing-2xl)}}@media (min-width:1024px){.blog-page__header-image-wrapper{max-width:900px}}.blog-page__categories{margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.blog-page__category-list{gap:var(--spacing-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-page__category-item{margin:0}.blog-page__category-link{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text);border-radius:var(--border-radius);font-size:.9rem;text-decoration:none;transition:background-color .2s;display:inline-block}.blog-page__category-link:hover{background-color:var(--color-border)}.blog-page__category-link--active{background-color:var(--color-primary);color:#fff!important}.blog-page__category-link--active:hover{background-color:var(--color-primary-hover);color:#fff!important}.blog-page__posts{margin-top:var(--spacing-2xl)}.blog-page__empty{text-align:center;color:var(--color-text-light);padding:var(--spacing-2xl)}.blog-page__post-list{gap:var(--spacing-xl);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.blog-page__post-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-page__post-list{grid-template-columns:repeat(3,1fr)}}.blog-post-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;height:100%;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.blog-post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-post-card__link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.blog-post-card__image-wrapper{aspect-ratio:16/9;background-color:var(--color-border);width:100%;position:relative;overflow:hidden}.blog-post-card__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-post-card__content{padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.blog-post-card__category{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);align-self:flex-start;font-size:.75rem;display:inline-block}.blog-post-card__title{color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:.05rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.125rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}@media (min-width:768px){.blog-post-card__title{font-size:1.25rem}}.blog-post-card__excerpt{color:var(--color-text-light);margin-bottom:var(--spacing-md);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-post-card__date{color:var(--color-text-light);margin-top:auto;font-size:.75rem}.blog-page__pagination{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.blog-page__pagination-list{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-page__pagination-item{margin:0}.blog-page__pagination-item--disabled{opacity:.5;cursor:not-allowed}.blog-page__pagination-link{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text);border-radius:var(--border-radius);text-align:center;min-width:40px;font-size:.9rem;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.blog-page__pagination-link:hover:not(.blog-page__pagination-link--disabled){background-color:var(--color-border)}.blog-page__pagination-link--active{background-color:var(--color-primary);color:#fff;font-weight:700}.blog-page__pagination-link--disabled{cursor:not-allowed;pointer-events:none}.blog-page__pagination-ellipsis{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-light);font-size:.9rem;display:inline-block}