.blog-article-page__container{min-height:100vh;background-color:#f8f9fa;position:relative;z-index:1}.blog-article-page__breadcrumb{background-color:#fff;padding:1rem 0;border-bottom:1px solid #e9ecef;position:relative;z-index:1}.blog-article-page__breadcrumb-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;position:relative;z-index:2}.blog-article-page__breadcrumb-link{color:#6c757d;text-decoration:none;transition:color .2s}.blog-article-page__breadcrumb-link:hover{color:#007bff}.blog-article-page__breadcrumb-separator{color:#6c757d}.blog-article-page__breadcrumb-current{color:#495057;font-weight:500}.blog-article-page__article{background-color:#fff;margin:2rem auto;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;position:relative;z-index:1}.blog-article-page__article-container{max-width:800px;margin:0 auto;padding:2rem;position:relative;z-index:2}.blog-article-page__header{margin-bottom:2rem;position:relative;z-index:1}.blog-article-page__meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.blog-article-page__category{background-color:#e7f1ff;color:#007bff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;position:relative;z-index:2}.blog-article-page__date,.blog-article-page__read-time{color:#6c757d;font-size:.875rem;display:flex;align-items:center;gap:.25rem;position:relative;z-index:2}.blog-article-page__title{font-size:2.5rem;font-weight:700;line-height:1.2;color:#212529;margin-bottom:1rem;position:relative;z-index:2}.blog-article-page__excerpt{font-size:1.125rem;color:#6c757d;line-height:1.6;margin-bottom:2rem;position:relative;z-index:2}.blog-article-page__author{display:flex;align-items:center;gap:1rem;position:relative;z-index:2}.blog-article-page__author-avatar{width:50px;height:50px;border-radius:50%;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;z-index:2}.blog-article-page__author-info{display:flex;flex-direction:column}.blog-article-page__author-name{color:#212529;font-weight:600}.blog-article-page__author-role{color:#6c757d;font-size:.875rem}.blog-article-page__image-container{margin:2rem 0;border-radius:8px;overflow:hidden;position:relative;z-index:1}.blog-article-page__image{width:100%;height:auto;display:block;position:relative;z-index:1}.blog-article-page__content{line-height:1.8;color:#495057;position:relative;z-index:1}.blog-article-page__content h2{font-size:1.75rem;font-weight:600;color:#212529;margin:2rem 0 1rem;position:relative;z-index:2}.blog-article-page__content h3{font-size:1.375rem;font-weight:600;color:#212529;margin:1.5rem 0 .75rem;position:relative;z-index:2}.blog-article-page__content p{margin-bottom:1rem;position:relative;z-index:1}.blog-article-page__content ol,.blog-article-page__content ul{margin-bottom:1rem;padding-left:1.5rem;position:relative;z-index:1}.blog-article-page__content li{margin-bottom:.5rem}.blog-article-page__content strong{font-weight:600;color:#212529}.blog-article-page__footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e9ecef;position:relative;z-index:1}.blog-article-page__share-section{margin-bottom:2rem;position:relative;z-index:1}.blog-article-page__share-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#212529;position:relative;z-index:2}.blog-article-page__share-buttons{display:flex;gap:.75rem;flex-wrap:wrap;position:relative;z-index:2}.blog-article-page__share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.875rem;position:relative;z-index:3}.blog-article-page__share-btn--facebook{background-color:#1877f2;color:white}.blog-article-page__share-btn--facebook:hover{background-color:#1664d9}.blog-article-page__share-btn--twitter{background-color:#1da1f2;color:white}.blog-article-page__share-btn--twitter:hover{background-color:#1a91da}.blog-article-page__share-btn--linkedin{background-color:#0a66c2;color:white}.blog-article-page__share-btn--linkedin:hover{background-color:#0959aa}.blog-article-page__share-btn--copy{background-color:#6c757d;color:white}.blog-article-page__share-btn--copy:hover{background-color:#5a6268}.blog-article-page__share-btn--copied{background-color:#28a745!important}.blog-article-page__actions{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.blog-article-page__btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;text-decoration:none;transition:all .2s;border:2px solid transparent;cursor:pointer;position:relative;z-index:3}.blog-article-page__btn--outline{border-color:#007bff;color:#007bff;background-color:transparent}.blog-article-page__btn--outline:hover{background-color:#007bff;color:white}.blog-article-page__related{background-color:#fff;padding:3rem 0;margin-top:2rem;position:relative;z-index:1}.blog-article-page__related-container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:2}.blog-article-page__related-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#212529;position:relative;z-index:2}.blog-article-page__related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;position:relative;z-index:2}.blog-article-page__related-card{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative;z-index:3}.blog-article-page__related-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.blog-article-page__related-image{height:200px;overflow:hidden;position:relative;z-index:2}.blog-article-page__related-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s;position:relative;z-index:1}.blog-article-page__related-card:hover .blog-article-page__related-image img{transform:scale(1.05)}.blog-article-page__related-content{padding:1.5rem;position:relative;z-index:2}.blog-article-page__related-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#212529}.blog-article-page__related-link{color:inherit;text-decoration:none}.blog-article-page__related-link:hover{color:#007bff}.blog-article-page__related-excerpt{color:#6c757d;margin-bottom:1rem;line-height:1.6}.blog-article-page__read-more{color:#007bff;text-decoration:none;font-weight:500;transition:color .2s}.blog-article-page__read-more:hover{color:#0056b3}.blog-article-page__container *{max-z-index:100!important}.blog-article-page__article,.blog-article-page__container,.blog-article-page__content,.blog-article-page__footer,.blog-article-page__image-container,.blog-article-page__related{z-index:1!important}@media (max-width:768px){.blog-article-page__article-container{padding:1rem}.blog-article-page__title{font-size:2rem}.blog-article-page__meta{flex-direction:column;gap:.5rem}.blog-article-page__share-buttons{flex-direction:column}.blog-article-page__actions{flex-direction:column;gap:1rem;align-items:stretch}.blog-article-page__related-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-article-page__breadcrumb-container{flex-wrap:wrap}.blog-article-page__title{font-size:1.75rem}.blog-article-page__author{flex-direction:column;text-align:center;gap:.5rem}.blog-article-page__container{z-index:1!important}}.blog-article-page__container *{position:static!important}.blog-article-page__container .blog-article-page__btn,.blog-article-page__container .blog-article-page__related-card,.blog-article-page__container .blog-article-page__share-btn{position:relative!important;z-index:10!important}