.site-main{background-color:var(--color-blog-bg)}.page-header{padding:var(--spacing-3xl) 0;background:var(--color-secondary-light);margin-bottom:var(--spacing-3xl)}.page-header__content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.page-title{font-size:1.75rem;font-weight:500;color:var(--color-text-primary);margin:0;text-align:left}.page-search{flex-shrink:0}.search-form{position:relative;display:flex;align-items:center}.search-field{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-text-light);border-radius:var(--border-radius-md);color:var(--color-text-primary);background-color:var(--color-background);width:200px;transition:var(--transition-fast)}.search-field:focus{outline:none;border-color:var(--color-primary)}.search-submit{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--spacing-xs);transition:var(--transition-fast)}.search-submit:hover{color:var(--color-primary)}.search-icon{width:16px;height:16px}.blog-posts{max-width:1040px;margin:0 auto;display:grid;gap:3.5rem;margin-bottom:var(--spacing-3xl)}.blog-post{background:var(--color-background);overflow:hidden;transition:var(--transition-normal);margin:0 auto}.blog-post:hover{transform:translateY(-4px)}.blog-post__image{position:relative;overflow:hidden;height:300px;aspect-ratio:16 / 9;width:100%}.blog-post__image-link{display:block;width:100%;height:100%}.blog-post__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:var(--transition-normal)}.blog-post:hover .blog-post__img{transform:scale(1.05)}.blog-post__meta{display:flex;gap:var(--spacing-sm);font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.blog-post__meta-left{flex-shrink:0}.blog-post__meta-right{display:flex;flex-direction:column;gap:var(--spacing-xs)}.blog-post__meta-author{font-weight:600}.blog-post__meta-date-time{display:flex;align-items:center;gap:var(--spacing-xs)}.blog-post__avatar{width:40px;height:40px;border-radius:50%}.blog-post__separator{color:var(--color-text-light)}.blog-post__date,.blog-post__reading-time{font-weight:400}.blog-post__content{padding:var(--spacing-2xl);padding-top:0}.blog-post__header{margin-bottom:var(--spacing-sm)}.blog-post__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post__title-link{color:inherit;text-decoration:none;transition:var(--transition-fast)}.blog-post__title-link:hover{color:var(--color-primary)}.blog-post__excerpt{line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.blog-post__excerpt p{margin-bottom:var(--spacing-md)}.blog-post__actions{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);border-top:1px solid rgba(0,0,0,.05);padding-top:var(--spacing-md)}.blog-post__actions-left{display:flex;align-items:center;gap:var(--spacing-sm)}.blog-post__categories a{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-fast)}.blog-post__categories a:hover{color:var(--color-primary)}.blog-post__comments{color:var(--color-text-secondary)}.blog-post__actions-right{display:flex;align-items:center}.blog-post__like{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.blog-post__like:hover{background-color:#e8b4b81a;color:var(--color-primary-dark)}.blog-post__text{line-height:1.7;color:var(--color-text-secondary)}.blog-post__text p{margin-bottom:var(--spacing-lg)}.blog-post__text h2,.blog-post__text h3,.blog-post__text h4{color:var(--color-text-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.blog-post__featured-image{margin-bottom:var(--spacing-2xl)}.blog-post__featured-img{width:100%;height:auto}.posts-navigation{display:none}.nav-links{display:flex;justify-content:space-between;align-items:center}.nav-previous,.nav-next{flex:1}.nav-next{text-align:right}.nav-previous a,.nav-next a{color:var(--color-primary);font-weight:600;text-decoration:none;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-primary);transition:var(--transition-normal);display:inline-block}.nav-previous a:hover,.nav-next a:hover{background-color:var(--color-primary);color:var(--color-background)}@media (min-width: 768px){.page-header{padding:var(--spacing-3xl) 0}.page-header__content{flex-direction:row;align-items:center;gap:var(--spacing-lg)}.page-title{font-size:1.75rem}.search-field{width:200px}.blog-posts{max-width:1040px;gap:3.5rem}.blog-post{width:760px}.blog-post__image{height:300px}.blog-post__content{padding:var(--spacing-2xl)}.blog-post__title{font-size:1.25rem}.blog-post__actions{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.blog-post__actions-left{flex-wrap:nowrap}.nav-links{flex-direction:row;gap:var(--spacing-lg)}.nav-next{text-align:right}}@media (min-width: 1280px){.blog-posts{max-width:1200px}.blog-post{width:800px}}@media (min-width: 1536px){.blog-posts{max-width:1400px}.blog-post{width:900px}}