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