.blog-detail{background-color:var(--bugloos-white);min-height:100vh}.blog-detail__hero{position:relative;height:60vh;min-height:500px;overflow:hidden}.blog-detail__hero-image-wrapper{position:absolute;inset:0}.blog-detail__hero-image{width:100%;height:100%;object-fit:cover}.blog-detail__hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.7) 100%)}.blog-detail__back-button{position:absolute;top:var(--spacing-8);left:var(--spacing-8);z-index:20;background-color:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--bugloos-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);display:inline-flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-normal);cursor:pointer;text-decoration:none}.blog-detail__back-button:hover{background-color:rgba(255,255,255,.2)}.blog-detail__hero-content{position:relative;height:100%;display:flex;align-items:flex-end;z-index:10}.blog-detail__hero-inner{max-width:var(--max-width-prose);margin:0 auto;padding:0 var(--spacing-4) var(--spacing-16);width:100%}.blog-detail__category-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:var(--bugloos-primary);color:var(--bugloos-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);margin-bottom:var(--spacing-4)}.blog-detail__category-badge svg{width:var(--spacing-5)}.blog-detail__title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--bugloos-white);margin-bottom:var(--spacing-6);line-height:var(--leading-tight)}.blog-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-6);color:rgba(255,255,255,.9)}.blog-detail__meta-item{display:flex;align-items:center;gap:var(--spacing-2)}.blog-detail__meta-item svg{width:var(--spacing-6)}.blog-detail__article{position:relative;padding:var(--spacing-16) 0}.blog-detail__article-inner{max-width:var(--max-width-prose);margin:0 auto;padding:0 var(--spacing-4)}.blog-detail__author{margin-top:var(--spacing-16);padding:var(--spacing-8);background-color:var(--bugloos-gray-50);border-radius:var(--radius-2xl)}.blog-detail__author-inner{display:flex;align-items:start;gap:var(--spacing-6)}.blog-detail__author-avatar{width:var(--spacing-20);height:var(--spacing-20);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--bugloos-primary),var(--bugloos-secondary));display:flex;align-items:center;justify-content:center;color:var(--bugloos-white);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);flex-shrink:0}.blog-detail__author-info{flex:1}.blog-detail__author-name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--bugloos-dark);margin-bottom:var(--spacing-2)}.blog-detail__author-bio{color:var(--bugloos-gray-600);line-height:var(--leading-relaxed)}.blog-content{color:var(--bugloos-gray-700);line-height:var(--leading-relaxed)}.blog-content__intro{font-size:var(--text-xl);color:var(--bugloos-gray-700);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-12)}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--bugloos-dark);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin-top:var(--spacing-12);margin-bottom:var(--spacing-6)}.blog-content h1{font-size:var(--text-4xl)}.blog-content h2{font-size:var(--text-3xl)}.blog-content h3{font-size:var(--text-2xl)}.blog-content h4{font-size:var(--text-xl)}.blog-content h5{font-size:var(--text-lg)}.blog-content h6{font-size:var(--text-base)}.blog-content h1:first-child,.blog-content h2:first-child,.blog-content h3:first-child,.blog-content h4:first-child,.blog-content h5:first-child,.blog-content h6:first-child{margin-top:0}.blog-content p{color:var(--bugloos-gray-700);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-6)}.blog-content p:last-child{margin-bottom:0}.blog-content a{color:var(--bugloos-primary);text-decoration:underline;transition:color var(--transition-normal)}.blog-content a:hover{color:var(--bugloos-secondary)}.blog-content b,.blog-content strong{font-weight:var(--font-weight-bold);color:var(--bugloos-dark)}.blog-content em,.blog-content i{font-style:italic}.blog-content ul{margin:var(--spacing-6) 0;padding-left:0;list-style:none}.blog-content ul li{color:var(--bugloos-gray-700);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-3)}.blog-content ul li p{display:inline}.blog-content ul li::before{content:"•";color:var(--bugloos-primary);font-size:var(--text-4xl);line-height:0;top:.65rem;position:relative;padding-right:var(--spacing-1)}.blog-content ol{margin:var(--spacing-6) 0;padding-left:0;list-style:none;counter-reset:list-counter}.blog-content ol li{display:flex;align-items:start;gap:var(--spacing-4);color:var(--bugloos-gray-700);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4);counter-increment:list-counter}.blog-content ol li::before{content:counter(list-counter);flex-shrink:0;width:1.8rem;height:1.8rem;border-radius:var(--radius-full);background-color:var(--bugloos-primary);color:var(--bugloos-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-sm);line-height:1rem}.blog-content ol ol,.blog-content ol ul,.blog-content ul ol,.blog-content ul ul{margin:var(--spacing-3) 0 var(--spacing-3) var(--spacing-8)}.blog-content blockquote{position:relative;margin:var(--spacing-16) 0;padding:var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-16);border-left:4px solid var(--bugloos-primary);background:linear-gradient(to right,var(--bugloos-gray-50),transparent)}.blog-content blockquote::before{content:'"';position:absolute;left:0;top:0;color:var(--bugloos-primary);opacity:.2;font-size:6rem;line-height:1;font-family:serif}.blog-content blockquote p{font-size:var(--text-2xl);color:var(--bugloos-dark);font-style:italic;margin-bottom:var(--spacing-4);line-height:var(--leading-relaxed)}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content blockquote cite{display:block;color:var(--bugloos-gray-600);font-style:normal;font-weight:var(--font-weight-medium);margin-top:var(--spacing-4)}.blog-content blockquote cite::before{content:"— "}.blog-content pre{background-color:var(--bugloos-gray-900);color:var(--bugloos-gray-100);padding:var(--spacing-6);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--spacing-8) 0;font-family:'Courier New',Courier,monospace;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.blog-content code{background-color:var(--bugloos-gray-100);color:var(--bugloos-dark);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-family:'Courier New',Courier,monospace;font-size:var(--text-sm)}.blog-content pre code{background-color:transparent;padding:0;color:inherit;font-size:inherit}.blog-content img{max-width:100%;height:auto;border-radius:var(--radius-2xl);margin:var(--spacing-8) 0;display:block}.blog-content img[loading=lazy]{opacity:0;transition:opacity var(--transition-normal)}.blog-content img[loading=lazy].loaded,.blog-content img[loading=lazy]:not([src]){opacity:1}.blog-content img{object-fit:cover}.blog-content img[srcset]{width:100%;height:auto}.blog-content figure{margin:var(--spacing-8) 0}.blog-content figure img{margin:0}.blog-content figcaption{font-size:var(--text-sm);color:var(--bugloos-gray-600);text-align:center;margin-top:var(--spacing-3);font-style:italic}.blog-content hr{border:none;border-top:2px solid var(--bugloos-gray-200);margin:var(--spacing-12) 0}.blog-content table{width:100%;border-collapse:collapse;margin:var(--spacing-8) 0;table-layout:auto}.blog-content .table-wrapper{overflow-x:auto;margin:var(--spacing-8) 0;-webkit-overflow-scrolling:touch}.blog-content .table-wrapper table{margin:0}.blog-content table thead{background-color:var(--bugloos-gray-100)}.blog-content table th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-weight:var(--font-weight-bold);color:var(--bugloos-dark);border-bottom:2px solid var(--bugloos-gray-300);white-space:nowrap}.blog-content table td{padding:var(--spacing-3) var(--spacing-4);color:var(--bugloos-gray-700);border-bottom:1px solid var(--bugloos-gray-200)}.blog-content table tr:last-child td{border-bottom:none}.blog-content table tr:hover{background-color:var(--bugloos-gray-50)}.blog-content__section{margin:var(--spacing-12) 0}.blog-content .wp-block-media-text{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);align-items:center;margin:var(--spacing-12) 0}.blog-content .wp-block-media-text__media{margin:0}.blog-content .wp-block-media-text__media img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl);margin:0}.blog-content .wp-block-media-text__content h1,.blog-content .wp-block-media-text__content h2,.blog-content .wp-block-media-text__content h3,.blog-content .wp-block-media-text__content h4,.blog-content .wp-block-media-text__content h5,.blog-content .wp-block-media-text__content h6{margin-top:0}.blog-content .wp-block-media-text__content>:last-child{margin-bottom:0}.blog-content .wp-block-media-text .wp-block-media-text__media{order:1}.blog-content .wp-block-media-text .wp-block-media-text__content{order:2}.blog-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:2}.blog-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{order:1}@media (max-width:767px){.blog-content .wp-block-media-text{grid-template-columns:1fr;gap:var(--spacing-6)}.blog-content .wp-block-media-text .wp-block-media-text__media,.blog-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:1}.blog-content .wp-block-media-text .wp-block-media-text__content,.blog-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{order:2}}.blog-content .wp-block-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);align-items:center;margin:var(--spacing-12) 0}.blog-content .wp-block-column img{width:100%;height:auto;border-radius:var(--radius-2xl);margin:var(--spacing-4) 0}.blog-content .wp-block-columns .wp-block-column>h1:first-child,.blog-content .wp-block-columns .wp-block-column>h2:first-child,.blog-content .wp-block-columns .wp-block-column>h3:first-child,.blog-content .wp-block-columns .wp-block-column>h4:first-child,.blog-content .wp-block-columns .wp-block-column>h5:first-child,.blog-content .wp-block-columns .wp-block-column>h6:first-child{margin-top:0}@media (max-width:767px){.blog-content .wp-block-columns{grid-template-columns:1fr;gap:var(--spacing-6)}}.blog-content__conclusion{margin-top:var(--spacing-12);padding-top:var(--spacing-12);border-top:1px solid var(--bugloos-gray-200)}.blog-content__conclusion h2{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--bugloos-dark);margin-bottom:var(--spacing-6)}@media (min-width:640px){.blog-detail__hero-inner{padding:0 var(--spacing-6) var(--spacing-16)}.blog-detail__article-inner{padding:0 var(--spacing-6)}}@media (min-width:768px){.blog-detail__title{font-size:var(--text-5xl)}.blog-content h1{font-size:var(--text-5xl)}.blog-content h2{font-size:var(--text-4xl)}}@media (min-width:1024px){.blog-detail__hero-inner{padding:0 var(--spacing-8) var(--spacing-16)}.blog-detail__article-inner{padding:0 var(--spacing-8)}.blog-detail__title{font-size:var(--text-6xl)}.blog-content h1{font-size:var(--text-6xl)}.blog-content h2{font-size:var(--text-5xl)}}[dir=rtl] .blog-detail__back-button,html.rtl .blog-detail__back-button{left:auto;right:var(--spacing-8);flex-direction:row-reverse}[dir=rtl] .blog-content ul,html.rtl .blog-content ul{padding-left:0;padding-right:0}[dir=rtl] .blog-content ul li::before,html.rtl .blog-content ul li::before{padding-right:0;padding-left:var(--spacing-1)}[dir=rtl] .blog-content ol ol,[dir=rtl] .blog-content ol ul,[dir=rtl] .blog-content ul ol,[dir=rtl] .blog-content ul ul,html.rtl .blog-content ol ol,html.rtl .blog-content ol ul,html.rtl .blog-content ul ol,html.rtl .blog-content ul ul{margin:var(--spacing-3) var(--spacing-8) var(--spacing-3) 0}[dir=rtl] .blog-content blockquote,html.rtl .blog-content blockquote{padding:var(--spacing-8) var(--spacing-16) var(--spacing-8) var(--spacing-8);border-left:none;border-right:4px solid var(--bugloos-primary);background:linear-gradient(to left,var(--bugloos-gray-50),transparent)}[dir=rtl] .blog-content blockquote::before,html.rtl .blog-content blockquote::before{left:auto;right:0}[dir=rtl] .blog-content table th,html.rtl .blog-content table th{text-align:right}