.blog-index{max-width:1800px;width:100%;margin:40px auto 80px;padding:0 40px;box-sizing:border-box}.blog-index__header{text-align:center;margin-bottom:40px}.blog-index__title{margin-bottom:12px}.blog-index__description{color:#a09e9e;font-size:16px;line-height:1.5;margin:0 auto;max-width:680px}.blog-index__empty{color:#a09e9e;text-align:center;font-size:16px;padding:60px 0}.blog-index__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.blog-card{background:#2a2c2f;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;height:100%}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.blog-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card__image-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;background:#1c1d1c;flex-shrink:0}.blog-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.blog-card__link:hover .blog-card__image{transform:scale(1.04)}.blog-card__image-wrap--placeholder{display:flex;align-items:center;justify-content:center}.blog-card__placeholder-icon::before{content:'🎬';font-size:48px;opacity:.25}.blog-card__body{padding:20px 20px 24px;display:flex;flex-direction:column;flex:1}.blog-card__title{color:#eee;font-size:18px;font-weight:500;line-height:1.35;margin:0 0 10px;flex:1}.blog-card__link:hover .blog-card__title{color:#2aa6dc}.blog-card__excerpt{color:#a09e9e;font-size:14px;line-height:1.6;margin:0 0 14px;flex:1}.blog-card__date{display:block;color:#6e6e6e;font-size:12px;margin-top:auto}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:52px;flex-wrap:wrap}.blog-pagination__list{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap;align-items:center}.blog-pagination__arrow,.blog-pagination__item,.blog-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:4px;font-size:14px;text-decoration:none;transition:background .15s,color .15s}.blog-pagination__item{color:#a09e9e}.blog-pagination__link{color:#ccc;background:#2a2c2f;padding:0 10px}.blog-pagination__link:hover{background:#2aa6dc;color:#fff}.blog-pagination__item--current{background:#2aa6dc;color:#fff;font-weight:600;padding:0 10px}.blog-pagination__gap{color:#6e6e6e;padding:0 4px;pointer-events:none}.blog-pagination__arrow{background:#2a2c2f;color:#ccc;padding:0 12px;font-size:16px}.blog-pagination__arrow:hover{background:#2aa6dc;color:#fff}@media screen and (max-width:1300px){.blog-index__list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1000px){.blog-index{padding:0 24px}.blog-index__list{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:680px){.blog-index{padding:0 12px;margin:24px auto 48px}.blog-index__list{grid-template-columns:1fr;gap:16px}.blog-card__title{font-size:16px}}.blog-post{max-width:1600px;width:100%;margin:40px auto 80px;padding:0 40px;box-sizing:border-box}.blog-post__breadcrumbs{margin-bottom:20px}.blog-post__breadcrumbs-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px}.blog-post__breadcrumb{display:flex;align-items:center}.blog-post__breadcrumb-link{color:#2aa6dc;text-decoration:none}.blog-post__breadcrumb-link:hover{text-decoration:underline}.blog-post__breadcrumb--sep{color:#6e6e6e;user-select:none}.blog-post__breadcrumb--current{color:#a09e9e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:480px}.blog-post__nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:28px}.blog-post__nav-placeholder{flex:1}.blog-post__nav-link{display:flex;flex-direction:column;gap:4px;flex:1;max-width:48%;padding:12px 16px;background:#2a2c2f;border-radius:6px;text-decoration:none;transition:background .2s}.blog-post__nav-link:hover{background:#353840}.blog-post__nav-link--next{text-align:right;margin-left:auto}.blog-post__nav-label{color:#6e6e6e;font-size:12px}.blog-post__nav-title{color:#ccc;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post__nav-link:hover .blog-post__nav-title{color:#2aa6dc}.blog-post__header{margin-bottom:32px}.blog-post__title{color:#eee;font-size:42px;font-weight:500;line-height:1.2;text-align:center;margin:32px 0 12px}.blog-post__meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:24px}.blog-post__date{color:#a09e9e;font-size:13px}.blog-post__categories{display:flex;gap:6px;flex-wrap:wrap}.blog-post__category{color:#2aa6dc;font-size:13px;text-decoration:none}.blog-post__category:hover{text-decoration:underline}.blog-post__thumbnail{margin-bottom:28px;border-radius:6px;overflow:hidden;line-height:0}.blog-post__thumbnail img{width:100%;height:auto;display:block}.blog-post__content{background:#fff;color:#2c2c2c;border-radius:6px;padding:48px 60px;line-height:1.8;font-size:17px;word-break:break-word;column-count:2;column-gap:48px;column-rule:1px solid #e8e8e8}.blog-post__content blockquote,.blog-post__content figure,.blog-post__content pre,.blog-post__content table{break-inside:avoid;-webkit-column-break-inside:avoid}.blog-post__content .wp-caption{break-inside:unset;-webkit-column-break-inside:unset}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3,.blog-post__content h4,.blog-post__content h5,.blog-post__content h6{break-inside:avoid;break-after:avoid;-webkit-column-break-inside:avoid;-webkit-column-break-after:avoid}.blog-post__content .aligncenter,.blog-post__content img.aligncenter{column-span:all;float:none;display:block;margin:1em auto}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3,.blog-post__content h4,.blog-post__content h5,.blog-post__content h6{color:#1c1d1c;font-weight:600;line-height:1.3;margin-top:1.8em;margin-bottom:.5em}.blog-post__content h1{font-size:30px}.blog-post__content h2{font-size:26px;border-bottom:2px solid #e8e8e8;padding-bottom:6px}.blog-post__content h3{font-size:22px}.blog-post__content h4{font-size:18px}.blog-post__content h5{font-size:15px;text-transform:uppercase;letter-spacing:.05em}.blog-post__content h6{font-size:14px;color:#666;font-style:italic}.blog-post__content p{margin:0 0 1.2em}.blog-post__content a{color:#0a74c4;text-decoration:underline}.blog-post__content a:hover{color:#2aa6dc}.blog-post__content ol,.blog-post__content ul{margin:0 0 1.2em 1.5em;padding:0}.blog-post__content ol li,.blog-post__content ul li{margin-bottom:.4em;line-height:1.7}.blog-post__content blockquote{border-left:4px solid #2aa6dc;margin:1.5em 0;padding:12px 20px;background:#f5f9fd;color:#444;font-style:italic;border-radius:0 4px 4px 0}.blog-post__content blockquote p{margin:0}.blog-post__content pre{background:#f2f2f2;border:1px solid #ddd;border-radius:4px;padding:14px 16px;overflow-x:auto;font-size:14px;line-height:1.5;margin-bottom:1.2em}.blog-post__content code{background:#f2f2f2;padding:2px 5px;border-radius:3px;font-size:.9em}.blog-post__content pre code{background:0 0;padding:0}.blog-post__content img{max-width:100%;height:auto;border-radius:4px;display:block;margin:1em auto}.blog-post__content .alignleft,.blog-post__content img.alignleft{float:left;display:inline;margin:4px 24px 16px 0;max-width:50%}.blog-post__content .alignright,.blog-post__content img.alignright{float:right;display:inline;margin:4px 0 16px 24px;max-width:50%}.blog-post__content .aligncenter,.blog-post__content img.aligncenter{float:none;display:block;margin:1em auto}.blog-post__content .alignnone,.blog-post__content img.alignnone{float:none;display:block;margin:1em 0}.blog-post__content .wp-caption:after,.blog-post__content p:after{content:'';display:table;clear:both}.blog-post__content .wp-caption{max-width:100%;border-radius:4px}.blog-post__content .wp-caption.alignleft{float:left;margin:4px 24px 16px 0;max-width:50%}.blog-post__content .wp-caption.alignright{float:right;margin:4px 0 16px 24px;max-width:50%}.blog-post__content .wp-caption img{margin:0;border-radius:4px 4px 0 0}.blog-post__content .wp-caption-text{font-size:13px;color:#888;text-align:center;margin:4px 0 0;font-style:italic}.blog-post__content hr{border:none;border-top:1px solid #ddd;margin:2em 0}.blog-post__content table{width:100%;border-collapse:collapse;margin-bottom:1.2em;font-size:15px}.blog-post__content td,.blog-post__content th{border:1px solid #ddd;padding:8px 12px;text-align:left}.blog-post__content th{background:#f0f0f0;font-weight:600}.blog-post__footer{margin-top:28px}.blog-post__tags{display:flex;flex-wrap:wrap;gap:8px}.blog-post__tag{display:inline-block;background:#3a3d40;color:#a09e9e;font-size:12px;padding:4px 10px;border-radius:20px;text-decoration:none;transition:background .2s,color .2s}.blog-post__tag:hover{background:#2aa6dc;color:#fff}@media screen and (max-width:600px){.blog-post__nav{flex-direction:column}.blog-post__nav-link,.blog-post__nav-link--next{max-width:100%;text-align:left}.blog-post__breadcrumb--current{max-width:220px}}@media screen and (max-width:1200px){.blog-post{max-width:900px;padding:0 32px}}@media screen and (max-width:1024px){.blog-post{padding:0 24px}.blog-post__content{padding:36px 40px;column-count:1;column-rule:none}.blog-post__title{font-size:34px}}@media screen and (max-width:768px){.blog-post{padding:0 16px;margin:24px auto 48px}.blog-post__content{padding:28px 24px;font-size:16px}.blog-post__title{font-size:28px}.blog-post__content h1{font-size:26px}.blog-post__content h2{font-size:22px}.blog-post__content h3{font-size:19px}.blog-post__content h4{font-size:17px}}@media screen and (max-width:600px){.blog-post__content .alignleft,.blog-post__content .alignright,.blog-post__content .wp-caption.alignleft,.blog-post__content .wp-caption.alignright,.blog-post__content img.alignleft,.blog-post__content img.alignright{float:none;display:block;margin:1em auto;max-width:100%}}@media screen and (max-width:480px){.blog-post{padding:0 8px}.blog-post__content{padding:20px 16px;font-size:15px;border-radius:4px}.blog-post__title{font-size:22px}.blog-post__content h1{font-size:20px}.blog-post__content h2{font-size:18px}.blog-post__content h3{font-size:16px}.blog-post__content h4{font-size:15px}.blog-post__content h5{font-size:13px}.blog-post__content h6{font-size:12px}}