.blog-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.blog-meta__dot{background:var(--text-secondary);border-radius:50%;width:3px;height:3px}.blog-cover{aspect-ratio:21/9;border-radius:var(--radius-card);border:1px solid var(--border);overflow:hidden}.blog-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-article{color:var(--text);font-size:17px;line-height:1.7}.blog-article p{margin:0 0 20px}.blog-article h2{margin:40px 0 16px;font-size:26px;font-weight:800}.blog-article h3{margin:32px 0 12px;font-size:20px;font-weight:700}.blog-article ul,.blog-article ol{margin:0 0 20px;padding-left:22px}.blog-article li{margin-bottom:8px}.blog-article a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.blog-article img{border-radius:var(--radius-card-sm);border:1px solid var(--border);width:100%;margin:24px 0}.blog-article blockquote{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-card-sm) var(--radius-card-sm) 0;color:var(--text-secondary-lg);margin:24px 0;padding:16px 24px}.blog-article strong{color:var(--text);font-weight:700}.blog-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.blog-tag{border-radius:var(--radius-chip);border:1px solid var(--border-strong);color:var(--text-secondary);padding:6px 12px;font-size:12px}.blog-meta--card{margin:12px 0 0}.section--error{text-align:center;padding:120px 0}.blog-sort{flex-wrap:wrap;gap:8px;margin:24px 0 32px;display:flex}.blog-sort__item{border-radius:var(--radius-chip);border:1px solid var(--border);color:var(--text-secondary);transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none}.blog-sort__item:hover{border-color:var(--border-strong);color:var(--text)}.blog-sort__item--active{background:var(--chip-bg);border-color:var(--accent);color:var(--accent)}.blog-list{flex-direction:column;gap:20px;display:flex}.blog-list__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);color:inherit;transition:border-color .2s var(--ease);gap:24px;padding:20px;text-decoration:none;display:flex}.blog-list__item:hover{border-color:var(--border-strong)}.blog-list__media{aspect-ratio:16/10;border-radius:var(--radius-card-sm);color:var(--text-secondary);background:repeating-linear-gradient(135deg,#1c1c1c 0 12px,#191919 12px 24px);flex:0 0 280px;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.blog-list__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.blog-list__body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.blog-list__title{font-size:20px;font-weight:700}.blog-list__text{color:var(--text-secondary);font-size:14px;line-height:1.55}@media (width<=640px){.blog-list__item{flex-direction:column}.blog-list__media{flex:none;width:100%}}.blog-sort__arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--accent);vertical-align:middle;width:0;height:0;transition:transform .2s var(--ease);margin-left:6px;display:inline-block}.blog-sort__arrow--asc{transform:rotate(180deg)}.blog-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin:24px 0 20px;display:flex}.blog-tag-filter{position:relative}.blog-tag-filter__count{background:var(--accent);min-width:16px;height:16px;color:var(--accent-text);text-align:center;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-6px;right:-6px}.blog-tag-cloud{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card-sm);opacity:0;pointer-events:none;width:280px;max-height:260px;transition:opacity .2s var(--ease), transform .2s var(--ease);z-index:90;flex-wrap:wrap;gap:8px;margin-top:8px;padding:14px;display:flex;position:absolute;top:100%;right:0;overflow-y:auto;transform:translateY(-8px)}.blog-tag-cloud.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.blog-tag-chip{border-radius:var(--radius-chip);border:1px solid var(--border-strong);color:var(--text-secondary);transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);align-items:center;gap:4px;padding:6px 12px;font-size:12px;text-decoration:none;display:inline-flex}.blog-tag-chip:hover{border-color:var(--accent);color:var(--text)}.blog-tag-chip--active{background:var(--chip-bg);border-color:var(--accent);color:var(--accent)}.blog-tag-chip--sm{padding:4px 10px;font-size:11px}.blog-tag-chip__x{font-size:13px;line-height:1}.blog-active-tags{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;display:flex}.blog-tag-clear{color:var(--text-secondary);text-underline-offset:2px;font-size:12px;text-decoration:underline}.blog-tag-clear:hover{color:var(--accent)}.blog-list__tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.blog-list__item{position:relative}.blog-list__stretched-link{z-index:1;position:absolute;inset:0}.blog-list__body>.chip,.blog-list__body>.blog-list__title,.blog-list__body>.blog-list__text,.blog-list__body>.blog-meta,.blog-list__body>.blog-list__tags{z-index:2;position:relative}.blog-list__tags a{z-index:3;position:relative}.similar-posts-swiper{padding-bottom:44px}.similar-posts-swiper .swiper-slide{width:340px;height:auto}.similar-posts-swiper .swiper-slide .card{height:100%}.similar-posts-swiper .swiper-pagination-bullet{opacity:1;background:#fff3;width:6px;height:6px;transition:width .2s,background-color .2s}.similar-posts-swiper .swiper-pagination-bullet-active{background:var(--accent);border-radius:3px;width:20px}@media (width<=640px){.similar-posts-swiper .swiper-slide{width:82%}}.related-services-swiper{padding-bottom:44px}.related-services-swiper .swiper-slide{width:340px;height:auto}.related-services-swiper .swiper-slide .card{height:100%}.related-services-swiper .swiper-pagination-bullet{opacity:1;background:#fff3;width:6px;height:6px;transition:width .2s,background-color .2s}.related-services-swiper .swiper-pagination-bullet-active{background:var(--accent);border-radius:3px;width:20px}@media (width<=640px){.related-services-swiper .swiper-slide{width:82%}}.blog-list__item.is-more-hidden{display:none}.blog-list__more-wrap{justify-content:center;margin-top:32px;display:flex}.blog-list__more-wrap.is-hidden{display:none}
